{"title":"Visage","description":"","products":[{"product_id":"brume-detox-rafraichissante-antipollution-150-ml-k-pour-karite","title":"Brume Détox Rafraichissante Antipollution - 150 Ml - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kpk-hero\"\u003e\n \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kpk-hero-content\"\u003e\n \u003cdiv class=\"kpk-badges-top\"\u003e\n \u003cspan class=\"kpk-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🍃 Menthe fraîche\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eBrume Détox Rafraîchissante Antipollution\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eK pour Karité\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003ePurifiez, rafraîchissez et protégez vos cheveux des agressions urbaines en un seul geste grâce à cette brume bio à la menthe fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eBrume Détox Rafraîchissante Antipollution K pour Karité : fraîcheur et pureté pour vos cheveux\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eVos cheveux sentent le tabac, la friture ou les gaz d'échappement après une journée en ville ? Cette brume certifiée Bio par Ecocert purifie, assainit et revitalise vos cheveux et votre cuir chevelu en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"kpk-highlight-box\"\u003e\n \u003cp\u003eDélicatement parfumée à la \u003cstrong\u003ementhe fraîche\u003c\/strong\u003e, elle neutralise les odeurs désagréables et vous offre une sensation de légèreté immédiate. Que vous viviez en milieu urbain ou que vous soyez simplement à la recherche d'un soin capillaire détoxifiant naturel, ce spray de \u003cstrong\u003e150 ml\u003c\/strong\u003e deviendra vite un indispensable de votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette brume détox pour les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eAu quotidien, vos cheveux accumulent des particules de pollution, de la poussière et toutes sortes d'impuretés invisibles. Résultat : un cuir chevelu irrité, des démangeaisons et une chevelure qui perd en éclat.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧪 Détoxifie\u003c\/h3\u003e\n \u003cp\u003eÉlimine les résidus de pollution et les particules fines accumulées dans la chevelure tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e❄️ Rafraîchit\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur instantanée grâce à l'hydrolat de menthe poivrée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌸 Apaise\u003c\/h3\u003e\n \u003cp\u003eCalme les démangeaisons et les irritations du cuir chevelu, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🛡️ Protège\u003c\/h3\u003e\n \u003cp\u003eDépose un voile léger antipollution qui préserve les cheveux des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌬️ Neutralise les odeurs\u003c\/h3\u003e\n \u003cp\u003eTabac, cuisine, transports en commun… vos cheveux retrouvent une senteur fraîche et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à une simple brume rafraîchissante visage, ce soin est \u003cstrong\u003espécifiquement formulé\u003c\/strong\u003e pour agir sur la fibre capillaire et le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComposition naturelle et certifiée Bio\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eK pour Karité mise sur des ingrédients naturels et biologiques, soigneusement sélectionnés pour leur efficacité.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🍃 Hydrolat de menthe poivrée Bio\u003c\/h3\u003e\n \u003cp\u003eTonifie le cuir chevelu, apporte une fraîcheur durable et contribue à assainir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌳 Extrait de moringa\u003c\/h3\u003e\n \u003cp\u003eVéritable bouclier antipollution, il aide à capter et éliminer les particules polluantes fixées sur les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌾 Prêle des champs\u003c\/h3\u003e\n \u003cp\u003eRiche en silice, elle apaise les irritations et renforce la fibre capillaire de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💧 Aloe vera Bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et adoucit les cheveux sans les alourdir pour une chevelure souple et légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans parabènes, sans silicones et sans substances controversées\u003c\/strong\u003e. Tous les ingrédients sont d'origine naturelle et respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment utiliser cette brume rafraîchissante ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eSon format spray est ultra pratique et vous accompagne partout. Voici comment en tirer le meilleur parti :\u003c\/p\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez légèrement avant chaque utilisation pour bien mélanger les actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eVaporisez à 20 cm\u003c\/h3\u003e\n \u003cp\u003ePulvérisez sur cheveux secs ou légèrement humides, à environ 20 cm de la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n \u003cp\u003eAvant de sortir, pour créer un bouclier protecteur contre la pollution et les agressions urbaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003e🕐 En journée\u003c\/h3\u003e\n \u003cp\u003eDès que vos cheveux ont besoin d'un coup de frais ou après une exposition à des odeurs persistantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n \u003cp\u003ePour purifier vos cheveux des impuretés accumulées tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVous pouvez l'utiliser \u003cstrong\u003eaussi souvent que nécessaire\u003c\/strong\u003e : sa formule légère ne laisse aucun résidu et n'alourdit pas les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication française et engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée en France avec des standards de qualité élevés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eLabel Ecocert garantissant des ingrédients naturels et biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n \u003cp\u003eDémarche éco-responsable avec des packagings respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💚 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les cheveux, même les plus sensibles et fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre chevelure le soin détoxifiant qu'elle mérite au quotidien. Ce spray antipollution à la menthe fraîche est le compagnon idéal de toutes les personnes exposées aux agressions urbaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"kpk-disclaimer\"\u003eCosmétique certifié Bio par Ecocert. Produit à usage externe uniquement. Éviter le contact avec les yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #f5f7f9;\n --kpk-white: #ffffff;\n --kpk-primary: #2a8fbf;\n --kpk-primary-dark: #1a5f82;\n --kpk-primary-light: #e8f4fa;\n --kpk-secondary: #3abba4;\n --kpk-accent: #5ec4d4;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #dce8ee;\n --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kpk-radius: 20px;\n --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5f82 0%, #2a8fbf 40%, #3abba4 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kpk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kpk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.kpk-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.kpk-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kpk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.kpk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kpk-primary), var(--kpk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kpk-highlight-box {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kpk-shadow);\n border-left: 4px solid var(--kpk-secondary);\n}\n\n.kpk-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.8;\n line-height: 1.8;\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kpk-shadow-lg);\n border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.kpk-grid-compact .kpk-card {\n padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kpk-timeline-content {\n flex: 1;\n background: var(--kpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kpk-radius-sm);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n font-size: 14px;\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kpk-primary-light);\n border-radius: var(--kpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kpk-tip p {\n font-size: 14px;\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kpk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kpk-disclaimer {\n font-size: 12px;\n color: var(--kpk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kpk-card {\n padding: 1.125rem;\n }\n\n .kpk-section {\n margin-bottom: 1.75rem;\n }\n\n .kpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kpk-radius-sm);\n }\n\n .kpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kpk-grid-compact {\n gap: .625rem;\n }\n\n .kpk-grid-compact .kpk-card {\n padding: .75rem;\n }\n\n .kpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kpk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kpk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kpk-timeline-content p {\n font-size: 13px;\n }\n\n .kpk-highlight-box {\n padding: 1.25rem;\n }\n\n .kpk-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: kpkFadeInUp .5s ease backwards;\n }\n .kpk-card:nth-child(1) { animation-delay: .05s; }\n .kpk-card:nth-child(2) { animation-delay: .1s; }\n .kpk-card:nth-child(3) { animation-delay: .15s; }\n .kpk-card:nth-child(4) { animation-delay: .2s; }\n .kpk-card:nth-child(5) { animation-delay: .25s; }\n .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kpkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kpk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755011137693,"sku":"REF997","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brume-detox-rafraichissante-antipollution-150-ml-k-pour-kari-packshothd.webp?v=1775993883"},{"product_id":"poudre-de-manjistha-100-g-ayurvana","title":"Poudre de Manjistha bio (Garance indienne) 100g - Ayur Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Poudre de Manjistha bio (Garance indienne) 100g - Ayur Vana\nPalette détectée:\n - Primaire: #C4413D (rouge garance du bandeau packaging)\n - Secondaire: #2B7A5B (vert\/turquoise des motifs paisley)\n - Accent: #E8A63D (orange\/safran des gouttes décoratives)\n - Crème: #F5EDE0 (fond crème\/beige de l'étiquette)\n - Kraft: #B8956B (sachet kraft naturel)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, chaleureux, authentique\nPréfixe CSS: mj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi utiliser la poudre de manjistha ?\"\n 2. \"Comment utiliser la poudre de manjistha AyurVana ?\"\n 3. \"Composition et pureté\"\n 4. \"Origine et fabrication responsable\"\n 5. \"Pourquoi choisir AyurVana pour votre Manjistha ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mj-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mj-hero\"\u003e\n \u003cdiv class=\"mj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mj-hero-content\"\u003e\n \u003cdiv class=\"mj-badges-top\"\u003e\n \u003cspan class=\"mj-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"mj-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n \u003cspan class=\"mj-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mj-hero-title\"\u003ePoudre de Manjistha Bio\u003c\/span\u003e\n \u003cp class=\"mj-subtitle\"\u003eGarance indienne • Rubia Cordifolia\u003c\/p\u003e\n \u003cp class=\"mj-description\"\u003eSoin ayurvédique ancestral 100% pur pour une peau clarifiée, des cheveux fortifiés et un organisme purifié. La puissance détoxifiante de l'Inde dans un sachet de 100g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003ePourquoi utiliser la poudre de manjistha ?\u003c\/h2\u003e\n \u003cdiv class=\"mj-grid\"\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e✨ Soin du visage\u003c\/h3\u003e\n \u003cp\u003eClarifie le teint, apaise les imperfections (acné, taches, irritations) et révèle l'éclat naturel de la peau grâce à sa richesse en antioxydants et actifs détoxifiants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e💆 Routine capillaire\u003c\/h3\u003e\n \u003cp\u003eEn masque, fortifie la chevelure, stimule la croissance, régule les cuirs chevelus gras et apaise les démangeaisons pour des cheveux sains et brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🕉️ Tradition ayurvédique\u003c\/h3\u003e\n \u003cp\u003eFavorise l'équilibre des doshas, aide à éliminer les toxines et purifie l'organisme selon les usages ancestraux indiens (avis médical recommandé pour usage interne).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre de manjistha AyurVana ?\u003c\/h2\u003e\n \n \u003cdiv class=\"mj-usage-grid\"\u003e\n \u003cdiv class=\"mj-usage-block\"\u003e\n \u003cdiv class=\"mj-usage-header\"\u003e\n \u003cspan class=\"mj-usage-icon\"\u003e🌸\u003c\/span\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline\"\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003ePréparez la pâte\u003c\/h3\u003e\n \u003cp\u003eMélangez une cuillère de poudre avec un peu d'eau, d'hydrolat ou de yaourt pour obtenir une pâte souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur peau propre, laissez poser 10 à 15 minutes (évitez le contour des yeux).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003eRincez et révélez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède en massant délicatement pour exfolier et révéler une peau nette et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mj-usage-block\"\u003e\n \u003cdiv class=\"mj-usage-header\"\u003e\n \u003cspan class=\"mj-usage-icon\"\u003e💇\u003c\/span\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline\"\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003ePréparez le soin\u003c\/h3\u003e\n \u003cp\u003ePréparez une pâte avec de l'eau tiède jusqu'à consistance crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez et posez\u003c\/h3\u003e\n \u003cp\u003eRépartissez sur le cuir chevelu et les longueurs. Laissez agir 20 à 30 minutes sous une serviette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-timeline-item\"\u003e\n \u003cspan class=\"mj-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"mj-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eConvient à tous types de cheveux, notamment pour apaiser et purifier le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"mj-tip\"\u003e\n \u003cspan class=\"mj-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Toujours effectuer un test de tolérance sur une petite zone avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003eComposition et pureté\u003c\/h2\u003e\n \u003cdiv class=\"mj-composition-box\"\u003e\n \u003cdiv class=\"mj-composition-main\"\u003e\n \u003cspan class=\"mj-composition-percent\"\u003e100%\u003c\/span\u003e\n \u003cdiv class=\"mj-composition-text\"\u003e\n \u003ch3\u003ePoudre de racine de Manjistha bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRubia Cordifolia\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-composition-badges\"\u003e\n \u003cspan class=\"mj-comp-badge\"\u003e🚫 Sans conservateur\u003c\/span\u003e\n \u003cspan class=\"mj-comp-badge\"\u003e🎨 Sans colorant\u003c\/span\u003e\n \u003cspan class=\"mj-comp-badge\"\u003e✅ Sans ajout\u003c\/span\u003e\n \u003cspan class=\"mj-comp-badge\"\u003e🏆 Qualité premium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003eOrigine et fabrication responsable\u003c\/h2\u003e\n \u003cdiv class=\"mj-origin-card\"\u003e\n \u003cdiv class=\"mj-origin-content\"\u003e\n \u003cp\u003eRécoltée \u003cstrong\u003een Inde\u003c\/strong\u003e, selon la tradition ayurvédique millénaire, la poudre de manjistha AyurVana est obtenue par \u003cstrong\u003eséchage doux et broyage fin\u003c\/strong\u003e, garantissant l'intégrité des actifs précieux de la plante.\u003c\/p\u003e\n \u003cp\u003eLa marque s'engage pour une \u003cstrong\u003eagriculture éthique\u003c\/strong\u003e, respectueuse des producteurs locaux et de l'environnement, perpétuant un savoir-faire ancestral dans le respect de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-origin-icons\"\u003e\n \u003cdiv class=\"mj-origin-icon-item\"\u003e\n \u003cspan\u003e🌍\u003c\/span\u003e\n \u003cspan\u003eÉthique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-origin-icon-item\"\u003e\n \u003cspan\u003e🌱\u003c\/span\u003e\n \u003cspan\u003eDurable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-origin-icon-item\"\u003e\n \u003cspan\u003e🤝\u003c\/span\u003e\n \u003cspan\u003eÉquitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003ePourquoi choisir AyurVana pour votre Manjistha ?\u003c\/h2\u003e\n \u003cdiv class=\"mj-grid-compact\"\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🌿 Qualité certifiée bio\u003c\/h3\u003e\n \u003cp\u003eSécurité et efficacité maximales garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🔄 Polyvalence d'usage\u003c\/h3\u003e\n \u003cp\u003eVisage, cheveux, rituels ayurvédiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e💎 Formule 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans aucun additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🇮🇳 Origine contrôlée\u003c\/h3\u003e\n \u003cp\u003eRécoltée éthiquement en Inde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🐰 Convient aux végans\u003c\/h3\u003e\n \u003cp\u003eSans test sur animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🏭 Made in France\u003c\/h3\u003e\n \u003cp\u003eConditionné avec soin en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mj-cta-box\"\u003e\n \u003cp\u003e🕉️ Offrez à votre peau et vos cheveux le meilleur de l'ayurvéda avec la poudre de Manjistha AyurVana — pour une beauté naturelle, saine et rayonnante jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mj-disclaimer\"\u003eLes compléments alimentaires et produits cosmétiques ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --mj-cream: #FAF6F1;\n --mj-white: #ffffff;\n --mj-primary: #C4413D;\n --mj-primary-dark: #9A322F;\n --mj-primary-light: #FCEEED;\n --mj-secondary: #2B7A5B;\n --mj-secondary-light: #E8F5EF;\n --mj-accent: #E8A63D;\n --mj-kraft: #B8956B;\n\n \/* Textes *\/\n --mj-text: #1a1a1a;\n --mj-text-light: #5a5a5a;\n\n \/* Effets *\/\n --mj-border: #e0e0e0;\n --mj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mj-radius: 20px;\n --mj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mj-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mj-primary) 0%, var(--mj-primary-dark) 40%, var(--mj-secondary) 100%);\n border-radius: var(--mj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mj-shadow-lg);\n}\n\n.mj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 25c-8 0-15 7-15 15h30c0-8-7-15-15-15z' fill='%23ffffff' fill-opacity='0.06'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.mj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.mj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.mj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.mj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mj-primary), var(--mj-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.mj-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mj-card {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mj-shadow-lg);\n border-color: var(--mj-primary);\n}\n\n.mj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === USAGE GRID === *\/\n.mj-usage-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mj-usage-block {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: 1.5rem;\n box-shadow: var(--mj-shadow);\n}\n\n.mj-usage-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--mj-primary-light);\n}\n\n.mj-usage-icon {\n font-size: 28px;\n}\n\n.mj-usage-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mj-primary-dark);\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.mj-timeline {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.mj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mj-timeline-number {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--mj-primary), var(--mj-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n}\n\n.mj-timeline-content {\n flex: 1;\n background: var(--mj-primary-light);\n padding: .875rem 1rem;\n border-radius: var(--mj-radius-sm);\n}\n\n.mj-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--mj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mj-timeline-content p {\n font-size: 13px;\n color: var(--mj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mj-secondary-light);\n border-radius: var(--mj-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--mj-secondary);\n}\n\n.mj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mj-tip p {\n font-size: 14px;\n color: var(--mj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mj-composition-box {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mj-shadow);\n text-align: center;\n}\n\n.mj-composition-main {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px dashed var(--mj-border);\n}\n\n.mj-composition-percent {\n font-size: clamp(48px, 10vw, 72px);\n font-weight: 900;\n background: linear-gradient(135deg, var(--mj-primary), var(--mj-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n}\n\n.mj-composition-text {\n text-align: left;\n}\n\n.mj-composition-text h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--mj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mj-composition-text p {\n font-size: 14px;\n color: var(--mj-text-light);\n margin: 0;\n font-style: italic;\n}\n\n.mj-composition-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .625rem;\n}\n\n.mj-comp-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 8px 14px;\n background: var(--mj-secondary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--mj-secondary);\n}\n\n\/* === ORIGIN CARD === *\/\n.mj-origin-card {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mj-shadow);\n border-left: 4px solid var(--mj-accent);\n}\n\n.mj-origin-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--mj-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.mj-origin-content p:last-child {\n margin-bottom: 1.5rem;\n}\n\n.mj-origin-icons {\n display: flex;\n justify-content: center;\n gap: 2rem;\n padding-top: 1rem;\n border-top: 1px solid var(--mj-border);\n}\n\n.mj-origin-icon-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .25rem;\n}\n\n.mj-origin-icon-item span:first-child {\n font-size: 28px;\n}\n\n.mj-origin-icon-item span:last-child {\n font-size: 12px;\n font-weight: 700;\n color: var(--mj-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === CTA FINAL === *\/\n.mj-cta-box {\n background: linear-gradient(135deg, var(--mj-secondary) 0%, var(--mj-primary-dark) 100%);\n border-radius: var(--mj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mj-disclaimer {\n font-size: 12px;\n color: var(--mj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mj-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .mj-grid-compact .mj-card {\n padding: .875rem;\n }\n \n .mj-grid-compact .mj-card h3 {\n font-size: 13px;\n margin-bottom: .35rem;\n }\n \n .mj-grid-compact .mj-card p {\n font-size: 11px;\n }\n \n .mj-card {\n padding: 1.125rem;\n }\n \n .mj-section {\n margin-bottom: 1.75rem;\n }\n \n .mj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mj-radius-sm);\n }\n \n .mj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n \/* Usage grid mobile *\/\n .mj-usage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mj-usage-block {\n padding: 1.125rem;\n }\n \n .mj-usage-header {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mj-usage-header h3 {\n font-size: 16px;\n }\n \n .mj-timeline-number {\n width: 30px;\n height: 30px;\n font-size: 13px;\n }\n \n .mj-timeline-content {\n padding: .75rem .875rem;\n }\n \n .mj-timeline-content h3 {\n font-size: 13px;\n }\n \n .mj-timeline-content p {\n font-size: 12px;\n }\n \n \/* Composition mobile *\/\n .mj-composition-main {\n flex-direction: column;\n gap: .75rem;\n }\n \n .mj-composition-text {\n text-align: center;\n }\n \n .mj-comp-badge {\n padding: 6px 12px;\n font-size: 12px;\n }\n \n \/* Origin mobile *\/\n .mj-origin-icons {\n gap: 1.25rem;\n }\n \n .mj-origin-icon-item span:first-child {\n font-size: 24px;\n }\n \n \/* Tip mobile *\/\n .mj-tip {\n padding: .875rem 1rem;\n }\n \n .mj-tip-icon {\n font-size: 20px;\n }\n \n .mj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mj-card:nth-child(1) { animation-delay: .05s; }\n .mj-card:nth-child(2) { animation-delay: .1s; }\n .mj-card:nth-child(3) { animation-delay: .15s; }\n .mj-card:nth-child(4) { animation-delay: .2s; }\n .mj-card:nth-child(5) { animation-delay: .25s; }\n .mj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755097088157,"sku":"AY9960","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-manjistha-bio-garance-indienne-100g-ayur-vana-ingredients.webp?v=1769351941"},{"product_id":"gommage-visage-au-triphala-cosmos-organic-tube-de-75-ml-ayurvana","title":"Gommage Visage au Triphala Cosmos Organic - 75 ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gommage Visage au Triphala Cosmos Organic - 75 ml - AyurVana\nPalette détectée:\n - Primaire: #7AAC2D (vert olive\/naturel du bandeau packaging)\n - Secondaire: #C4A44A (doré\/ocre des motifs paisley)\n - Accent: #E8963A (orange des fruits\/gouttes décoratives)\nAmbiance: Naturel\/bio, ayurvédique, motifs indiens paisley, univers végétal et authentique, tons chauds et terreux\nPréfixe CSS: gv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gommage visage au Triphala bio : l'exfoliation douce inspirée de l'Ayurvéda\"\n 2. \"Le Triphala : trois fruits ayurvédiques au service de votre peau\"\n 3. \"Une formulation bio et des actifs soigneusement sélectionnés\"\n 4. \"Comment utiliser ce gommage visage bio ?\"\n 5. \"Pourquoi choisir ce gommage plutôt qu'un autre ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gv-hero\"\u003e\n \u003cdiv class=\"gv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gv-hero-content\"\u003e\n \u003cdiv class=\"gv-badges-top\"\u003e\n \u003cspan class=\"gv-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"gv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"gv-badge\"\u003e🍃 100% végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gv-hero-title\"\u003eGommage visage au Triphala\u003c\/span\u003e\n \u003cp class=\"gv-subtitle\"\u003eL'exfoliation douce inspirée de l'Ayurvéda\u003c\/p\u003e\n \u003cp class=\"gv-description\"\u003eTrois fruits sacrés de la tradition indienne réunis dans un soin bio certifié pour révéler l'éclat naturel de votre peau. Tube de 75 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003eGommage visage au Triphala bio : l'exfoliation douce inspirée de l'Ayurvéda\u003c\/h2\u003e\n \u003cp class=\"gv-section-intro\"\u003eVotre peau a besoin de respirer. Pollution, stress, accumulation de cellules mortes… Au quotidien, votre visage fait face à de nombreuses agressions qui ternissent son éclat.\u003c\/p\u003e\n \u003cdiv class=\"gv-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eGommage Visage au Triphala Cosmos Organic\u003c\/strong\u003e d'AyurVana est un soin exfoliant certifié bio qui puise dans la \u003cstrong\u003esagesse millénaire de l'Ayurvéda\u003c\/strong\u003e pour offrir à votre peau une seconde jeunesse, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003eLe Triphala : trois fruits ayurvédiques au service de votre peau\u003c\/h2\u003e\n \u003cp class=\"gv-section-intro\"\u003eLe Triphala est bien plus qu'un simple ingrédient cosmétique. Ce mélange ancestral réunit \u003cstrong\u003etrois fruits précieux\u003c\/strong\u003e de la tradition indienne :\u003c\/p\u003e\n \u003cdiv class=\"gv-grid\"\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🍈 Amalaki (Amla)\u003c\/h3\u003e\n \u003cp\u003eExceptionnellement riche en \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e, il aide à protéger la peau du stress oxydatif et favorise un teint lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🌰 Bibhitaki\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés \u003cstrong\u003epurifiantes\u003c\/strong\u003e, il contribue à désincruster les pores en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🌿 Haritaki\u003c\/h3\u003e\n \u003cp\u003eApprécié pour son action \u003cstrong\u003etonifiante\u003c\/strong\u003e, il soutient le renouvellement cellulaire et affine le grain de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-tip\"\u003e\n \u003cspan class=\"gv-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eEnsemble, ces trois fruits forment un \u003cstrong\u003epuissant trio antioxydant et détoxifiant\u003c\/strong\u003e qui transforme un simple gommage pour le visage en véritable rituel de soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003eUne formulation bio et des actifs soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"gv-section-intro\"\u003eCertifié \u003cstrong\u003eCosmos Organic par Ecocert\u003c\/strong\u003e, ce gommage visage est formulé sans parabènes, sans silicones et sans ingrédients controversés.\u003c\/p\u003e\n \u003cdiv class=\"gv-grid-compact\"\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise, hydrate en profondeur et favorise la régénération cutanée après l'exfoliation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eNourrit la peau et renforce sa barrière protectrice naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🍋 Huile essentielle de citron\u003c\/h3\u003e\n \u003cp\u003eTonifie l'épiderme et apporte une agréable sensation de fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🧪 Gomme xanthane\u003c\/h3\u003e\n \u003cp\u003eAgent de texture d'origine naturelle pour une consistance idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-tip\"\u003e\n \u003cspan class=\"gv-tip-icon\"\u003e💚\u003c\/span\u003e\n \u003cp\u003eLe résultat ? Un gommage du visage à la fois \u003cstrong\u003eefficace et respectueux\u003c\/strong\u003e, qui convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003eComment utiliser ce gommage visage bio ?\u003c\/h2\u003e\n \u003cp class=\"gv-section-intro\"\u003ePour profiter pleinement des bienfaits de ce soin, appliquez-le \u003cstrong\u003eune à deux fois par semaine\u003c\/strong\u003e en suivant ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"gv-timeline\"\u003e\n \u003cdiv class=\"gv-timeline-item\"\u003e\n \u003cdiv class=\"gv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et humide, déposez une noisette de produit du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-item\"\u003e\n \u003cdiv class=\"gv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des \u003cstrong\u003emouvements circulaires\u003c\/strong\u003e, en insistant sur la zone T (front, nez, menton) et en évitant le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-item\"\u003e\n \u003cdiv class=\"gv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède pour éliminer toutes les particules exfoliantes et les impuretés délogées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-item\"\u003e\n \u003cdiv class=\"gv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-content\"\u003e\n \u003ch3\u003eHydratez\u003c\/h3\u003e\n \u003cp\u003eSéchez votre visage en tamponnant doucement, puis appliquez votre crème hydratante habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-tip\"\u003e\n \u003cspan class=\"gv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous cherchez une alternative naturelle au gommage visage maison, ce soin vous offre la \u003cstrong\u003epraticité d'une formulation prête à l'emploi\u003c\/strong\u003e avec la garantie d'ingrédients biologiques dosés avec précision.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gommage plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"gv-grid\"\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🚫 Sans microbilles plastiques\u003c\/h3\u003e\n \u003cp\u003eContrairement aux exfoliants conventionnels, ce gommage mise sur des \u003cstrong\u003eparticules exfoliantes d'origine végétale\u003c\/strong\u003e respectueuses de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit selon des \u003cstrong\u003eprocédés écoresponsables\u003c\/strong\u003e, alliant efficacité cosmétique et engagement environnemental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e✨ Résultats dès la 1ère application\u003c\/h3\u003e\n \u003cp\u003eDouceur, souplesse et éclat retrouvés. Grain de peau visiblement affiné, pores désincrustés, teint plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-tip\"\u003e\n \u003cspan class=\"gv-tip-icon\"\u003e📏\u003c\/span\u003e\n \u003cp\u003eLe tube de \u003cstrong\u003e75 ml\u003c\/strong\u003e offre plusieurs semaines d'utilisation grâce à sa texture concentrée — une base idéale pour vos soins quotidiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + PRÉCAUTIONS --\u003e\n \u003csection class=\"gv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gv-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le rituel ayurvédique qu'elle mérite.\u003cbr\u003eUn gommage bio, naturel et efficace pour un teint éclatant de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"gv-accordion-item\"\u003e\n \u003csummary class=\"gv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"gv-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Conservez à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gv-cream: #faf8f3;\n --gv-white: #ffffff;\n --gv-primary: #7AAC2D;\n --gv-primary-dark: #4a6e1b;\n --gv-primary-light: #f0f6e4;\n --gv-secondary: #C4A44A;\n --gv-accent: #E8963A;\n --gv-text: #1a1a1a;\n --gv-text-light: #5a5a5a;\n --gv-border: #e4dfd5;\n --gv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gv-radius: 20px;\n --gv-radius-sm: 12px;\n}\n\n.gv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gv-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6e1b 0%, #7AAC2D 40%, #C4A44A 100%);\n border-radius: var(--gv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gv-shadow-lg);\n}\n\n.gv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 10%, rgba(232,150,58,.15) 0%, transparent 30%),\n radial-gradient(circle at 90% 20%, rgba(196,164,74,.1) 0%, transparent 25%);\n opacity: 1;\n}\n\n.gv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gv-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gv-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 560px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gv-primary), var(--gv-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gv-highlight-box {\n background: linear-gradient(135deg, var(--gv-primary-light) 0%, #faf6e8 100%);\n border-radius: var(--gv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n border: 2px solid rgba(122,172,45,.15);\n}\n\n.gv-highlight-box p {\n font-size: clamp(15px, 2.5vw, 18px);\n color: var(--gv-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.gv-card {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gv-shadow-lg);\n border-color: var(--gv-primary);\n}\n\n.gv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gv-grid-compact .gv-card {\n padding: 1rem;\n}\n\n.gv-grid-compact .gv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gv-grid-compact .gv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gv-primary), var(--gv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gv-timeline-content {\n flex: 1;\n background: var(--gv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gv-radius-sm);\n box-shadow: var(--gv-shadow);\n}\n\n.gv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gv-timeline-content p {\n font-size: 14px;\n color: var(--gv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gv-primary-light);\n border-radius: var(--gv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gv-tip p {\n font-size: 14px;\n color: var(--gv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gv-cta-box {\n background: linear-gradient(135deg, var(--gv-primary) 0%, var(--gv-primary-dark) 100%);\n border-radius: var(--gv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gv-accordion {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n box-shadow: var(--gv-shadow);\n overflow: hidden;\n}\n\n.gv-accordion-item {\n border-bottom: 1px solid var(--gv-border);\n margin: 0;\n padding: 0;\n}\n\n.gv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gv-accordion-header:hover {\n background: var(--gv-primary-light);\n}\n\n.gv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gv-primary);\n transition: transform .2s ease;\n}\n\n.gv-accordion-item[open] .gv-accordion-header::after {\n content: '−';\n}\n\n.gv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gv-accordion-content p {\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gv-card {\n padding: 1.125rem;\n }\n\n .gv-section {\n margin-bottom: 1.75rem;\n }\n\n .gv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gv-radius-sm);\n }\n\n .gv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gv-grid-compact {\n gap: .625rem;\n }\n\n .gv-grid-compact .gv-card {\n padding: .75rem;\n }\n\n .gv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gv-timeline-content h3 {\n font-size: 14px;\n }\n\n .gv-timeline-content p {\n font-size: 13px;\n }\n\n .gv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gv-highlight-box {\n padding: 1.25rem;\n }\n\n .gv-highlight-box p {\n font-size: 14px;\n }\n\n .gv-tip {\n padding: .875rem 1rem;\n }\n\n .gv-tip-icon {\n font-size: 20px;\n }\n\n .gv-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gv-card {\n animation: gvFadeInUp .5s ease backwards;\n }\n .gv-card:nth-child(1) { animation-delay: .05s; }\n .gv-card:nth-child(2) { animation-delay: .1s; }\n .gv-card:nth-child(3) { animation-delay: .15s; }\n .gv-card:nth-child(4) { animation-delay: .2s; }\n .gv-card:nth-child(5) { animation-delay: .25s; }\n .gv-card:nth-child(6) { animation-delay: .3s; }\n\n .gv-timeline-item {\n animation: gvFadeInUp .5s ease backwards;\n }\n .gv-timeline-item:nth-child(1) { animation-delay: .05s; }\n .gv-timeline-item:nth-child(2) { animation-delay: .1s; }\n .gv-timeline-item:nth-child(3) { animation-delay: .15s; }\n .gv-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes gvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755098366109,"sku":"AY9949","price":15.79,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ayur-vana_triphala_gommage-455069.jpg?v=1732720504"},{"product_id":"creme-de-nuit-au-tulsi-tube-de-75-ml-ayurvana","title":"Crème de Nuit Tulsi : Soin Bio Anti-âge et Hydratant - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème de Nuit Tulsi Bio AyurVana\nPalette détectée:\n - Primaire: #C8703A (orange cuivré\/terracotta du bandeau packaging)\n - Secondaire: #6B8E4E (vert feuille du Tulsi)\n - Accent: #8B6BAE (violet\/mauve des fleurs de Tulsi et motifs paisley)\n - Fond: #F8F3E8 (crème\/ivoire du tube)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, féminin sophistiqué, inspiré de l'Inde avec motifs paisley\nPréfixe CSS: tl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Crème de Nuit au Tulsi Bio AyurVana : le soin anti-âge d'inspiration ayurvédique\"\n 2. \"Pourquoi le Tulsi est-il si précieux pour votre peau ?\"\n 3. \"Les bienfaits concrets de cette crème de nuit hydratante\"\n 4. \"Composition certifiée bio\"\n 5. \"Comment utiliser cette crème de nuit anti-âge ?\"\n 6. \"À qui s'adresse ce soin ?\"\n 7. \"Qualité et engagements AyurVana\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tl-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tl-hero\"\u003e\n \u003cdiv class=\"tl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tl-hero-content\"\u003e\n \u003cdiv class=\"tl-badges-top\"\u003e\n \u003cspan class=\"tl-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e🧴 Tube 75 ml\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e✨ Anti-âge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tl-hero-title\"\u003eCrème de Nuit Tulsi Bio AyurVana\u003c\/span\u003e\n \u003cp class=\"tl-subtitle\"\u003eLe secret ayurvédique pour une peau régénérée au réveil\u003c\/p\u003e\n \u003cp class=\"tl-description\"\u003eNutrition profonde, protection antioxydante et hydratation longue durée — le Basilic Sacré sublime votre peau pendant votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eCrème de Nuit au Tulsi Bio AyurVana : le soin anti-âge d'inspiration ayurvédique\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eVotre peau travaille activement pendant votre sommeil. C'est précisément à ce moment qu'elle se régénère le mieux.\u003c\/p\u003e\n \u003cdiv class=\"tl-highlight-box\"\u003e\n \u003cp\u003eLa \u003cstrong\u003ecrème de nuit au Tulsi AyurVana\u003c\/strong\u003e a été conçue pour accompagner ce processus naturel, en apportant à votre visage une nutrition profonde et une protection antioxydante tout au long de la nuit. Certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, cette \u003cstrong\u003ecrème de nuit anti-âge\u003c\/strong\u003e bio en tube de 75 ml conjugue les bienfaits ancestraux de l'Ayurvéda et la rigueur d'une fabrication française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003ePourquoi le Tulsi est-il si précieux pour votre peau ?\u003c\/h2\u003e\n \u003cdiv class=\"tl-tulsi-card\"\u003e\n \u003cdiv class=\"tl-tulsi-header\"\u003e\n \u003cspan class=\"tl-tulsi-emoji\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eTulsi — Basilic Sacré\u003c\/h3\u003e\n \u003cp class=\"tl-tulsi-latin\"\u003e\u003cem\u003eOcimum sanctum\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eLe \u003cstrong\u003eTulsi\u003c\/strong\u003e est l'une des plantes les plus vénérées de la tradition ayurvédique indienne. Ses feuilles regorgent d'antioxydants puissants — acide rosmarinique, eugénol, flavonoïdes — qui aident à neutraliser les radicaux libres responsables du vieillissement cutané prématuré.\u003c\/p\u003e\n \u003cp\u003eIntégré dans une \u003cstrong\u003ecrème hydratante nuit\u003c\/strong\u003e, le Tulsi favorise le renouvellement cellulaire et aide la peau à retrouver son éclat naturel au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette crème de nuit hydratante\u003c\/h2\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🛡️ Action anti-âge ciblée\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants du Tulsi, associés à la vitamine E, contribuent à atténuer les ridules et à préserver la fermeté de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera et l'huile de jojoba maintiennent un niveau d'hydratation optimal toute la nuit, sans sensation de lourdeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🧈 Nutrition et réparation\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité bio nourrit en profondeur et soutient la barrière cutanée fragilisée par les agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n \u003cp\u003eLes propriétés calmantes du Tulsi et de l'aloe vera soulagent les peaux réactives et sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e☀️ Teint frais au réveil\u003c\/h3\u003e\n \u003cp\u003eEn stimulant la régénération nocturne, cette crème vous aide à retrouver une peau visiblement reposée et lumineuse chaque matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eComposition certifiée bio\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eFormulée \u003cstrong\u003esans parabènes, sans silicones et sans colorants artificiels\u003c\/strong\u003e — votre peau et l'environnement sont respectés.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌿 Tulsi (Basilic Sacré) bio\u003c\/h3\u003e\n \u003cp\u003eAntioxydant, purifiant et régénérant — l'ingrédient star de cette formule ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratant et apaisant, il calme les peaux sensibles et maintient l'équilibre hydrique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrissant et protecteur, il renforce la barrière cutanée pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eRééquilibrant et émollient, elle régule le sébum sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eAntioxydant cellulaire puissant, elle protège la peau du stress oxydatif nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème de nuit anti-âge ?\u003c\/h2\u003e\n \u003cdiv class=\"tl-timeline\"\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eChaque soir, sur une peau propre et sèche, prélevez une noisette de crème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eAppliquez délicatement\u003c\/h3\u003e\n \u003cp\u003eÉtalez sur le visage et le cou en massant par mouvements circulaires ascendants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eInsistez sur les zones ciblées\u003c\/h3\u003e\n \u003cp\u003eContour des yeux, sillons nasogéniens, front — les zones les plus marquées méritent une attention particulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir toute la nuit\u003c\/h3\u003e\n \u003cp\u003eLa texture fondante pénètre rapidement sans laisser de film gras, pour un confort immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-tip\"\u003e\n \u003cspan class=\"tl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUtilisée régulièrement, elle s'intègre parfaitement dans votre routine beauté nocturne pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n \u003cdiv class=\"tl-grid-compact\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌺 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge ciblée sur les ridules et la fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e😴 Peaux fatiguées\u003c\/h3\u003e\n \u003cp\u003eRégénération nocturne pour un teint reposé au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🏜️ Peaux déshydratées\u003c\/h3\u003e\n \u003cp\u003eHydratation profonde et nutrition longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n \u003cp\u003eL'huile de jojoba régule le sébum sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tl-section-intro\" style=\"margin-top:1.25rem;\"\u003eSi vous recherchez la \u003cstrong\u003emeilleure crème de nuit anti-âge\u003c\/strong\u003e alliant naturalité et efficacité, ce soin est fait pour vous.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"tl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQualité et engagements AyurVana\u003c\/h2\u003e\n \u003cdiv class=\"tl-cta-box\"\u003e\n \u003cp\u003eFabriquée en France, la \u003cstrong\u003ecrème de nuit Tulsi AyurVana\u003c\/strong\u003e reflète un engagement sincère pour une cosmétique bio responsable. Chaque ingrédient est rigoureusement sélectionné pour sa qualité et son origine, dans le respect des principes ayurvédiques et des normes européennes les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tl-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique. En cas de doute ou de peau à problèmes spécifiques, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --tl-cream: #FBF7F0;\n --tl-white: #ffffff;\n --tl-primary: #C8703A;\n --tl-primary-dark: #9E5528;\n --tl-primary-light: #FDF1E8;\n --tl-secondary: #6B8E4E;\n --tl-secondary-light: #EEF5E7;\n --tl-accent: #8B6BAE;\n --tl-accent-light: #F3EDF8;\n --tl-text: #1a1a1a;\n --tl-text-light: #5a5a5a;\n --tl-border: #e8ddd0;\n --tl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tl-radius: 20px;\n --tl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tl-premium *, .tl-premium *::before, .tl-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tl-hero {\n position: relative;\n background: linear-gradient(135deg, #C8703A 0%, #A85D2F 40%, #8B6BAE 100%);\n border-radius: var(--tl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tl-shadow-lg);\n}\n\n.tl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 0%, transparent 30%);\n opacity: 1;\n}\n\n.tl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.tl-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.tl-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.tl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.tl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tl-primary), var(--tl-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tl-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.tl-section-intro strong {\n color: var(--tl-primary-dark);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.tl-highlight-box {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tl-shadow);\n border-left: 4px solid var(--tl-secondary);\n}\n\n.tl-highlight-box p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--tl-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.tl-highlight-box strong {\n color: var(--tl-primary-dark);\n}\n\n\/* === TULSI SPECIAL CARD === *\/\n.tl-tulsi-card {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tl-shadow);\n border: 2px solid var(--tl-secondary-light);\n}\n\n.tl-tulsi-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--tl-secondary-light);\n}\n\n.tl-tulsi-emoji {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.tl-tulsi-header h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--tl-secondary);\n margin: 0;\n}\n\n.tl-tulsi-latin {\n font-size: 14px;\n color: var(--tl-text-light);\n margin: 4px 0 0 0;\n}\n\n.tl-tulsi-card p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--tl-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.tl-tulsi-card p:last-child {\n margin-bottom: 0;\n}\n\n.tl-tulsi-card strong {\n color: var(--tl-primary-dark);\n}\n\n\/* === CARDS === *\/\n.tl-card {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tl-shadow-lg);\n border-color: var(--tl-primary);\n}\n\n.tl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tl-grid-compact .tl-card {\n padding: 1rem;\n}\n\n.tl-grid-compact .tl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tl-grid-compact .tl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tl-primary), var(--tl-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.tl-timeline-content {\n flex: 1;\n background: var(--tl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tl-radius-sm);\n box-shadow: var(--tl-shadow);\n}\n\n.tl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tl-timeline-content p {\n font-size: 14px;\n color: var(--tl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.tl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tl-primary-light);\n border-radius: var(--tl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tl-tip p {\n font-size: 14px;\n color: var(--tl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.tl-cta-box {\n background: linear-gradient(135deg, var(--tl-primary) 0%, var(--tl-primary-dark) 100%);\n border-radius: var(--tl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.tl-cta-box strong {\n color: #fff;\n}\n\n\/* === DISCLAIMER === *\/\n.tl-disclaimer {\n font-size: 12px;\n color: var(--tl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tl-card {\n padding: 1.125rem;\n }\n\n .tl-section {\n margin-bottom: 1.75rem;\n }\n\n .tl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tl-radius-sm);\n }\n\n .tl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tl-grid-compact {\n gap: .625rem;\n }\n\n .tl-grid-compact .tl-card {\n padding: .75rem;\n }\n\n .tl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tl-timeline-content h3 {\n font-size: 14px;\n }\n\n .tl-timeline-content p {\n font-size: 13px;\n }\n\n .tl-tulsi-emoji {\n font-size: 32px;\n }\n\n .tl-tulsi-header h3 {\n font-size: 17px;\n }\n\n .tl-highlight-box {\n padding: 1.25rem;\n }\n\n .tl-tulsi-card {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tl-card {\n animation: tl-fadeInUp .5s ease backwards;\n }\n .tl-card:nth-child(1) { animation-delay: .05s; }\n .tl-card:nth-child(2) { animation-delay: .1s; }\n .tl-card:nth-child(3) { animation-delay: .15s; }\n .tl-card:nth-child(4) { animation-delay: .2s; }\n .tl-card:nth-child(5) { animation-delay: .25s; }\n .tl-card:nth-child(6) { animation-delay: .3s; }\n\n .tl-timeline-item {\n animation: tl-fadeInUp .5s ease backwards;\n }\n .tl-timeline-item:nth-child(1) { animation-delay: .05s; }\n .tl-timeline-item:nth-child(2) { animation-delay: .1s; }\n .tl-timeline-item:nth-child(3) { animation-delay: .15s; }\n .tl-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes tl-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755099021469,"sku":"AY9948","price":22.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-de-nuit-tulsi-tube-75ml-ayurvana-316319.jpg?v=1732720066"},{"product_id":"creme-de-jour-visage-au-triphala-cosmos-organic-tube-de-75-ml-ayurvana","title":"Crème de jour Visage au Triphala - 75 Ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème de jour Visage au Triphala - 75 Ml - AyurVana\nPalette détectée:\n - Primaire: #6B8E3A (vert olive\/végétal du packaging)\n - Secondaire: #C4953A (doré\/ambré des fruits et motifs paisley)\n - Accent: #8B6914 (brun doré des fruits séchés)\nAmbiance: Ayurvédique, naturel\/bio, végétal, chaleureux avec touches orientales (motifs paisley), certification Cosmos Organic. Univers bien-être naturel haut de gamme.\nPréfixe CSS: tp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Crème de jour au Triphala bio : le soin ayurvédique qui protège et revitalise votre visage\"\n 2. \"Le Triphala : un trio de fruits aux vertus exceptionnelles\"\n 3. \"Les bienfaits concrets de cette crème de jour\"\n 4. \"Comment bien appliquer votre crème de jour au Triphala ?\"\n 5. \"Composition complète (INCI)\"\n 6. \"Pourquoi adopter cette crème AyurVana au quotidien ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tp-hero\"\u003e\n \u003cdiv class=\"tp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tp-hero-content\"\u003e\n \u003cdiv class=\"tp-badges-top\"\u003e\n \u003cspan class=\"tp-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"tp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"tp-badge\"\u003e🧴 75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tp-hero-title\"\u003eCrème de jour visage au Triphala\u003c\/span\u003e\n \u003cp class=\"tp-subtitle\"\u003eAyurVana — Le meilleur de l'Ayurvéda pour votre peau\u003c\/p\u003e\n \u003cp class=\"tp-description\"\u003eUn soin bio anti-âge qui allie hydratation longue durée, protection antioxydante et texture légère grâce au pouvoir ancestral du Triphala.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003eCrème de jour au Triphala bio : le soin ayurvédique qui protège et revitalise votre visage\u003c\/h2\u003e\n \u003cp class=\"tp-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecrème de jour visage\u003c\/strong\u003e naturelle, capable d'hydrater en profondeur tout en luttant contre les premiers signes de l'âge ?\u003c\/p\u003e\n \u003cdiv class=\"tp-highlight-box\"\u003e\n \u003cp\u003eLa \u003cstrong\u003eCrème de Jour Visage au Triphala\u003c\/strong\u003e d'\u003cstrong\u003eAyurVana\u003c\/strong\u003e puise dans la sagesse millénaire de l'Ayurvéda pour offrir à votre peau un soin complet, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e. Formulée en France avec des ingrédients biologiques rigoureusement sélectionnés, elle s'adresse à toutes celles et ceux qui souhaitent prendre soin de leur peau au quotidien sans compromis sur la qualité ni sur l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003eLe Triphala : un trio de fruits aux vertus exceptionnelles\u003c\/h2\u003e\n \u003cp class=\"tp-section-intro\"\u003eLe \u003cstrong\u003eTriphala\u003c\/strong\u003e est l'un des piliers de la médecine ayurvédique. Il associe trois fruits précieux :\u003c\/p\u003e\n \u003cdiv class=\"tp-grid\"\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e🍈 Amla (Emblica officinalis)\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en vitamine C et en antioxydants, il aide à protéger la peau du stress oxydatif et favorise un \u003cstrong\u003eteint lumineux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e🌰 Bibhitaki (Terminalia bellirica)\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés purifiantes et astringentes, il contribue à \u003cstrong\u003eresserrer le grain de peau\u003c\/strong\u003e visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e🌱 Haritaki (Terminalia chebula)\u003c\/h3\u003e\n \u003cp\u003eApprécié pour ses vertus régénérantes, il soutient le renouvellement cellulaire et aide à \u003cstrong\u003epréserver la fermeté cutanée\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-tip\"\u003e\n \u003cspan class=\"tp-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette synergie fait de cette crème un véritable soin \u003cstrong\u003eanti-âge\u003c\/strong\u003e d'origine naturelle. Si vous recherchez la \u003cstrong\u003emeilleure crème de jour anti-âge\u003c\/strong\u003e respectueuse de votre peau et de la planète, le Triphala est un actif à découvrir absolument.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette crème de jour\u003c\/h2\u003e\n \u003cdiv class=\"tp-grid-compact\"\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eSa formule enrichie en actifs végétaux nourrit la peau dès l'application et maintient un confort optimal tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants du Triphala atténuent les ridules et préviennent les signes de fatigue, pour un visage visiblement plus frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e☁️ Texture légère et non grasse\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans film gras : une base idéale avant le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-card\"\u003e\n \u003ch3\u003e🌿 Certification bio\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans silicones, sans sulfates. Une composition transparente et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003eComment bien appliquer votre crème de jour au Triphala ?\u003c\/h2\u003e\n \u003cdiv class=\"tp-timeline\"\u003e\n \u003cdiv class=\"tp-timeline-item\"\u003e\n \u003cdiv class=\"tp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eChaque matin, commencez par nettoyer et sécher votre visage soigneusement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-item\"\u003e\n \u003cdiv class=\"tp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit pour couvrir l'ensemble du visage et du cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-item\"\u003e\n \u003cdiv class=\"tp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eEffectuez de légers mouvements circulaires ascendants. Insistez doucement sur les zones les plus sèches ou marquées : contour des yeux, pommettes, front.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-item\"\u003e\n \u003cdiv class=\"tp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tp-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003ePour un soin encore plus complet, associez-la à un sérum visage appliqué au préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tp-tip\"\u003e\n \u003cspan class=\"tp-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pensez à compléter votre routine avec une protection solaire si vous vous exposez. Cette \u003cstrong\u003ecrème de jour anti-âge\u003c\/strong\u003e nourrit et protège votre peau des agressions quotidiennes, mais ne contient pas de filtre UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tp-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"tp-accordion\"\u003e\n \u003cdetails class=\"tp-accordion-item\" open\u003e\n \u003csummary class=\"tp-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"tp-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Olea Europaea Fruit Oil*, Butyrospermum Parkii Butter*, Glycerin, Cetearyl Alcohol, Emblica Officinalis Fruit Extract*, Terminalia Bellirica Fruit Extract*, Terminalia Chebula Fruit Extract*, Glyceryl Stearate, Sodium Cetearyl Sulfate, Parfum, Benzyl Alcohol, Tocopherol, Dehydroacetic Acid, Citric Acid. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tp-accordion-item\"\u003e\n \u003csummary class=\"tp-accordion-header\"\u003e🌾 Actifs clés\u003c\/summary\u003e\n \u003cdiv class=\"tp-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eHuile d'olive bio\u003c\/strong\u003e — nourrit et protège le film hydrolipidique. \u003cstrong\u003eBeurre de karité bio\u003c\/strong\u003e — adoucit et répare les peaux les plus sèches. \u003cstrong\u003eExtraits de Triphala bio\u003c\/strong\u003e (Amla, Bibhitaki, Haritaki) — antioxydants puissants pour un soin anti-âge naturel. \u003cstrong\u003eVitamine E (Tocophérol)\u003c\/strong\u003e — protection antioxydante complémentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"tp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi adopter cette crème AyurVana au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"tp-cta-box\"\u003e\n \u003cp\u003eFabriquée en France par \u003cstrong\u003eAyurVana\u003c\/strong\u003e, spécialiste reconnu des soins inspirés de la tradition ayurvédique, cette crème de jour allie efficacité et naturalité. Son tube de \u003cstrong\u003e75 ml\u003c\/strong\u003e est généreux et vous accompagne pendant plusieurs semaines de soin. Si vous hésitez entre plusieurs soins et cherchez la \u003cstrong\u003emeilleure crème de jour anti-âge\u003c\/strong\u003e d'origine naturelle, celle-ci mérite toute votre attention.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tp-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis dermatologique. En cas de doute ou de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --tp-cream: #faf7f0;\n --tp-white: #ffffff;\n --tp-primary: #6B8E3A;\n --tp-primary-dark: #3d5a1a;\n --tp-primary-light: #eef4e4;\n --tp-secondary: #C4953A;\n --tp-accent: #8B6914;\n --tp-text: #1a1a1a;\n --tp-text-light: #5a5a5a;\n --tp-border: #e0ddd5;\n --tp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tp-radius: 20px;\n --tp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tp-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a1a 0%, #6B8E3A 40%, #C4953A 100%);\n border-radius: var(--tp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tp-shadow-lg);\n}\n\n.tp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 25%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(196,149,58,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.tp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.tp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.tp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.tp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.tp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.tp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tp-primary), var(--tp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.tp-highlight-box {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tp-shadow);\n border-left: 4px solid var(--tp-secondary);\n}\n\n.tp-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--tp-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.tp-card {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tp-shadow-lg);\n border-color: var(--tp-primary);\n}\n\n.tp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tp-grid-compact .tp-card {\n padding: 1rem;\n}\n\n.tp-grid-compact .tp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tp-grid-compact .tp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tp-primary), var(--tp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.tp-timeline-content {\n flex: 1;\n background: var(--tp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tp-radius-sm);\n box-shadow: var(--tp-shadow);\n}\n\n.tp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tp-timeline-content p {\n font-size: 14px;\n color: var(--tp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.tp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tp-primary-light);\n border-radius: var(--tp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tp-tip p {\n font-size: 14px;\n color: var(--tp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tp-accordion {\n background: var(--tp-white);\n border-radius: var(--tp-radius);\n box-shadow: var(--tp-shadow);\n overflow: hidden;\n}\n\n.tp-accordion-item {\n border-bottom: 1px solid var(--tp-border);\n margin: 0;\n padding: 0;\n}\n\n.tp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.tp-accordion-header:hover {\n background: var(--tp-primary-light);\n}\n\n.tp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tp-primary);\n transition: transform .2s ease;\n}\n\n.tp-accordion-item[open] .tp-accordion-header::after {\n content: '−';\n}\n\n.tp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.tp-cta-box {\n background: linear-gradient(135deg, var(--tp-primary) 0%, var(--tp-primary-dark) 100%);\n border-radius: var(--tp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tp-disclaimer {\n font-size: 12px;\n color: var(--tp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tp-card {\n padding: 1.125rem;\n }\n\n .tp-section {\n margin-bottom: 1.75rem;\n }\n\n .tp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tp-radius-sm);\n }\n\n .tp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tp-grid-compact {\n gap: .625rem;\n }\n\n .tp-grid-compact .tp-card {\n padding: .75rem;\n }\n\n .tp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tp-timeline-content h3 {\n font-size: 14px;\n }\n\n .tp-timeline-content p {\n font-size: 13px;\n }\n\n .tp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tp-highlight-box {\n padding: 1.25rem;\n }\n\n .tp-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tp-card {\n animation: tpFadeInUp .5s ease backwards;\n }\n .tp-card:nth-child(1) { animation-delay: .05s; }\n .tp-card:nth-child(2) { animation-delay: .1s; }\n .tp-card:nth-child(3) { animation-delay: .15s; }\n .tp-card:nth-child(4) { animation-delay: .2s; }\n .tp-card:nth-child(5) { animation-delay: .25s; }\n .tp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes tpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755099414685,"sku":"AY9947","price":24.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme_de_jour_triphala_ayurvana-351649.jpg?v=1732720052"},{"product_id":"creme-solide-au-beurre-de-karite-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au Beurre de Karité - 50 g - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Solide au Beurre de Karité - Comme Avant\nPalette détectée:\n - Primaire: #C9A96E (kraft\/beige doré du packaging)\n - Secondaire: #E8D9B8 (jaune crème du produit solide)\n - Accent: #8B7355 (brun chaud naturel)\nAmbiance: Naturel, bio, artisanal, minimaliste, chaleureux, éco-responsable\nPréfixe CSS: csk\n--\u003e\n\n\u003cdiv class=\"csk-premium\"\u003e\n \n \u003cdiv class=\"csk-hero\"\u003e\n \u003cdiv class=\"csk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"csk-hero-content\"\u003e\n \u003cdiv class=\"csk-badges-top\"\u003e\n \u003cspan class=\"csk-badge\"\u003e🌿 Bio Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"csk-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"csk-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"csk-hero-title\"\u003eCrème solide au beurre de karité\u003c\/span\u003e\n \u003cp class=\"csk-subtitle\"\u003e4 ingrédients. 0 compromis.\u003c\/p\u003e\n \u003cp class=\"csk-description\"\u003eUne crème multi-usage 100% naturelle qui nourrit, répare et protège votre peau en profondeur. Pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e✨ Pourquoi elle est différente\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid\"\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🧴 4 ingrédients seulement\u003c\/h3\u003e\n \u003cp\u003eContre 20 à 40 dans les crèmes classiques. Ici, pas d'eau, pas de conservateurs, pas d'additifs superflus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité pénètre en profondeur pour nourrir les couches supérieures de l'épiderme durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur sans étouffer la peau, idéal contre le froid et les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌡️ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eAu contact de la chaleur corporelle, elle se transforme en un baume onctueux et pénétrant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eSans eau, ultra-concentrée : un pot de 50g dure plusieurs mois en utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage en pot kraft recyclable et compostable, sans aucun plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e🌱 Composition minimaliste\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid\"\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient star, riche en vitamines A, D, E et F. Hydrate intensément, apaise et redonne souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eGorgée d'antioxydants et d'acides gras, elle nourrit et protège les peaux fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eSource de vitamine E, elle favorise la régénération cellulaire naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003eAlternative végétale à la cire d'abeille, elle confère texture solide et barrière protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-sans-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e❌ Ce que vous ne trouverez pas :\u003c\/strong\u003e eau, conservateurs, parfums synthétiques, silicones, parabènes, huiles minérales, paraffine ou vaseline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"csk-usage-grid\"\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eFrottez légèrement entre vos paumes jusqu'à ce qu'elle fonde. Appliquez sur visage propre et sec, matin et soir. Une petite quantité suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e🦵 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur peau légèrement humide. Massez coudes, genoux, talons et mains abîmées. Idéale en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque nourrissant avant shampooing. Appliquez sur longueurs et pointes, laissez poser 1h minimum ou toute la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e4\u003c\/div\u003e\n \u003ch3\u003e💋 Zones fragiles\u003c\/h3\u003e\n \u003cp\u003eLèvres gercées, cuticules sèches, petites irritations : cette crème polyvalente s'adapte à tous vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid\"\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient irritant ou allergisant. Formulation épurée parfaitement tolérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense sans effet gras persistant, confort retrouvé dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité aide à maintenir l'élasticité et la souplesse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n \u003cp\u003eParfaite pour protéger les petites joues du froid hivernal. Toute la famille peut l'utiliser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eComposition irréprochable et traçabilité totale pour une cosmétique sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n \u003cp\u003eFormat solide pratique, pas de risque de fuite. Passe en cabine sans problème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e🏅 Certifications \u0026amp; engagements\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid-compact\"\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eFormulation bio contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🐌 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eSains, écologiques, raisonnables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eFabrication 100% française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"csk-accordion\"\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eGardez-la à l'abri de la chaleur et de la lumière directe. En été ou dans un pays chaud, elle peut ramollir légèrement mais retrouvera sa texture ferme à température ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e❓ Elle laisse un film gras ?\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eEn utilisant une quantité adaptée et en massant bien, la crème pénètre parfaitement sans résidu désagréable. Sur le visage, attendez quelques minutes avant le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e🔬 Peau à tendance acnéique ?\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eLe beurre de karité est considéré comme peu comédogène et convient généralement aux peaux à imperfections. Chaque peau étant unique, testez d'abord sur une petite zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e💊 Différence avec les crèmes en pharmacie ?\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eLes crèmes en pharmacie contiennent souvent de l'eau (donc conservateurs), émulsifiants et parfums. Cette crème solide se distingue par sa composition ultra-courte et 100% naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"csk-cta-box\"\u003e\n \u003cp\u003e🌿 Un couteau suisse de la beauté naturelle : crème visage, soin corps, baume à lèvres et masque capillaire en un seul produit. Fabriqué artisanalement en France, respectueux de votre peau et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --csk-cream: #FAF7F2;\n --csk-white: #ffffff;\n --csk-primary: #C9A96E;\n --csk-primary-dark: #8B7355;\n --csk-primary-light: #F5EDE0;\n --csk-secondary: #E8D9B8;\n --csk-accent: #A67C52;\n --csk-text: #1a1a1a;\n --csk-text-light: #5a5a5a;\n --csk-border: #e0e0e0;\n --csk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --csk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --csk-radius: 20px;\n --csk-radius-sm: 12px;\n}\n\n.csk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--csk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.csk-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A96E 0%, #A67C52 50%, #8B7355 100%);\n border-radius: var(--csk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--csk-shadow-lg);\n}\n\n.csk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.csk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.csk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.csk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--csk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.csk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.csk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.csk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.csk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.csk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.csk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--csk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.csk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--csk-primary), var(--csk-accent));\n border-radius: 2px;\n}\n\n.csk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.csk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.csk-card {\n background: var(--csk-white);\n border-radius: var(--csk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--csk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.csk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--csk-shadow-lg);\n border-color: var(--csk-primary);\n}\n\n.csk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--csk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.csk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--csk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.csk-card-ingredient {\n background: linear-gradient(135deg, var(--csk-white) 0%, var(--csk-primary-light) 100%);\n}\n\n.csk-grid-compact .csk-card {\n padding: 1rem;\n}\n\n.csk-grid-compact .csk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.csk-grid-compact .csk-card p {\n font-size: 12px;\n}\n\n.csk-sans-box {\n background: var(--csk-white);\n border-radius: var(--csk-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--csk-accent);\n text-align: center;\n}\n\n.csk-sans-box p {\n margin: 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--csk-text-light);\n line-height: 1.6;\n}\n\n.csk-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.csk-usage-card {\n background: var(--csk-white);\n border-radius: var(--csk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--csk-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.csk-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--csk-shadow-lg);\n}\n\n.csk-usage-number {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--csk-primary), var(--csk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(201, 169, 110, .4);\n}\n\n.csk-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--csk-primary-dark);\n margin: .5rem 0 .75rem 0;\n}\n\n.csk-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--csk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.csk-accordion {\n background: var(--csk-white);\n border-radius: var(--csk-radius);\n box-shadow: var(--csk-shadow);\n overflow: hidden;\n}\n\n.csk-accordion-item {\n border-bottom: 1px solid var(--csk-border);\n margin: 0;\n padding: 0;\n}\n\n.csk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.csk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--csk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.csk-accordion-header:hover {\n background: var(--csk-primary-light);\n}\n\n.csk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.csk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--csk-primary);\n transition: transform .2s ease;\n}\n\n.csk-accordion-item[open] .csk-accordion-header::after {\n content: '−';\n}\n\n.csk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--csk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.csk-accordion-content p {\n margin: 0;\n}\n\n.csk-cta-box {\n background: linear-gradient(135deg, var(--csk-primary) 0%, var(--csk-primary-dark) 100%);\n border-radius: var(--csk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.csk-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.csk-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .csk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .csk-usage-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n \n .csk-card {\n padding: 1.125rem;\n }\n \n .csk-section {\n margin-bottom: 1.75rem;\n }\n \n .csk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--csk-radius-sm);\n }\n \n .csk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .csk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .csk-grid-compact {\n gap: .625rem;\n }\n \n .csk-grid-compact .csk-card {\n padding: .75rem;\n }\n \n .csk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .csk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .csk-badges-top {\n gap: 8px;\n }\n \n .csk-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .csk-card,\n .csk-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .csk-card:nth-child(1), .csk-usage-card:nth-child(1) { animation-delay: .05s; }\n .csk-card:nth-child(2), .csk-usage-card:nth-child(2) { animation-delay: .1s; }\n .csk-card:nth-child(3), .csk-usage-card:nth-child(3) { animation-delay: .15s; }\n .csk-card:nth-child(4), .csk-usage-card:nth-child(4) { animation-delay: .2s; }\n .csk-card:nth-child(5) { animation-delay: .25s; }\n .csk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .csk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755185791133,"sku":"NBAICAV0004","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-au-beurre-de-karite-50-g-comme-avant-ingredients.jpg?v=1767900068"},{"product_id":"bb-creme-5-en-1-bio-3-teintes-au-choix-40-ml-florame","title":"Bb Crème 5 en 1 Bio Claire - 40 ml - Florame","description":"\u003cp\u003eDécouvrez la \u003cstrong\u003eBB Crème 5-en-1 Bio\u003c\/strong\u003e de Florame en teinte claire, votre alliée beauté pour un teint parfait et naturel tout au long de l'année. Cette crème innovante combine les bienfaits d'un soin hydratant et les atouts d'un maquillage léger, le tout dans une formule certifiée biologique.\u003c\/p\u003e\n\u003ch2\u003eLes 5 actions essentielles de la BB Crème Florame\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrate\u003c\/strong\u003e : Grâce à sa composition riche en ingrédients naturels, elle assure une hydratation optimale de la peau, procurant confort et douceur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatifie\u003c\/strong\u003e : Sa texture légère et non grasse contrôle les brillances, laissant un fini naturellement poudré sans nécessiter l'application d'une poudre supplémentaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUnifie\u003c\/strong\u003e : Elle camoufle les petites imperfections et homogénéise le teint pour un rendu uniforme et éclatant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIllumine\u003c\/strong\u003e : Les pigments naturels subliment le teint, apportant une luminosité saine et radieuse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtège\u003c\/strong\u003e : Avec un SPF 20, elle protège la peau des effets néfastes des rayons UV quotidiens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUne composition naturelle et biologique\u003c\/h2\u003e\n\u003cp\u003eLa BB Crème 5-en-1 de Florame est formulée avec :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e98% d'ingrédients d'origine naturelle\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e49% d'ingrédients issus de l'agriculture biologique\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCette composition respecte votre peau tout en contribuant à la préservation de l'environnement.\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eAppliquez la BB Crème chaque matin sur une peau propre et sèche. Déposez une petite quantité de produit sur le visage et étalez uniformément du bout des doigts ou à l'aide d'une éponge pour un fini impeccable. Pour une teinte sur mesure, il est possible de mélanger différentes nuances de la BB Crème Florame.\u003c\/p\u003e\n\u003ch2\u003eEngagements qualité Florame\u003c\/h2\u003e\n\u003cp\u003eFlorame s'engage à offrir des produits certifiés biologiques, élaborés avec des ingrédients rigoureusement sélectionnés pour leur efficacité et leur innocuité. La BB Crème 5-en-1 ne contient ni parabènes, ni silicones, ni colorants artificiels, garantissant une tolérance optimale même pour les peaux sensibles.\u003c\/p\u003e\n\u003cp\u003eAdoptez la BB Crème 5-en-1 Bio de Florame en teinte claire pour une routine beauté naturelle, efficace et respectueuse de votre peau.\u003c\/p\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755215610013,"sku":"FM0390","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bb-creme-5-en-1-teinte-claire-40-ml-florame-193443.jpg?v=1739804106"},{"product_id":"huile-seche-infusion-divine-bio-100-ml-florame","title":"Huile Sèche Infusion Divine Bio - 100 ml - Florame","description":"\u003cdiv class=\"id-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"id-hero\"\u003e\n\u003cdiv class=\"id-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"id-hero-content\"\u003e\n\u003cdiv class=\"id-badges-top\"\u003e\n\u003cspan class=\"id-badge\"\u003e🌿 Certifiée COSMOS Organic\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🌸 30 huiles bio\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🏆 Meilleur Produit Bio 2021\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"id-hero-title\"\u003eHuile Sèche Infusion Divine Bio\u003c\/span\u003e\n\u003cp class=\"id-subtitle\"\u003eFlorame · 100 ml · Visage · Corps · Cheveux\u003c\/p\u003e\n\u003cp class=\"id-description\"\u003eUn élixir multi-usage d'exception né de 30 ans d'expertise en aromathérapie provençale. 30 huiles végétales et essentielles biologiques réunies dans un seul flacon pour sublimer votre beauté naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eHuile Sèche Infusion Divine Bio Florame : 30 huiles précieuses pour sublimer votre peau, votre corps et vos cheveux\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eImaginez un seul geste beauté qui nourrit votre visage, enveloppe votre corps de douceur et redonne vie à vos cheveux.\u003c\/p\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e✨ Élixir multi-usage\u003c\/h3\u003e\n\u003cp\u003eUn seul flacon pour le visage, le corps et les cheveux, enrichi de 30 huiles précieuses biologiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🧴 Texture sèche unique\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément sans film gras, pour une hydratation profonde et un fini satiné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n\u003cp\u003eDes notes exotiques de fleurs des îles qui persistent délicatement tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🔬 30 ans d'expertise\u003c\/h3\u003e\n\u003cp\u003eLe savoir-faire Florame en aromathérapie provençale concentré dans une formule d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une crème ?\u003c\/h2\u003e\n\u003cdiv class=\"id-comparison\"\u003e\n\u003cdiv class=\"id-comparison-col id-comparison-oil\"\u003e\n\u003ch3\u003e🌿 Huile sèche\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePénètre instantanément, fini satiné\u003c\/li\u003e\n\u003cli\u003eDépose directement des acides gras essentiels et vitamines liposolubles\u003c\/li\u003e\n\u003cli\u003eRestaure le film hydrolipidique en profondeur\u003c\/li\u003e\n\u003cli\u003eIdéale pour les peaux très sèches\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-comparison-col id-comparison-cream\"\u003e\n\u003ch3\u003e🧴 Crème classique\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eContient souvent eau et émulsifiants\u003c\/li\u003e\n\u003cli\u003eHydratation plus superficielle\u003c\/li\u003e\n\u003cli\u003eEffleure le film hydrolipidique\u003c\/li\u003e\n\u003cli\u003ePeut laisser un résidu sur la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-tip\"\u003e\n\u003cspan class=\"id-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe terme « huile sèche » désigne une huile dont la texture pénètre si rapidement dans la peau qu'elle ne laisse aucune sensation de gras. Vous profitez de tous les bienfaits nourrissants sans les inconvénients d'un toucher huileux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de l'Infusion Divine sur votre peau et vos cheveux\u003c\/h2\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNutrition intense sans briller\u003c\/strong\u003e : les huiles d'argan et de jojoba régulent et nourrissent sans surcharger. Teint lumineux et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort immédiat\u003c\/strong\u003e : tiraillements et sensations d'inconfort disparaissent dès la première application. Convient aux peaux sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection antioxydante\u003c\/strong\u003e : la vitamine E naturelle aide à protéger la peau des agressions extérieures quotidiennes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e💆 Sur le corps\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeau satinée et souple\u003c\/strong\u003e : après la douche, un voile soyeux et un parfum délicat qui persiste toute la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéparation des zones très sèches\u003c\/strong\u003e : coudes, genoux, talons… les zones rugueuses retrouvent leur douceur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorption rapide\u003c\/strong\u003e : habillez-vous immédiatement après, sans aucune trace sur vos vêtements.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrillance et vitalité\u003c\/strong\u003e : sur les longueurs et les pointes, l'huile revigore et répare la fibre capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiscipline des frisottis\u003c\/strong\u003e : quelques gouttes suffisent pour dompter les mèches rebelles sans alourdir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin profond en masque\u003c\/strong\u003e : en bain d'huile la nuit, nourrit intensément les cheveux abîmés ou fragilisés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eUne composition d'exception : 30 huiles biologiques réunies dans un seul flacon\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eFlorame a sélectionné 30 huiles complémentaires, chacune apportant des propriétés spécifiques, pour créer un soin complet et polyvalent.\u003c\/p\u003e\n\u003cdiv class=\"id-composition-block\"\u003e\n\u003ch3 class=\"id-composition-title\"\u003e🌱 Huiles végétales nourrissantes et réparatrices\u003c\/h3\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n\u003cp\u003eRégule le sébum, protège et assouplit la peau sans la graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n\u003cp\u003eRiche en antioxydants, aide à maintenir l'élasticité cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eSource de vitamine E, nourrit en profondeur les peaux desséchées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n\u003cp\u003eTrésor de beauté ancestral, revitalise la peau et renforce les cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-composition-block\"\u003e\n\u003ch3 class=\"id-composition-title\"\u003e🌺 Huiles essentielles et extraits précieux\u003c\/h3\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌸 Frangipanier \u0026amp; tiaré\u003c\/h3\u003e\n\u003cp\u003eParfum exotique délicat et vertus adoucissantes des fleurs des îles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌼 Pétales d'hélichryse rose\u003c\/h3\u003e\n\u003cp\u003ePropriétés régénérantes qui aident à unifier le teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌿 Pétales de calendula\u003c\/h3\u003e\n\u003cp\u003eApaisants et protecteurs, ils calment les peaux réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e💙 Pétales de bleuet\u003c\/h3\u003e\n\u003cp\u003eDécongestionnants et rafraîchissants pour un coup d'éclat immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-tip\"\u003e\n\u003cspan class=\"id-tip-icon\"\u003e🌾\u003c\/span\u003e\n\u003cp\u003eLes pétales de fleurs sont visibles à l'intérieur même du flacon, témoignant de la naturalité absolue de ce soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stats-row\"\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e100 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003ed'ingrédients d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e83 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003eissus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e0 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003eparabènes, silicones, colorants de synthèse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eComment utiliser l'Huile Sèche Infusion Divine au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"id-timeline\"\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e🌸 Soin visage matin et soir\u003c\/h3\u003e\n\u003cp\u003eAprès avoir nettoyé votre visage, déposez \u003cstrong\u003e3 à 4 gouttes\u003c\/strong\u003e au creux de vos paumes et réchauffez-les légèrement. Appliquez par légers tapotements sur le visage, le cou et le décolleté. Utilisez-la seule ou en complément de votre crème de jour pour renforcer l'hydratation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e💆 Soin corps quotidien\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur peau propre et sèche, idéalement juste après la douche lorsque la peau est encore légèrement tiède. Massez par mouvements circulaires en insistant sur les zones les plus sèches : jambes, bras, coudes, genoux. La texture pénètre en quelques secondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEn touche finale :\u003c\/strong\u003e quelques gouttes sur les longueurs et les pointes sèches pour un effet brillance immédiat et discipliner les frisottis.\u003cbr\u003e\u003cstrong\u003eEn masque de nuit :\u003c\/strong\u003e répartissez une quantité généreuse sur l'ensemble de la chevelure, enveloppez dans une serviette et laissez poser toute la nuit. Rincez le matin avec votre shampooing habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003ePour quels types de peau et de cheveux cette huile sèche est-elle adaptée ?\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eGrâce à la synergie de ses 30 huiles soigneusement dosées, l'Infusion Divine s'adapte à la plupart des besoins.\u003c\/p\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n\u003cp\u003eSon terrain de prédilection : elle apporte la nutrition profonde dont les peaux déshydratées ont besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e✨ Peaux normales\u003c\/h3\u003e\n\u003cp\u003eUn voile protecteur et un éclat naturel sans surcharger l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes (soin ciblé)\u003c\/h3\u003e\n\u003cp\u003eUtilisée uniquement sur les zones sèches du visage (joues, contour des yeux) et sur le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs ou abîmés\u003c\/h3\u003e\n\u003cp\u003eRedonne brillance, souplesse et vitalité aux fibres capillaires fragilisées par la chaleur ou les colorations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌟 Cheveux normaux\u003c\/h3\u003e\n\u003cp\u003eEn petite quantité sur les pointes : finition lumineuse et protection contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eUn engagement bio et éthique ancré en Provence\u003c\/h2\u003e\n\u003cdiv class=\"id-provence-block\"\u003e\n\u003cp class=\"id-section-intro\"\u003eFlorame est une maison provençale installée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e depuis 1990. Pionnière de l'aromathérapie biologique en France, la marque cultive un savoir-faire unique dans la distillation des plantes et la formulation de soins naturels certifiés.\u003c\/p\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🏅 Certification COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eGarantie d'un cahier des charges exigeant sur l'origine et la transformation des ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eChaque flacon est élaboré et conditionné en Provence, à Saint-Rémy-de-Provence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e♻️ Démarche éco-responsable\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de filières durables, emballage en verre recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"id-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"id-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"id-section\"\u003e\n\u003cdiv class=\"id-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau, votre corps et vos cheveux le luxe de 30 huiles biologiques d'exception. L'Infusion Divine, un seul geste pour une beauté sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"id-disclaimer\"\u003eCe produit cosmétique est un soin de beauté et ne saurait remplacer un avis ou un traitement dermatologique. En cas de doute ou de réaction cutanée, consultez un professionnel de santé. Tenir hors de portée des enfants. Évitez le contact avec les yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --id-cream: #FFF9F0;\n --id-white: #ffffff;\n --id-primary: #C6891E;\n --id-primary-dark: #8B5E0F;\n --id-primary-light: #FFF3E0;\n --id-secondary: #D4956B;\n --id-accent: #5B6E8A;\n --id-text: #1a1a1a;\n --id-text-light: #5a5a5a;\n --id-border: #EDE0D0;\n --id-shadow: 0 4px 24px rgba(139, 94, 15, .08);\n --id-shadow-lg: 0 12px 48px rgba(139, 94, 15, .15);\n --id-radius: 20px;\n --id-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.id-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--id-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.id-premium *, .id-premium *::before, .id-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.id-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5E0F 0%, #C6891E 40%, #D4956B 75%, #E8B98A 100%);\n border-radius: var(--id-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--id-shadow-lg);\n}\n\n.id-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.id-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.id-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.id-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.id-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.id-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.id-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--id-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.id-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.id-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.id-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--id-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.id-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--id-primary), var(--id-secondary));\n border-radius: 2px;\n}\n\n.id-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--id-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.id-card {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--id-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.id-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--id-shadow-lg);\n border-color: var(--id-primary);\n}\n\n.id-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--id-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.id-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--id-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD ZONE (benefits with lists) === *\/\n.id-card-zone {\n text-align: left;\n}\n\n.id-card-zone h3 {\n text-align: center;\n margin-bottom: 1rem;\n font-size: clamp(17px, 3vw, 20px);\n}\n\n.id-benefits-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.id-benefits-list li {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--id-text-light);\n line-height: 1.6;\n padding-left: 1.25rem;\n position: relative;\n}\n\n.id-benefits-list li::before {\n content: '✦';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--id-primary);\n font-size: 12px;\n}\n\n.id-benefits-list li strong {\n color: var(--id-text);\n}\n\n\/* === GRILLES === *\/\n.id-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.id-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.id-grid-compact .id-card {\n padding: 1rem;\n}\n\n.id-grid-compact .id-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.id-grid-compact .id-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.id-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.id-comparison-col {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--id-shadow);\n}\n\n.id-comparison-col h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.id-comparison-oil {\n border: 2px solid var(--id-primary);\n}\n\n.id-comparison-oil h3 {\n color: var(--id-primary-dark);\n}\n\n.id-comparison-cream {\n border: 2px solid var(--id-border);\n}\n\n.id-comparison-cream h3 {\n color: var(--id-text-light);\n}\n\n.id-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.id-comparison-col ul li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--id-text-light);\n padding-left: 1.5rem;\n position: relative;\n line-height: 1.5;\n}\n\n.id-comparison-oil ul li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--id-primary);\n font-weight: 700;\n}\n\n.id-comparison-cream ul li::before {\n content: '—';\n position: absolute;\n left: 0;\n color: var(--id-border);\n font-weight: 700;\n}\n\n\/* === COMPOSITION BLOCK === *\/\n.id-composition-block {\n margin-bottom: 1.5rem;\n}\n\n.id-composition-title {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--id-primary-dark);\n text-align: center;\n margin: 0 0 1rem 0;\n}\n\n\/* === STATS ROW === *\/\n.id-stats-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.id-stat {\n background: linear-gradient(135deg, var(--id-primary), var(--id-secondary));\n border-radius: var(--id-radius-sm);\n padding: clamp(1rem, 3vw, 1.5rem);\n text-align: center;\n color: white;\n}\n\n.id-stat-number {\n display: block;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n letter-spacing: -.02em;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.id-stat-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n font-weight: 600;\n opacity: .9;\n margin-top: .25rem;\n line-height: 1.3;\n}\n\n\/* === TIMELINE === *\/\n.id-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.id-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.id-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--id-primary), var(--id-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(198, 137, 30, .3);\n}\n\n.id-timeline-content {\n flex: 1;\n background: var(--id-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--id-radius-sm);\n box-shadow: var(--id-shadow);\n}\n\n.id-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--id-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.id-timeline-content p {\n font-size: 14px;\n color: var(--id-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.id-timeline-content strong {\n color: var(--id-text);\n}\n\n\/* === TIP BOX === *\/\n.id-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--id-primary-light);\n border-radius: var(--id-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.id-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.id-tip p {\n font-size: 14px;\n color: var(--id-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.id-testimonial {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--id-shadow);\n border-left: 4px solid var(--id-primary);\n}\n\n.id-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--id-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.id-accordion {\n background: var(--id-white);\n border-radius: var(--id-radius);\n box-shadow: var(--id-shadow);\n overflow: hidden;\n}\n\n.id-accordion-item {\n border-bottom: 1px solid var(--id-border);\n margin: 0;\n padding: 0;\n}\n\n.id-accordion-item:last-child {\n border-bottom: none;\n}\n\n.id-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--id-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.id-accordion-header:hover {\n background: var(--id-primary-light);\n}\n\n.id-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.id-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--id-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.id-accordion-item[open] .id-accordion-header::after {\n content: '−';\n}\n\n.id-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--id-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.id-accordion-content p {\n margin: 0;\n}\n\n\/* === RECAP GRID === *\/\n.id-recap-grid {\n background: var(--id-white);\n border-radius: var(--id-radius);\n box-shadow: var(--id-shadow);\n overflow: hidden;\n}\n\n.id-recap-item {\n display: flex;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--id-border);\n align-items: baseline;\n gap: 1rem;\n}\n\n.id-recap-item:last-child {\n border-bottom: none;\n}\n\n.id-recap-item:nth-child(even) {\n background: var(--id-primary-light);\n}\n\n.id-recap-label {\n font-size: 13px;\n font-weight: 800;\n color: var(--id-primary-dark);\n text-transform: uppercase;\n letter-spacing: .04em;\n min-width: 110px;\n flex-shrink: 0;\n}\n\n.id-recap-value {\n font-size: 14px;\n color: var(--id-text);\n line-height: 1.5;\n}\n\n\/* === CTA FINAL === *\/\n.id-cta-box {\n background: linear-gradient(135deg, var(--id-primary) 0%, var(--id-primary-dark) 100%);\n border-radius: var(--id-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.id-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.id-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.id-disclaimer {\n font-size: 12px;\n color: var(--id-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .id-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .id-card {\n padding: 1.125rem;\n }\n\n .id-section {\n margin-bottom: 1.75rem;\n }\n\n .id-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--id-radius-sm);\n }\n\n .id-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .id-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .id-grid-compact {\n gap: .625rem;\n }\n\n .id-grid-compact .id-card {\n padding: .75rem;\n }\n\n .id-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .id-stats-row {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .id-stat {\n display: flex;\n align-items: center;\n gap: .75rem;\n text-align: left;\n padding: .875rem 1rem;\n }\n\n .id-stat-number {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .id-stat-label {\n margin-top: 0;\n font-size: 12px;\n }\n\n .id-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .id-timeline-content {\n padding: .875rem 1rem;\n }\n\n .id-timeline-content h3 {\n font-size: 14px;\n }\n\n .id-timeline-content p {\n font-size: 13px;\n }\n\n .id-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .id-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .id-testimonial {\n padding: 1.25rem;\n }\n\n .id-testimonial-text {\n font-size: 14px;\n }\n\n .id-recap-item {\n flex-direction: column;\n gap: .25rem;\n padding: .75rem 1rem;\n }\n\n .id-recap-label {\n min-width: unset;\n font-size: 11px;\n }\n\n .id-recap-value {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .id-card {\n animation: idFadeInUp .5s ease backwards;\n }\n .id-card:nth-child(1) { animation-delay: .05s; }\n .id-card:nth-child(2) { animation-delay: .1s; }\n .id-card:nth-child(3) { animation-delay: .15s; }\n .id-card:nth-child(4) { animation-delay: .2s; }\n .id-card:nth-child(5) { animation-delay: .25s; }\n .id-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes idFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .id-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755220590749,"sku":"FM0475","price":21.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-seche-infusion-divine-bio-100-ml-florame-lifestyle.webp?v=1770727699"},{"product_id":"concentre-repulpant-age-intense-acide-hyaluronique-bio-15-ml-florame","title":"Sérum Acide Hyaluronique Bio Florame – Concentré Repulpant Âge Intense 15 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sérum Acide Hyaluronique Bio Florame – Concentré Repulpant Âge Intense 15 ml\nPalette détectée:\n - Primaire: #C8907E (rose cuivré\/or rose du packaging et du bouchon)\n - Secondaire: #8B5E52 (brun rosé foncé, texte \"AGE INTENSE\")\n - Accent: #E8C4B8 (rose poudré clair, fond packaging)\n - Fond: #FBF6F3 (blanc cassé\/crème très doux)\nAmbiance: Luxe naturel, féminité raffinée, cosmétique bio premium, Provence, orchidée, élégance épurée\nPréfixe CSS: fai\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un soin repulpant à l'efficacité naturelle\"\n 2. \"Ingrédients actifs et bienfaits\"\n 3. \"Résultats visibles\"\n 4. \"Conseils d'utilisation\"\n 5. \"Les avantages du Concentré Repulpant Florame\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"fai-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fai-hero\"\u003e\n \u003cdiv class=\"fai-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fai-hero-content\"\u003e\n \u003cdiv class=\"fai-badges-top\"\u003e\n \u003cspan class=\"fai-badge\"\u003e🌿 Certifié COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"fai-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n \u003cspan class=\"fai-badge\"\u003e🐰 Non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fai-hero-title\"\u003eConcentré Repulpant Acide Hyaluronique Bio\u003c\/span\u003e\n \u003cp class=\"fai-subtitle\"\u003eFlorame – Âge Intense · 15 ml\u003c\/p\u003e\n \u003cp class=\"fai-description\"\u003eUn soin intensif certifié bio qui hydrate, repulpe et lisse la peau grâce à une formule concentrée en acide hyaluronique d'origine végétale. Conçu pour les peaux matures ou déshydratées, il restaure fermeté et éclat pour un visage visiblement plus jeune et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eUn soin repulpant à l'efficacité naturelle\u003c\/h2\u003e\n \u003cdiv class=\"fai-testimonial\"\u003e\n \u003cp class=\"fai-testimonial-text\"\u003eCe concentré anti-rides bio agit en profondeur pour combler les ridules, améliorer l'élasticité et réactiver la vitalité cutanée. Sa texture légère pénètre instantanément, sans effet collant, laissant la peau douce et veloutée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-stats-bar\"\u003e\n \u003cdiv class=\"fai-stat\"\u003e\n \u003cspan class=\"fai-stat-number\"\u003e98 %\u003c\/span\u003e\n \u003cspan class=\"fai-stat-label\"\u003ed'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-stat\"\u003e\n \u003cspan class=\"fai-stat-number\"\u003e94 %\u003c\/span\u003e\n \u003cspan class=\"fai-stat-label\"\u003eissus de l'Agriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-stat\"\u003e\n \u003cspan class=\"fai-stat-number\"\u003e+38 %\u003c\/span\u003e\n \u003cspan class=\"fai-stat-label\"\u003ed'hydratation après 1 h*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eIngrédients actifs et bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"fai-grid\"\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique d'origine végétale\u003c\/h3\u003e\n \u003cp\u003eRepulpe, hydrate en profondeur et lisse visiblement la peau pour un effet anti-rides immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de rose bio\u003c\/h3\u003e\n \u003cp\u003eRafraîchit, tonifie et illumine le teint pour un éclat naturel et une sensation de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌺 Extrait d'orchidée bio\u003c\/h3\u003e\n \u003cp\u003eAide à la régénération cellulaire et renforce la fermeté pour une peau plus dense et rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌼 Huiles essentielles bio d'hélichryse et de camomille\u003c\/h3\u003e\n \u003cp\u003eApaisent les peaux sensibles et atténuent les rougeurs pour un teint unifié et serein.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de ciste bio\u003c\/h3\u003e\n \u003cp\u003eRaffermissante et tonifiante, elle aide à resserrer le grain de peau et à restaurer l'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eMaintient une hydratation optimale tout au long de la journée pour une peau souple en continu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eRésultats visibles\u003c\/h2\u003e\n \u003cdiv class=\"fai-grid-compact\"\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePeau immédiatement plus souple et hydratée (+38 % d'hydratation après 1 h*)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e✨ Rides lissées\u003c\/h3\u003e\n \u003cp\u003eRides comblées, ridules atténuées, grain de peau affiné et visiblement plus lisse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e🌟 Teint éclatant\u003c\/h3\u003e\n \u003cp\u003eTeint revitalisé et lumineux dès les premières applications\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e🧬 Fermeté renforcée\u003c\/h3\u003e\n \u003cp\u003eÉlasticité restaurée et vitalité cutanée réactivée en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"fai-disclaimer\"\u003e*Tests d'usage sur panel interne Florame\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"fai-timeline\"\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez matin et soir sur peau propre et sèche, après votre nettoyant habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eDéposez le sérum\u003c\/h3\u003e\n \u003cp\u003eÀ l'aide de la pipette, déposez quelques gouttes sur le visage, le cou et le décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eFaites pénétrer par mouvements circulaires ascendants pour stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003eAppliquez ensuite votre crème de jour ou de nuit habituelle pour sceller les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-tip\"\u003e\n \u003cspan class=\"fai-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un effet repulpant renforcé, appliquez le sérum sur peau légèrement humidifiée avec une brume d'eau florale de rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"fai-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes avantages du Concentré Repulpant Florame\u003c\/h2\u003e\n \u003cdiv class=\"fai-grid-compact\"\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e💧 Ultra-concentré\u003c\/h3\u003e\n \u003cp\u003eFormule bio hautement concentrée en acide hyaluronique végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌸 Texture fluide\u003c\/h3\u003e\n \u003cp\u003eNon grasse, absorption rapide et sensation de confort immédiate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌿 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à toutes les peaux, même les plus sensibles et réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française et certification biologique Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e✨ Effet immédiat\u003c\/h3\u003e\n \u003cp\u003eRepulpant et éclat visible dès les premières applications\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌱 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003e98 % d'ingrédients naturels, formule respectueuse de la peau et de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau le meilleur de la nature provençale — un concentré de jeunesse bio, efficace et sensoriel, pour un visage repulpé et lumineux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --fai-cream: #FBF6F3;\n --fai-white: #ffffff;\n --fai-primary: #C8907E;\n --fai-primary-dark: #8B5E52;\n --fai-primary-light: #F5E8E2;\n --fai-secondary: #D4A594;\n --fai-accent: #E8C4B8;\n --fai-text: #1a1a1a;\n --fai-text-light: #6B5B54;\n --fai-border: #EDE4DF;\n --fai-shadow: 0 4px 24px rgba(139, 94, 82, .08);\n --fai-shadow-lg: 0 12px 48px rgba(139, 94, 82, .15);\n --fai-radius: 20px;\n --fai-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.fai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fai-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5E52 0%, #C8907E 45%, #D4A594 75%, #E8C4B8 100%);\n border-radius: var(--fai-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fai-shadow-lg);\n}\n\n.fai-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 20%, rgba(255,255,255,.06) 0%, transparent 30%);\n opacity: 1;\n}\n\n.fai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fai-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.fai-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.fai-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fai-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fai-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fai-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fai-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fai-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fai-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fai-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fai-primary), var(--fai-secondary));\n border-radius: 2px;\n}\n\n\/* === STATS BAR === *\/\n.fai-stats-bar {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.fai-stat {\n background: var(--fai-white);\n border-radius: var(--fai-radius-sm);\n padding: clamp(1rem, 2.5vw, 1.5rem);\n text-align: center;\n box-shadow: var(--fai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.fai-stat:hover {\n border-color: var(--fai-primary);\n transform: translateY(-3px);\n}\n\n.fai-stat-number {\n display: block;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--fai-primary);\n letter-spacing: -.03em;\n line-height: 1.1;\n}\n\n.fai-stat-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: var(--fai-text-light);\n margin-top: .35rem;\n line-height: 1.4;\n font-weight: 500;\n}\n\n\/* === CARDS === *\/\n.fai-card {\n background: var(--fai-white);\n border-radius: var(--fai-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fai-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fai-shadow-lg);\n border-color: var(--fai-primary);\n}\n\n.fai-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fai-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fai-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD RESULT (variante avec accent) === *\/\n.fai-card-result {\n border-top: 3px solid var(--fai-primary);\n}\n\n\/* === GRILLES === *\/\n.fai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fai-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fai-grid-compact .fai-card {\n padding: 1rem;\n}\n\n.fai-grid-compact .fai-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fai-grid-compact .fai-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fai-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fai-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fai-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fai-primary), var(--fai-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fai-timeline-content {\n flex: 1;\n background: var(--fai-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fai-radius-sm);\n box-shadow: var(--fai-shadow);\n}\n\n.fai-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fai-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fai-timeline-content p {\n font-size: 14px;\n color: var(--fai-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fai-testimonial {\n background: var(--fai-white);\n border-radius: var(--fai-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fai-shadow);\n border-left: 4px solid var(--fai-primary);\n}\n\n.fai-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fai-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fai-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fai-primary-light);\n border-radius: var(--fai-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fai-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fai-tip p {\n font-size: 14px;\n color: var(--fai-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fai-cta-box {\n background: linear-gradient(135deg, var(--fai-primary) 0%, var(--fai-primary-dark) 100%);\n border-radius: var(--fai-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.fai-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fai-disclaimer {\n font-size: 12px;\n color: var(--fai-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fai-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fai-card {\n padding: 1.125rem;\n }\n\n .fai-section {\n margin-bottom: 1.75rem;\n }\n\n .fai-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fai-radius-sm);\n }\n\n .fai-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fai-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Stats bar mobile *\/\n .fai-stats-bar {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .fai-stat {\n display: flex;\n align-items: center;\n gap: .75rem;\n text-align: left;\n padding: .875rem 1rem;\n }\n\n .fai-stat-number {\n font-size: 24px;\n flex-shrink: 0;\n min-width: 60px;\n }\n\n .fai-stat-label {\n margin-top: 0;\n font-size: 13px;\n }\n\n \/* Grille compacte mobile *\/\n .fai-grid-compact {\n gap: .625rem;\n }\n\n .fai-grid-compact .fai-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .fai-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fai-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fai-timeline-content h3 {\n font-size: 14px;\n }\n\n .fai-timeline-content p {\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .fai-testimonial {\n padding: 1.25rem;\n }\n\n .fai-testimonial-text {\n font-size: 14px;\n }\n\n \/* Tip mobile *\/\n .fai-tip {\n padding: .875rem 1rem;\n }\n\n .fai-tip-icon {\n font-size: 20px;\n }\n\n .fai-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fai-card {\n animation: fai-fadeInUp .5s ease backwards;\n }\n .fai-card:nth-child(1) { animation-delay: .05s; }\n .fai-card:nth-child(2) { animation-delay: .1s; }\n .fai-card:nth-child(3) { animation-delay: .15s; }\n .fai-card:nth-child(4) { animation-delay: .2s; }\n .fai-card:nth-child(5) { animation-delay: .25s; }\n .fai-card:nth-child(6) { animation-delay: .3s; }\n\n .fai-timeline-item {\n animation: fai-fadeInUp .5s ease backwards;\n }\n .fai-timeline-item:nth-child(1) { animation-delay: .05s; }\n .fai-timeline-item:nth-child(2) { animation-delay: .12s; }\n .fai-timeline-item:nth-child(3) { animation-delay: .19s; }\n .fai-timeline-item:nth-child(4) { animation-delay: .26s; }\n\n .fai-stat {\n animation: fai-fadeInUp .5s ease backwards;\n }\n .fai-stat:nth-child(1) { animation-delay: .05s; }\n .fai-stat:nth-child(2) { animation-delay: .12s; }\n .fai-stat:nth-child(3) { animation-delay: .19s; }\n}\n\n@keyframes fai-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fai-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755231797405,"sku":"FM0415","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-acide-hyaluronique-bio-florame-concentre-repulpant-age-packshothd.webp?v=1773332669"},{"product_id":"creme-integrale-age-intense-jour-bio-50-ml-florame","title":"Crème Intégrale Jour Âge Intense Bio - 50ml - Florame","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Intégrale Jour Âge Intense Bio - 50ml - Florame\nPalette détectée:\n - Primaire: #C8956C (rose gold \/ cuivré du couvercle et du packaging)\n - Secondaire: #D4E0DC (vert d'eau très doux du pot)\n - Accent: #B07A50 (cuivré foncé des textes packaging)\nAmbiance: Luxe naturel, féminin, élégant, provençal chic, cosmétique bio premium\nPréfixe CSS: fai\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un soin complet pour une peau visiblement plus jeune\"\n 2. \"Ingrédients naturels puissants\"\n 3. \"Résultats visibles jour après jour\"\n 4. \"Conseils d'utilisation\"\n 5. \"Pourquoi choisir la Crème Jour Bio Anti-Âge Florame ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"fai-premium\"\u003e\n\n \u003cdiv class=\"fai-hero\"\u003e\n \u003cdiv class=\"fai-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fai-hero-content\"\u003e\n \u003cdiv class=\"fai-badges-top\"\u003e\n \u003cspan class=\"fai-badge\"\u003e🌿 98% naturel\u003c\/span\u003e\n \u003cspan class=\"fai-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n \u003cspan class=\"fai-badge\"\u003e🌸 Orchidée bio\u003c\/span\u003e\n \u003cspan class=\"fai-badge\"\u003e✨ COSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fai-hero-title\"\u003eCrème Intégrale Jour Âge Intense Bio\u003c\/span\u003e\n \u003cp class=\"fai-subtitle\"\u003eFlorame — Gamme Âge Intense · 50 ml\u003c\/p\u003e\n \u003cp class=\"fai-description\"\u003eUn soin intégral anti-âge bio aux huiles essentielles et à l'orchidée bio pour hydrater, raffermir et lisser la peau chaque matin, tout en révélant un teint lumineux et plein de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eUn soin complet pour une peau visiblement plus jeune\u003c\/h2\u003e\n \u003cp class=\"fai-section-intro\"\u003eCette crème anti-rides bio de jour cible les trois signes majeurs du vieillissement cutané. Sa texture légère pénètre rapidement, laissant la peau douce, lisse et parfaitement hydratée.\u003c\/p\u003e\n \u003cdiv class=\"fai-grid\"\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌸 Effet anti-rides\u003c\/h3\u003e\n \u003cp\u003eLisse les ridules et renforce la tonicité de la peau pour un visage visiblement rajeuni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e💧 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eRestaure l'élasticité et la souplesse de la peau tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌿 Action repulpante\u003c\/h3\u003e\n \u003cp\u003eRedonne volume et densité au visage pour des contours redessinés et une peau rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eIngrédients naturels puissants\u003c\/h2\u003e\n \u003cp class=\"fai-section-intro\"\u003eFormulée à partir de \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e61 % issus de l'agriculture biologique\u003c\/strong\u003e, cette crème associe des actifs anti-âge hautement performants.\u003c\/p\u003e\n \u003cdiv class=\"fai-grid\"\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de Rose de Damas\u003c\/h3\u003e\n \u003cp\u003eApaise, tonifie et illumine le teint pour un éclat naturel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌺 Huile de graines d'Hibiscus \u0026amp; Figue de Barbarie\u003c\/h3\u003e\n \u003cp\u003eRiches en antioxydants, elles combattent le stress oxydatif et stimulent la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🪻 Extrait d'Orchidée \u0026amp; Feuilles de Myrte\u003c\/h3\u003e\n \u003cp\u003eRaffermissent et redéfinissent les contours du visage pour une peau plus ferme et structurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌼 Huile essentielle d'Immortelle\u003c\/h3\u003e\n \u003cp\u003eConnue pour ses vertus réparatrices et cicatrisantes, elle accélère le renouvellement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eRésultats visibles jour après jour\u003c\/h2\u003e\n \u003cdiv class=\"fai-grid\"\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e✨ Dès 2 semaines\u003c\/h3\u003e\n \u003cp\u003ePeau plus ferme et rebondie, les premières améliorations sont visibles rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e🪞 Grain de peau affiné\u003c\/h3\u003e\n \u003cp\u003eRides estompées et texture de la peau nettement plus lisse et uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e☀️ Éclat bonne mine\u003c\/h3\u003e\n \u003cp\u003eTeint éclatant et uniforme, un effet bonne mine naturel jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"fai-disclaimer\"\u003e*Auto-évaluation sur panel interne Florame.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"fai-timeline\"\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque matin sur une peau propre et sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de crème et chauffez-la entre vos doigts pour activer les principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eÉtalez du centre vers l'extérieur du visage en mouvements circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eBase de maquillage\u003c\/h3\u003e\n \u003cp\u003ePeut être utilisée comme base de maquillage pour un teint lumineux toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-tip\"\u003e\n \u003cspan class=\"fai-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un rituel anti-âge complet, utilisez le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/baume-restructurant-nuit-bio-50-ml-florame\" title=\"Baume Restructurant Nuit Bio - 50 ml - Florame\"\u003eBaume Restructurant Nuit Bio Florame\u003c\/a\u003e le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fai-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la Crème Jour Bio Anti-Âge Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"fai-grid-compact\"\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e✨ COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eFormule biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🤍 Peaux matures \u0026amp; sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux les plus exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eSaint Rémy de Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🚫 Sans indésirables\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, silicones ni colorants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🐰 Cruelty free\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌿 98% naturel\u003c\/h3\u003e\n \u003cp\u003e61% d'ingrédients bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau le meilleur de la nature provençale — hydratation, fermeté et éclat, chaque matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fai-cream: #FBF8F5;\n --fai-white: #ffffff;\n --fai-primary: #C8956C;\n --fai-primary-dark: #8C5E3C;\n --fai-primary-light: #F5EDE6;\n --fai-secondary: #D4E0DC;\n --fai-accent: #B07A50;\n --fai-text: #1a1a1a;\n --fai-text-light: #5a5a5a;\n --fai-border: #E8DDD4;\n --fai-shadow: 0 4px 24px rgba(140,94,60,.08);\n --fai-shadow-lg: 0 12px 48px rgba(140,94,60,.15);\n --fai-radius: 20px;\n --fai-radius-sm: 12px;\n}\n\n.fai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fai-hero {\n position: relative;\n background: linear-gradient(135deg, #C8956C 0%, #B07A50 40%, #8C5E3C 100%);\n border-radius: var(--fai-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fai-shadow-lg);\n}\n\n.fai-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fai-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.fai-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.fai-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fai-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fai-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fai-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fai-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fai-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fai-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fai-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fai-primary), var(--fai-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.fai-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fai-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.fai-section-intro strong {\n color: var(--fai-primary-dark);\n}\n\n\/* === CARDS === *\/\n.fai-card {\n background: var(--fai-white);\n border-radius: var(--fai-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fai-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fai-shadow-lg);\n border-color: var(--fai-primary);\n}\n\n.fai-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fai-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fai-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fai-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.fai-grid-compact .fai-card {\n padding: 1rem;\n}\n\n.fai-grid-compact .fai-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fai-grid-compact .fai-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fai-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fai-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fai-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fai-primary), var(--fai-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fai-timeline-content {\n flex: 1;\n background: var(--fai-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fai-radius-sm);\n box-shadow: var(--fai-shadow);\n}\n\n.fai-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fai-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fai-timeline-content p {\n font-size: 14px;\n color: var(--fai-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fai-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fai-primary-light);\n border-radius: var(--fai-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fai-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fai-tip p {\n font-size: 14px;\n color: var(--fai-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fai-tip a {\n color: var(--fai-primary-dark);\n text-decoration: underline;\n text-underline-offset: 3px;\n font-weight: 600;\n transition: color .2s ease;\n}\n\n.fai-tip a:hover {\n color: var(--fai-primary);\n}\n\n\/* === CTA === *\/\n.fai-cta-box {\n background: linear-gradient(135deg, var(--fai-primary) 0%, var(--fai-primary-dark) 100%);\n border-radius: var(--fai-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fai-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fai-disclaimer {\n font-size: 12px;\n color: var(--fai-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESULT CARDS (accent border) === *\/\n.fai-card-result {\n border-top: 3px solid var(--fai-primary);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fai-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fai-card {\n padding: 1.125rem;\n }\n\n .fai-section {\n margin-bottom: 1.75rem;\n }\n\n .fai-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fai-radius-sm);\n }\n\n .fai-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fai-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fai-grid-compact {\n gap: .625rem;\n }\n\n .fai-grid-compact .fai-card {\n padding: .75rem;\n }\n\n .fai-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fai-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fai-timeline-content h3 {\n font-size: 14px;\n }\n\n .fai-timeline-content p {\n font-size: 13px;\n }\n\n .fai-badges-top {\n gap: 6px;\n }\n\n .fai-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fai-card {\n animation: fai-fadeInUp .5s ease backwards;\n }\n .fai-card:nth-child(1) { animation-delay: .05s; }\n .fai-card:nth-child(2) { animation-delay: .1s; }\n .fai-card:nth-child(3) { animation-delay: .15s; }\n .fai-card:nth-child(4) { animation-delay: .2s; }\n .fai-card:nth-child(5) { animation-delay: .25s; }\n .fai-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fai-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fai-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755233730717,"sku":"FM0420","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Creme-integrale-age-intense-jour-Bio-50-ml-FLORAAGEIN50-425287.jpg?v=1732720068"},{"product_id":"apigene-90-extrait-a-90-jade-recherche","title":"Apigene 90 - extrait à 90% d'apigénine - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Apigene 90 - Extrait à 90% d'apigénine - Jade Recherche\nPalette détectée:\n - Primaire: #E63329 (rouge vif du logo APIGENE)\n - Secondaire: #2E8B57 (vert émeraude des accents et flèches)\n - Accent: #1E73BE (bleu du bandeau Citrus Paradisi)\n - Neutre: #F5F5F0 (crème\/beige clair pour le fond)\nAmbiance: Scientifique\/pharmaceutique avec une touche naturelle (agrumes), packaging médical épuré, pot en verre transparent suggérant pureté et qualité\nPréfixe CSS: api\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits de l'apigénine pour la peau\"\n 2. \"🧪 Composition\"\n 3. \"🧴 Mode d'emploi\"\n 4. \"⚠️ Précautions d'emploi\"\n 5. \"🔎 Notre avis sur Apigene 90\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"api-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"api-hero\"\u003e\n \u003cdiv class=\"api-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"api-hero-content\"\u003e\n \u003cdiv class=\"api-badges-top\"\u003e\n \u003cspan class=\"api-badge\"\u003e🍊 Citrus Paradisi\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🔬 90% Apigénine\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"api-hero-title\"\u003eApigene 90\u003c\/span\u003e\n \u003cp class=\"api-subtitle\"\u003eExtrait concentré à 90% d'apigénine\u003c\/p\u003e\n \u003cp class=\"api-description\"\u003eUn soin topique hautement concentré en apigénine, flavonoïde naturel extrait du pamplemousse, pour apaiser les inflammations cutanées, atténuer les cernes et renforcer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Les bienfaits de l'apigénine pour la peau --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'apigénine pour la peau\u003c\/h2\u003e\n \u003cdiv class=\"api-grid\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e👁️ Réduction des cernes et ecchymoses\u003c\/h3\u003e\n \u003cp\u003eL'apigénine améliore la microcirculation en renforçant les parois capillaires et en favorisant l'élimination de la bilirubine, responsable de la coloration des cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌿 Apaisement des inflammations\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés anti-inflammatoires puissantes, l'apigénine atténue les réactions inflammatoires de la peau, idéale en cas de dermatite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🛡️ Renforcement de la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eL'application topique réduit la perte d'eau transépidermique et augmente l'hydratation du stratum corneum pour une peau protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"api-grid-compact\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🍊 Ingrédient actif\u003c\/h3\u003e\n \u003cp\u003eExtrait de \u003cem\u003eCitrus paradisi\u003c\/em\u003e titré à 90% d'apigénine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre de 8 g de poudre pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Mode d'emploi --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🧴 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"api-timeline\"\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e200 à 400 mg par jour, soit une à deux cuillères doseuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003eDiluer la poudre dans quelques gouttes d'eau ou d'huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquer localement sur la zone concernée en massant légèrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisation quotidienne recommandée pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"api-accordion\"\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🚫 Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eCe produit est destiné exclusivement à un usage topique. Ne pas ingérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🍋 Allergies aux agrumes\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue aux agrumes ou au pamplemousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Notre avis sur Apigene 90 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🔎 Notre avis sur Apigene 90\u003c\/h2\u003e\n \u003cdiv class=\"api-testimonial\"\u003e\n \u003cp class=\"api-testimonial-text\"\u003e\"Très honnêtement, Apigene 90 s'adresse surtout à celles et ceux qui veulent aller un peu plus loin dans le soin ciblé. Ce n'est pas le genre de produit qu'on applique vite fait sans y penser : il demande un peu de préparation, un dosage précis, et surtout une utilisation régulière pour bien en tirer les bénéfices. Mais c'est justement là que réside tout son intérêt. Vous avez des cernes marqués, une peau qui rougit facilement, ou quelques irritations chroniques ? Dans ces cas-là, l'apigénine à cette concentration peut vraiment faire la différence. On apprécie beaucoup la pureté de la formule, sans ingrédients superflus ni parfum ajouté, ce qui en fait une option très douce pour la peau, même sensible. Après, soyons transparents : il ne remplacera pas une bonne routine de base, mais il viendra la compléter de façon très efficace sur les zones spécifiques qui posent problème.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"api-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"api-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau le pouvoir apaisant de l'apigénine avec Apigene 90.\u003cbr\u003eUn soin naturel et concentré pour une peau visiblement plus lumineuse et revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"api-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à une routine de soin complète. Résultats variables selon les individus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --api-cream: #F7F6F2;\n --api-white: #ffffff;\n --api-primary: #E63329;\n --api-primary-dark: #C42A22;\n --api-primary-light: #FEF0EF;\n --api-secondary: #2E8B57;\n --api-secondary-light: #E8F5EE;\n --api-accent: #1E73BE;\n \n \/* Textes *\/\n --api-text: #1a1a1a;\n --api-text-light: #5a5a5a;\n \n \/* Effets *\/\n --api-border: #e0e0e0;\n --api-shadow: 0 4px 24px rgba(0,0,0,.08);\n --api-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --api-radius: 20px;\n --api-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.api-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--api-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.api-hero {\n position: relative;\n background: linear-gradient(135deg, var(--api-primary) 0%, var(--api-primary-dark) 40%, var(--api-secondary) 100%);\n border-radius: var(--api-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--api-shadow-lg);\n}\n\n.api-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.api-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.api-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.api-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.api-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.api-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.api-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--api-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.api-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.api-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.api-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--api-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.api-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--api-primary), var(--api-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.api-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.api-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.api-card {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--api-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.api-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--api-shadow-lg);\n border-color: var(--api-primary);\n}\n\n.api-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--api-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.api-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.api-grid-compact .api-card {\n padding: 1.25rem;\n}\n\n.api-grid-compact .api-card h3 {\n font-size: 15px;\n margin-bottom: .5rem;\n}\n\n.api-grid-compact .api-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.api-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.api-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.api-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--api-primary), var(--api-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(230,51,41,.25);\n}\n\n.api-timeline-content {\n flex: 1;\n background: var(--api-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--api-radius-sm);\n box-shadow: var(--api-shadow);\n}\n\n.api-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--api-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.api-timeline-content p {\n font-size: 14px;\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.api-accordion {\n background: var(--api-white);\n border-radius: var(--api-radius);\n box-shadow: var(--api-shadow);\n overflow: hidden;\n}\n\n.api-accordion-item {\n border-bottom: 1px solid var(--api-border);\n margin: 0;\n padding: 0;\n}\n\n.api-accordion-item:last-child {\n border-bottom: none;\n}\n\n.api-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--api-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.api-accordion-header:hover {\n background: var(--api-primary-light);\n}\n\n.api-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.api-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--api-primary);\n transition: transform .2s ease;\n}\n\n.api-accordion-item[open] .api-accordion-header::after {\n content: '−';\n}\n\n.api-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--api-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 0;\n}\n\n.api-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.api-testimonial {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--api-shadow);\n border-left: 4px solid var(--api-secondary);\n}\n\n.api-testimonial-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--api-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.api-cta-box {\n background: linear-gradient(135deg, var(--api-secondary) 0%, #236B43 100%);\n border-radius: var(--api-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.api-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 200px;\n height: 200px;\n background: rgba(255,255,255,.08);\n border-radius: 50%;\n}\n\n.api-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.api-disclaimer {\n font-size: 12px;\n color: var(--api-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .api-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .api-grid-compact {\n gap: .75rem;\n }\n \n .api-grid-compact .api-card {\n padding: 1rem;\n }\n \n .api-grid-compact .api-card h3 {\n font-size: 14px;\n }\n \n .api-grid-compact .api-card p {\n font-size: 12px;\n }\n \n .api-card {\n padding: 1.125rem;\n }\n \n .api-section {\n margin-bottom: 1.75rem;\n }\n \n .api-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--api-radius-sm);\n }\n \n .api-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .api-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .api-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .api-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .api-timeline-content h3 {\n font-size: 14px;\n }\n \n .api-timeline-content p {\n font-size: 13px;\n }\n \n .api-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .api-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .api-testimonial {\n padding: 1.25rem;\n }\n \n .api-testimonial-text {\n font-size: 14px;\n }\n \n .api-badges-top {\n gap: 6px;\n }\n \n .api-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .api-card {\n animation: fadeInUp .5s ease backwards;\n }\n .api-card:nth-child(1) { animation-delay: .05s; }\n .api-card:nth-child(2) { animation-delay: .1s; }\n .api-card:nth-child(3) { animation-delay: .15s; }\n .api-card:nth-child(4) { animation-delay: .2s; }\n .api-card:nth-child(5) { animation-delay: .25s; }\n .api-card:nth-child(6) { animation-delay: .3s; }\n \n .api-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .api-timeline-item:nth-child(1) { animation-delay: .1s; }\n .api-timeline-item:nth-child(2) { animation-delay: .2s; }\n .api-timeline-item:nth-child(3) { animation-delay: .3s; }\n .api-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .api-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755254767773,"sku":"APIJADE90","price":59.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/apigene-90-extrait-a-90-dapigenine-jade-recherche-lifestyle.webp?v=1768908833"},{"product_id":"serum-anti-age-haute-correction-bio-30-ml-florame","title":"Sérum Anti-Âge Bio Florame – Lys Perfection Haute Correction 30 ml","description":"\u003cdiv class=\"lp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lp-hero\"\u003e\n \u003cdiv class=\"lp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lp-hero-content\"\u003e\n \u003cdiv class=\"lp-badges-top\"\u003e\n \u003cspan class=\"lp-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"lp-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n \u003cspan class=\"lp-badge\"\u003e✨ 5-en-1\u003c\/span\u003e\n \u003cspan class=\"lp-badge\"\u003e🧪 99 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lp-hero-title\"\u003eSérum Anti-Âge Bio Florame – Lys Perfection\u003c\/span\u003e\n \u003cp class=\"lp-subtitle\"\u003eHaute correction · 30 ml\u003c\/p\u003e\n \u003cp class=\"lp-description\"\u003eLe soin certifié bio qui agit sur 5 fronts simultanément : rides, taches, fermeté, éclat et hydratation. Des résultats cliniquement prouvés, une formule 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eSérum anti-âge bio 5-en-1 : la réponse naturelle aux signes du temps\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eVous recherchez le \u003cstrong\u003emeilleur sérum anti-âge\u003c\/strong\u003e alliant efficacité prouvée et formule naturelle ? Le \u003cstrong\u003eSérum Anti-Âge Lys Perfection de Florame\u003c\/strong\u003e est un soin haute correction certifié \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e qui agit simultanément sur cinq fronts : rides, taches, fermeté, éclat et hydratation.\u003c\/p\u003e\n \u003cp class=\"lp-section-intro\"\u003eFormulé avec \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et fabriqué en Provence, ce \u003cstrong\u003esérum visage anti-âge\u003c\/strong\u003e prouve qu'il n'est pas nécessaire de recourir à la chimie de synthèse pour obtenir des résultats visibles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eCinq actions ciblées dans un seul sérum\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003esérum anti-rides\u003c\/strong\u003e des formules classiques, c'est sa capacité à traiter plusieurs préoccupations en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"lp-grid\"\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e💧 Hydrate\u003c\/h3\u003e\n \u003cp\u003eEn profondeur grâce à l'acide hyaluronique, qui attire et retient l'eau dans les couches supérieures de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e✨ Lisse\u003c\/h3\u003e\n \u003cp\u003eLes rides et ridules pour un grain de peau visiblement affiné et une surface cutanée plus douce au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🎨 Unifie\u003c\/h3\u003e\n \u003cp\u003eLe teint en atténuant les taches pigmentaires liées à l'âge ou au soleil pour un résultat homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌟 Illumine\u003c\/h3\u003e\n \u003cp\u003eLes peaux ternes et fatiguées en leur redonnant un éclat naturel, frais et lumineux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e💪 Raffermit\u003c\/h3\u003e\n \u003cp\u003eL'ovale du visage pour une peau plus tonique, plus rebondie et visiblement plus jeune jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eDes résultats cliniquement mesurés\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eCe n'est pas qu'une promesse : des \u003cstrong\u003etests cliniques\u003c\/strong\u003e réalisés sur panel ont démontré, après 28 jours d'utilisation en association avec les soins Lys Perfection Florame :\u003c\/p\u003e\n \u003cdiv class=\"lp-grid-compact\"\u003e\n \u003cdiv class=\"lp-card lp-card-stat\"\u003e\n \u003ch3\u003e–22 %\u003c\/h3\u003e\n \u003cp\u003eDe rides et ridules visibles en seulement 28 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card lp-card-stat\"\u003e\n \u003ch3\u003e–16 %\u003c\/h3\u003e\n \u003cp\u003eDe taches pigmentaires pour un teint plus uniforme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-tip\"\u003e\n \u003cspan class=\"lp-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003eUne peau jugée plus ferme, lumineuse et homogène par les testeuses — des chiffres qui placent ce sérum bio parmi les références souvent comparées dans les classements du \u003cstrong\u003emeilleur sérum anti-âge\u003c\/strong\u003e, y compris dans des guides tels que ceux de \u003cstrong\u003e60 Millions de Consommateurs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eLes actifs naturels au cœur de la formule\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eChaque ingrédient a été sélectionné pour son efficacité démontrée sur la peau mature :\u003c\/p\u003e\n \u003cdiv class=\"lp-grid\"\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🤍 Lys blanc bio\u003c\/h3\u003e\n \u003cp\u003eActif phare de la gamme, il unifie le teint et réduit visiblement les taches brunes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eRepulpe la peau et lui offre une hydratation longue durée, comblant les ridules de déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌺 Extrait d'orchidée bio\u003c\/h3\u003e\n \u003cp\u003eFavorise la régénération cellulaire et restaure l'élasticité pour une peau plus souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🫐 Extrait d'airelle rouge\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège des radicaux libres et prévient le vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌸 Magnolia \u0026amp; indigo sauvage\u003c\/h3\u003e\n \u003cp\u003eApaisent la peau et améliorent la luminosité du teint pour un effet bonne mine naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌿 Complexe d'huiles essentielles bio\u003c\/h3\u003e\n \u003cp\u003eCamomille, Géranium, Lavande, Vétiver : revitalisent et apportent un parfum floral délicat 100 % végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-tip\"\u003e\n \u003cspan class=\"lp-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e70 % des ingrédients sont issus de l'Agriculture Biologique.\u003c\/strong\u003e Formule non testée sur les animaux, testée sous contrôle dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eComment bien appliquer ce sérum anti-âge ?\u003c\/h2\u003e\n \u003cdiv class=\"lp-timeline\"\u003e\n \u003cdiv class=\"lp-timeline-item\"\u003e\n \u003cdiv class=\"lp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, sur une peau propre et sèche, prélevez quelques gouttes à l'aide du compte-gouttes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-item\"\u003e\n \u003cdiv class=\"lp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-content\"\u003e\n \u003ch3\u003eDéposez\u003c\/h3\u003e\n \u003cp\u003eAppliquez le sérum sur le visage, le cou et le contour des yeux en petites touches réparties.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-item\"\u003e\n \u003cdiv class=\"lp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-content\"\u003e\n \u003ch3\u003eFaites pénétrer\u003c\/h3\u003e\n \u003cp\u003ePar de légers effleurages ascendants, sans frotter, pour stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-item\"\u003e\n \u003cdiv class=\"lp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-content\"\u003e\n \u003ch3\u003eComplétez\u003c\/h3\u003e\n \u003cp\u003ePour maximiser les résultats, appliquez ensuite votre \u003cstrong\u003ecrème Lys Perfection Florame\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-tip\"\u003e\n \u003cspan class=\"lp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture fluide et non grasse pénètre en quelques secondes : vous pouvez vous maquiller immédiatement après.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"lp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir ce sérum plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"lp-grid-compact\"\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification par Ecocert : un gage de transparence et de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Provence\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Saint-Rémy-de-Provence, avec un savoir-faire reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e💧 Action 5-en-1\u003c\/h3\u003e\n \u003cp\u003eUne action globale qui simplifie votre routine beauté quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌸 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e📦 Dosage précis\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes de 30 ml pour un dosage économique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau le meilleur de la nature provençale — un sérum bio 5-en-1 aux résultats cliniquement prouvés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lp-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lp-cream: #faf8f5;\n --lp-white: #ffffff;\n --lp-primary: #c8944a;\n --lp-primary-dark: #8a5e2a;\n --lp-primary-light: #fdf5eb;\n --lp-secondary: #d4a95c;\n --lp-accent: #e8c78e;\n --lp-text: #1a1a1a;\n --lp-text-light: #5a5a5a;\n --lp-border: #e8e0d6;\n --lp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lp-radius: 20px;\n --lp-radius-sm: 12px;\n}\n\n.lp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lp-hero {\n position: relative;\n background: linear-gradient(135deg, #8a5e2a 0%, #c8944a 50%, #e8c78e 100%);\n border-radius: var(--lp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lp-shadow-lg);\n}\n\n.lp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 80%);\n opacity: 1;\n}\n\n.lp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.lp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.lp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--lp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.lp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--lp-primary), var(--lp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lp-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.lp-section-intro strong {\n color: var(--lp-primary-dark);\n}\n\n\/* === CARDS === *\/\n.lp-card {\n background: var(--lp-white);\n border-radius: var(--lp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lp-shadow-lg);\n border-color: var(--lp-primary);\n}\n\n.lp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === STAT CARDS === *\/\n.lp-card-stat h3 {\n font-size: clamp(28px, 6vw, 42px);\n color: var(--lp-primary);\n font-weight: 900;\n margin-bottom: .35rem;\n letter-spacing: -.02em;\n}\n\n\/* === GRILLES === *\/\n.lp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lp-grid-compact .lp-card {\n padding: 1rem;\n}\n\n.lp-grid-compact .lp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lp-grid-compact .lp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lp-primary), var(--lp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.lp-timeline-content {\n flex: 1;\n background: var(--lp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lp-radius-sm);\n box-shadow: var(--lp-shadow);\n}\n\n.lp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lp-timeline-content p {\n font-size: 14px;\n color: var(--lp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lp-timeline-content p strong {\n color: var(--lp-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.lp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lp-primary-light);\n border-radius: var(--lp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lp-tip p {\n font-size: 14px;\n color: var(--lp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lp-tip p strong {\n color: var(--lp-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.lp-cta-box {\n background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%);\n border-radius: var(--lp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.lp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lp-disclaimer {\n font-size: 12px;\n color: var(--lp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .lp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lp-card {\n padding: 1.125rem;\n }\n\n .lp-section {\n margin-bottom: 1.75rem;\n }\n\n .lp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lp-radius-sm);\n }\n\n .lp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lp-grid-compact {\n gap: .625rem;\n }\n\n .lp-grid-compact .lp-card {\n padding: .75rem;\n }\n\n .lp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lp-timeline-content h3 {\n font-size: 14px;\n }\n\n .lp-timeline-content p {\n font-size: 13px;\n }\n\n .lp-card-stat h3 {\n font-size: clamp(24px, 8vw, 36px);\n }\n\n .lp-tip {\n padding: .875rem 1rem;\n }\n\n .lp-tip-icon {\n font-size: 20px;\n }\n\n .lp-tip p {\n font-size: 13px;\n }\n\n .lp-section-intro {\n font-size: 14px;\n margin-bottom: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lp-card {\n animation: lpFadeInUp .5s ease backwards;\n }\n .lp-card:nth-child(1) { animation-delay: .05s; }\n .lp-card:nth-child(2) { animation-delay: .1s; }\n .lp-card:nth-child(3) { animation-delay: .15s; }\n .lp-card:nth-child(4) { animation-delay: .2s; }\n .lp-card:nth-child(5) { animation-delay: .25s; }\n .lp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .lp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755285602461,"sku":"FM0440","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-anti-age-bio-florame-lys-perfection-haute-correction-3-packshothd.webp?v=1775379566"},{"product_id":"baume-restructurant-nuit-bio-50-ml-florame","title":"Baume de Nuit Bio anti-âge 50ml – Régénérant \u0026 Restructurant - Florame","description":"\u003cp\u003eOffrez à votre peau une régénération naturelle pendant la nuit grâce au \u003cstrong\u003eBaume de Nuit Bio Anti-Âge Florame\u003c\/strong\u003e. Conçu pour les \u003cstrong\u003epeaux matures en quête de fermeté et d’éclat\u003c\/strong\u003e, ce soin nocturne restructurant nourrit intensément, redensifie la peau et aide à atténuer visiblement les rides et ridules au réveil.\u003c\/p\u003e\n\u003ch2\u003eUn soin de nuit bio qui régénère votre peau\u003c\/h2\u003e\n\u003cp\u003ePendant le sommeil, la peau entre en phase de réparation cellulaire. Le \u003cstrong\u003eBaume Restructurant Nuit Bio Florame\u003c\/strong\u003e agit à ce moment clé pour stimuler la régénération et restaurer l’élasticité naturelle de la peau. Sa \u003cstrong\u003etexture riche et fondante\u003c\/strong\u003e fond au contact de l’épiderme sans effet gras, laissant une sensation de confort immédiat.\u003c\/p\u003e\n\u003cp\u003eCe soin anti-âge certifié bio est formulé avec des \u003cstrong\u003eactifs naturels puissants\u003c\/strong\u003e soigneusement sélectionnés pour leur efficacité prouvée :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e🌿 \u003cstrong\u003eHuile d’Argan Bio\u003c\/strong\u003e – Riche en acides gras essentiels et vitamine E, elle nourrit et raffermit la peau en profondeur.\u003c\/li\u003e\n\u003cli\u003e🧈 \u003cstrong\u003eBeurre de Karité Bio\u003c\/strong\u003e – Protège, répare et adoucit, tout en renforçant la barrière cutanée.\u003c\/li\u003e\n\u003cli\u003e🌸 \u003cstrong\u003eExtrait de Bouleau Blanc Bio\u003c\/strong\u003e – Revitalise et illumine le teint pour une peau plus souple et éclatante.\u003c\/li\u003e\n\u003cli\u003e🌊 \u003cstrong\u003eAlgue Laminaria Bio\u003c\/strong\u003e – Redensifie et lutte contre le relâchement cutané.\u003c\/li\u003e\n\u003cli\u003e🌹 \u003cstrong\u003eEau de Rose et Aloe Vera Bio\u003c\/strong\u003e – Hydratent, apaisent et restaurent la fraîcheur du visage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eUtilisé chaque soir, ce \u003cstrong\u003ebaume visage bio anti-âge\u003c\/strong\u003e aide à \u003cstrong\u003eréduire les signes visibles du vieillissement\u003c\/strong\u003e, à \u003cstrong\u003eaméliorer la fermeté\u003c\/strong\u003e et à \u003cstrong\u003eredonner éclat et vitalité\u003c\/strong\u003e à la peau.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits du Baume de Nuit Bio Florame\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRépare et restructure la peau pendant la nuit\u003c\/li\u003e\n\u003cli\u003eLutte contre le relâchement et les rides\u003c\/li\u003e\n\u003cli\u003eNourrit sans alourdir, texture non grasse\u003c\/li\u003e\n\u003cli\u003eRévèle un teint lumineux et reposé au réveil\u003c\/li\u003e\n\u003cli\u003eFormule 100 % naturelle certifiée bio, sans parabènes ni silicones\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003eNettoyez votre visage et votre cou avant application.\u003c\/li\u003e\n\u003cli\u003ePrélevez une petite quantité de baume et chauffez-la entre vos doigts.\u003c\/li\u003e\n\u003cli\u003eAppliquez en \u003cstrong\u003emouvements circulaires\u003c\/strong\u003e du centre vers l’extérieur du visage.\u003c\/li\u003e\n\u003cli\u003eInsistez sur les zones marquées (rides, contour des lèvres, cou).\u003c\/li\u003e\n\u003cli\u003eUtilisez chaque soir pour un résultat optimal.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e\u003cem\u003eAstuce :\u003c\/em\u003e appliquez-le après le Concentré Repulpant Age Intense Florame pour un effet anti-âge renforcé.\u003c\/p\u003e\n\u003ch2\u003eComposition naturelle et engagée\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eHuile d’Argan Bio\u003c\/li\u003e\n\u003cli\u003eBeurre de Karité Bio\u003c\/li\u003e\n\u003cli\u003eExtrait de Bouleau Blanc Bio\u003c\/li\u003e\n\u003cli\u003eExtrait d’Algue Laminaria Bio\u003c\/li\u003e\n\u003cli\u003eEau de Rose Bio\u003c\/li\u003e\n\u003cli\u003eExtrait d’Aloe Vera Bio\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e – sans parabènes, silicones ni colorants artificiels.\u003cbr\u003eVegan et non testé sur les animaux.\u003cbr\u003eFabriqué en Provence, France 🇫🇷.\u003c\/p\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755298775197,"sku":"FM0410","price":35.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-restructurant-nuit-florame_11zon.jpg?v=1763628761"},{"product_id":"eau-de-beaute-soin-peau-pure-bio-sans-alcool-200-ml-eolesens","title":"Eau de Beauté - Soin Peau Pure Bio sans alcool - 200 ml - Eolesens","description":"\u003cdiv class=\"pp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pp-hero\"\u003e\n \u003cdiv class=\"pp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pp-hero-content\"\u003e\n \u003cdiv class=\"pp-badges-top\"\u003e\n \u003cspan class=\"pp-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"pp-badge\"\u003e🌸 8 hydrolats\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pp-hero-title\"\u003eEau de Beauté Peau Pure Bio\u003c\/span\u003e\n \u003cp class=\"pp-subtitle\"\u003eEolesens - 200 ml\u003c\/p\u003e\n \u003cp class=\"pp-description\"\u003eLa brume purifiante aux 8 hydrolats bio qui purifie, tonifie et révèle l'éclat naturel de votre peau, sans jamais l'agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eEau de Beauté Peau Pure Bio Eolesens : la brume purifiante aux hydrolats naturels\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eVous cherchez une \u003cstrong\u003eeau de beauté\u003c\/strong\u003e naturelle et efficace pour retrouver une peau nette et lumineuse ? L'\u003cstrong\u003eEau de Beauté Soin Peau Pure Bio d'Eolesens\u003c\/strong\u003e est une alternative française et biologique aux célèbres brumes du marché. Formulée \u003cstrong\u003esans alcool\u003c\/strong\u003e et certifiée bio, cette eau nettoyante visage associe huit hydrolats précieux pour purifier, tonifier et raviver l'éclat de votre peau au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eUne synergie de 8 hydrolats bio pour une peau visiblement plus pure\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003eCe qui distingue cette eau de beauté bio, c'est la richesse de sa formule. Là où d'autres eaux de soin se limitent à deux ou trois ingrédients actifs, Eolesens réunit \u003cstrong\u003ehuit hydrolats complémentaires\u003c\/strong\u003e, chacun apportant un bienfait ciblé.\u003c\/p\u003e\n \u003cdiv class=\"pp-grid\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e💜 Lavande fine bio\u003c\/h3\u003e\n \u003cp\u003eApaise les irritations, purifie et aide à réguler l'excès de sébum des peaux mixtes à grasses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🍃 Hamamélis bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour son action astringente, il resserre visiblement les pores et tonifie la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌿 Menthe poivrée bio\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur immédiate et revitalise les teints ternes et fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌾 Thym à linalol bio\u003c\/h3\u003e\n \u003cp\u003eContribue à assainir la peau grâce à ses propriétés purifiantes douces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌲 Tea Tree bio\u003c\/h3\u003e\n \u003cp\u003eAllié des peaux à imperfections, il nettoie en profondeur sans agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌹 Rose bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, adoucit et apporte un éclat naturel au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌺 Géranium bio\u003c\/h3\u003e\n \u003cp\u003eÉquilibrant, il favorise une peau harmonieuse et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e☀️ Hélichryse bio\u003c\/h3\u003e\n \u003cp\u003eSoutient la microcirculation cutanée et aide à unifier le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003ePour qui est faite cette eau nettoyante visage ?\u003c\/h2\u003e\n \u003cdiv class=\"pp-testimonial\"\u003e\n \u003cp class=\"pp-testimonial-text\"\u003eBien qu'elle soit spécialement conçue pour les \u003cstrong\u003epeaux mixtes à grasses\u003c\/strong\u003e sujettes aux brillances et aux pores dilatés, cette eau de beauté convient en réalité à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e. Sa formule sans alcool respecte même les épidermes sensibles ou réactifs. Si vous recherchez une brume purifiante qui ne dessèche pas, vous êtes au bon endroit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes à grasses\u003c\/h3\u003e\n \u003cp\u003eRégule le sébum et matifie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🧴 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSans alcool, ultra-douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌟 Peaux ternes\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🔬 Pores dilatés\u003c\/h3\u003e\n \u003cp\u003eResserre et affine le grain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eComment utiliser l'Eau de Beauté Peau Pure ?\u003c\/h2\u003e\n \u003cp class=\"pp-section-intro\"\u003ePour des résultats optimaux, intégrez-la à votre rituel beauté \u003cstrong\u003ematin et soir\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"pp-timeline\"\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eVaporisez en fine brume\u003c\/h3\u003e\n \u003cp\u003eAprès le nettoyage du visage, vaporisez sur l'ensemble du visage et du cou, yeux fermés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eTapotez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez de légers tapotements du bout des doigts pour favoriser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eEn tonique sur coton\u003c\/h3\u003e\n \u003cp\u003eVous pouvez aussi l'appliquer à l'aide d'un coton réutilisable en guise de tonique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-item\"\u003e\n \u003cdiv class=\"pp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pp-timeline-content\"\u003e\n \u003ch3\u003eRafraîchissement express\u003c\/h3\u003e\n \u003cp\u003eEn journée, utilisez-la pour rafraîchir votre teint à tout moment, même par-dessus le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-tip\"\u003e\n \u003cspan class=\"pp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eConservez le flacon à température ambiante, à l'abri de la lumière directe et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pp-section\"\u003e\n \u003ch2\u003eFabrication française et engagement bio\u003c\/h2\u003e\n \u003cdiv class=\"pp-commitment-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eFabriquée en France\u003c\/strong\u003e par Eolesens, cette eau de beauté est issue d'une \u003cstrong\u003edistillation douce\u003c\/strong\u003e qui préserve toute la concentration en actifs des plantes. Le produit est \u003cstrong\u003ecertifié Cosmétique Bio\u003c\/strong\u003e, garantissant l'absence de conservateurs synthétiques, de parabènes et de parfums artificiels. En choisissant ce soin, vous optez pour une cosmétique respectueuse de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌱 Certifiée Bio\u003c\/h3\u003e\n \u003cp\u003eCosmétique Bio certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eZéro conservateur synthétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pp-card\"\u003e\n \u003ch3\u003e🌿 Distillation douce\u003c\/h3\u003e\n \u003cp\u003eActifs végétaux préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"pp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"pp-accordion\"\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003e200 ml en flacon spray pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🏅 Certification\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eCosmétique Bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🚫 Sans alcool\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eConvient aux peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pp-accordion-item\"\u003e\n \u003csummary class=\"pp-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"pp-accordion-content mt-3\"\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"pp-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pp-cream: #faf5f7;\n --pp-white: #ffffff;\n --pp-primary: #c42a6e;\n --pp-primary-dark: #8a1c50;\n --pp-primary-light: #f8e8f0;\n --pp-secondary: #6b7fc4;\n --pp-accent: #d94b8a;\n --pp-text: #1a1a1a;\n --pp-text-light: #5a5a5a;\n --pp-border: #e8dce2;\n --pp-shadow: 0 4px 24px rgba(196,42,110,.08);\n --pp-shadow-lg: 0 12px 48px rgba(196,42,110,.15);\n --pp-radius: 20px;\n --pp-radius-sm: 12px;\n}\n\n.pp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pp-primary) 0%, var(--pp-accent) 40%, var(--pp-secondary) 100%);\n border-radius: var(--pp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pp-shadow-lg);\n}\n\n.pp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.pp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pp-primary), var(--pp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pp-section-intro strong {\n color: var(--pp-primary-dark);\n}\n\n\/* === CARDS === *\/\n.pp-card {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pp-shadow-lg);\n border-color: var(--pp-primary);\n}\n\n.pp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pp-grid-compact .pp-card {\n padding: 1rem;\n}\n\n.pp-grid-compact .pp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pp-grid-compact .pp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pp-primary), var(--pp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pp-timeline-content {\n flex: 1;\n background: var(--pp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pp-radius-sm);\n box-shadow: var(--pp-shadow);\n}\n\n.pp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pp-timeline-content p {\n font-size: 14px;\n color: var(--pp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pp-testimonial {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-primary);\n}\n\n.pp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.pp-testimonial-text strong {\n color: var(--pp-primary-dark);\n font-style: normal;\n}\n\n\/* === COMMITMENT BOX === *\/\n.pp-commitment-box {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pp-shadow);\n border-left: 4px solid var(--pp-secondary);\n}\n\n.pp-commitment-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--pp-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.pp-commitment-box strong {\n color: var(--pp-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.pp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pp-primary-light);\n border-radius: var(--pp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pp-tip p {\n font-size: 14px;\n color: var(--pp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pp-accordion {\n background: var(--pp-white);\n border-radius: var(--pp-radius);\n box-shadow: var(--pp-shadow);\n overflow: hidden;\n}\n\n.pp-accordion-item {\n border-bottom: 1px solid var(--pp-border);\n margin: 0;\n padding: 0;\n}\n\n.pp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pp-accordion-header:hover {\n background: var(--pp-primary-light);\n}\n\n.pp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pp-primary);\n transition: transform .2s ease;\n}\n\n.pp-accordion-item[open] .pp-accordion-header::after {\n content: '−';\n}\n\n.pp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pp-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pp-disclaimer {\n font-size: 12px;\n color: var(--pp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pp-card {\n padding: 1.125rem;\n }\n\n .pp-section {\n margin-bottom: 1.75rem;\n }\n\n .pp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pp-radius-sm);\n }\n\n .pp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pp-grid-compact {\n gap: .625rem;\n }\n\n .pp-grid-compact .pp-card {\n padding: .75rem;\n }\n\n .pp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pp-timeline-content h3 {\n font-size: 14px;\n }\n\n .pp-timeline-content p {\n font-size: 13px;\n }\n\n .pp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pp-testimonial {\n padding: 1.25rem;\n }\n\n .pp-testimonial-text {\n font-size: 14px;\n }\n\n .pp-commitment-box {\n padding: 1.25rem;\n }\n\n .pp-commitment-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pp-card {\n animation: ppFadeInUp .5s ease backwards;\n }\n .pp-card:nth-child(1) { animation-delay: .05s; }\n .pp-card:nth-child(2) { animation-delay: .1s; }\n .pp-card:nth-child(3) { animation-delay: .15s; }\n .pp-card:nth-child(4) { animation-delay: .2s; }\n .pp-card:nth-child(5) { animation-delay: .25s; }\n .pp-card:nth-child(6) { animation-delay: .3s; }\n .pp-card:nth-child(7) { animation-delay: .35s; }\n .pp-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes ppFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755412643997,"sku":"NBAISEN0003","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-pure-eolesens_1__11zon.jpg?v=1772612854"},{"product_id":"creme-de-lapicultrice-peau-sensible-bio-30-ml-ballot-flurin","title":"Crème de l'apicultrice Peau Sensible Bio - Ballot-Flurin - 30ml","description":"\u003cdiv class=\"bf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bf-hero\"\u003e\n \u003cdiv class=\"bf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bf-hero-content\"\u003e\n \u003cdiv class=\"bf-badges-top\"\u003e\n \u003cspan class=\"bf-badge\"\u003e🐝 Apiculture douce\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🌿 99,6 % naturel\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🌸 Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bf-hero-title\"\u003eCrème de l'Apicultrice Peau Sensible Bio\u003c\/span\u003e\n \u003cp class=\"bf-subtitle\"\u003eBallot-Flurin · 30 ml\u003c\/p\u003e\n \u003cp class=\"bf-description\"\u003eLe soin apaisant aux trésors de la ruche, formulé artisanalement dans les Hautes-Pyrénées pour les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eCrème de l'Apicultrice Peau Sensible Bio : le soin apaisant aux trésors de la ruche\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eVotre peau tiraille, rougit ou réagit au moindre changement de saison ? La \u003cstrong\u003eCrème de l'Apicultrice Peau Sensible Bio\u003c\/strong\u003e de \u003cstrong\u003eBallot-Flurin\u003c\/strong\u003e a été pensée exactement pour vous. Fabriquée artisanalement dans les Hautes-Pyrénées, cette \u003cstrong\u003ecrème bio peau sensible\u003c\/strong\u003e associe des actifs apicoles rares à des extraits végétaux biologiques pour offrir un véritable bouclier de douceur aux épidermes les plus réactifs.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème visage peau sensible bio ?\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eLes peaux sensibles ont besoin de formules épurées, sans compromis sur l'efficacité. Avec \u003cstrong\u003e99,6 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et près de 90 % issus de l'agriculture biologique, ce soin coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌿 99,6 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule épurée, respectueuse des peaux les plus réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e💧 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eApaise les sensations d'inconfort et nourrit en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🛡️ Barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eRenforce la protection naturelle de la peau sans jamais agresser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🐝 Apicosmétique unique\u003c\/h3\u003e\n \u003cp\u003ePropolis, miel et élixir couvain : la force de la ruche au service de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eUne composition d'exception, 100 % transparente\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eChaque ingrédient est sélectionné pour sa compatibilité avec les \u003cstrong\u003epeaux sensibles et réactives\u003c\/strong\u003e. Voici les actifs phares de cette formule :\u003c\/p\u003e\n \u003cdiv class=\"bf-grid\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌱 Jus d'aloe vera bio (40 %)\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur, rafraîchit et calme instantanément les échauffements cutanés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌼 Infusion de calendula bio (20 %)\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus apaisantes, elle favorise la régénération des peaux fragilisées et sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🤍 Propolis blanche (7 %)\u003c\/h3\u003e\n \u003cp\u003eUn actif rare issu de la ruche qui purifie, protège et aide à restaurer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🍯 Miel de châtaignier bio (6 %)\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et contribue à unifier le teint pour un éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✨ Élixir couvain\u003c\/h3\u003e\n \u003cp\u003eExclusivité Ballot-Flurin, cet extrait précieux revitalise la peau et soutient son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🫒 Huiles végétales artisanales\u003c\/h3\u003e\n \u003cp\u003eSésame, bourrache, amande douce et noyau de prune du Lot-et-Garonne, pour restaurer souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-tip\"\u003e\n \u003cspan class=\"bf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSans parfum de synthèse, sans conservateur agressif, sans ingrédient controversé. Convient également aux personnes recherchant une \u003cstrong\u003ecrème visage peau très sèche et sensible bio\u003c\/strong\u003e ou une \u003cstrong\u003ecrème peau mixte sensible bio\u003c\/strong\u003e, grâce à sa texture équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComment l'appliquer au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"bf-timeline\"\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n \u003cp\u003eCommencez par nettoyer délicatement le visage, le cou et le décolleté avec un soin doux adapté aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de crème\u003c\/h3\u003e\n \u003cp\u003eChaque matin, déposez une noisette de crème et massez en mouvements circulaires. Sa texture onctueuse pénètre rapidement sans laisser de film gras : une base idéale sous le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn soin de nuit (optionnel)\u003c\/h3\u003e\n \u003cp\u003eEn cas de \u003cstrong\u003epeau sensible avec rougeurs\u003c\/strong\u003e, appliquez-la également le soir comme soin de nuit réparateur pour une double action apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eCure saisonnière\u003c\/h3\u003e\n \u003cp\u003eUne cure au printemps ou en hiver aide à préparer votre peau aux agressions extérieures et à maintenir son confort toute l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eUn engagement éthique au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🐝 Apiculture douce\u003c\/h3\u003e\n \u003cp\u003eLes abeilles ne sont jamais maltraitées, la récolte respecte leur rythme naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🤝 Solidaire et locale\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire artisanal authentique des Pyrénées, ancré dans le territoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée biologique, fabriquée en France avec exigence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🐰 Non testé sur les animaux\u003c\/h3\u003e\n \u003cp\u003eUn engagement cruelty-free pour un cosmétique en accord avec vos valeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"bf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bf-accordion\"\u003e\n \u003cdetails class=\"bf-accordion-item\"\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe soin cosmétique ne remplace en aucun cas un avis ou un traitement dermatologique. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bf-accordion-item\"\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e🐝 Produits de la ruche\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eContient des produits de la ruche : vérifiez l'absence d'allergie avant la première application. Effectuez un test dans le pli du coude 24 h avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-disclaimer\"\u003eLes informations présentées ne se substituent pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bf-cream: #fdf8f4;\n --bf-white: #ffffff;\n --bf-primary: #c4597a;\n --bf-primary-dark: #8e3354;\n --bf-primary-light: #fdf0f4;\n --bf-secondary: #e8a84c;\n --bf-accent: #d4a04a;\n --bf-text: #1a1a1a;\n --bf-text-light: #5a5a5a;\n --bf-border: #f0e0d8;\n --bf-shadow: 0 4px 24px rgba(142, 51, 84, .07);\n --bf-shadow-lg: 0 12px 48px rgba(142, 51, 84, .13);\n --bf-radius: 20px;\n --bf-radius-sm: 12px;\n}\n\n.bf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bf-hero {\n position: relative;\n background: linear-gradient(135deg, #c4597a 0%, #a84068 40%, #8e3354 70%, #e8a84c 100%);\n border-radius: var(--bf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bf-shadow-lg);\n}\n\n.bf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,168,76,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: .6;\n}\n\n.bf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.bf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.bf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.bf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bf-primary), var(--bf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.bf-section-intro strong {\n color: var(--bf-primary-dark);\n}\n\n\/* === CARDS === *\/\n.bf-card {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bf-shadow-lg);\n border-color: var(--bf-primary);\n}\n\n.bf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bf-grid-compact .bf-card {\n padding: 1rem;\n}\n\n.bf-grid-compact .bf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bf-grid-compact .bf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bf-primary), var(--bf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bf-timeline-content {\n flex: 1;\n background: var(--bf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bf-radius-sm);\n box-shadow: var(--bf-shadow);\n}\n\n.bf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bf-timeline-content p {\n font-size: 14px;\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bf-timeline-content p strong {\n color: var(--bf-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.bf-testimonial {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bf-shadow);\n border-left: 4px solid var(--bf-primary);\n}\n\n.bf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bf-accordion {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n box-shadow: var(--bf-shadow);\n overflow: hidden;\n}\n\n.bf-accordion-item {\n border-bottom: 1px solid var(--bf-border);\n margin: 0;\n padding: 0;\n}\n\n.bf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bf-accordion-header:hover {\n background: var(--bf-primary-light);\n}\n\n.bf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bf-primary);\n transition: transform .2s ease;\n}\n\n.bf-accordion-item[open] .bf-accordion-header::after {\n content: '−';\n}\n\n.bf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bf-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bf-primary-light);\n border-radius: var(--bf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bf-tip p {\n font-size: 14px;\n color: var(--bf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bf-tip p strong {\n color: var(--bf-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.bf-disclaimer {\n font-size: 12px;\n color: var(--bf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bf-card {\n padding: 1.125rem;\n }\n\n .bf-section {\n margin-bottom: 1.75rem;\n }\n\n .bf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bf-radius-sm);\n }\n\n .bf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bf-grid-compact {\n gap: .625rem;\n }\n\n .bf-grid-compact .bf-card {\n padding: .75rem;\n }\n\n .bf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bf-timeline-content h3 {\n font-size: 14px;\n }\n\n .bf-timeline-content p {\n font-size: 13px;\n }\n\n .bf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bf-testimonial {\n padding: 1.25rem;\n }\n\n .bf-testimonial-text {\n font-size: 14px;\n }\n\n .bf-tip {\n padding: .875rem 1rem;\n }\n\n .bf-tip-icon {\n font-size: 20px;\n }\n\n .bf-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bf-card {\n animation: bfFadeInUp .5s ease backwards;\n }\n .bf-card:nth-child(1) { animation-delay: .05s; }\n .bf-card:nth-child(2) { animation-delay: .1s; }\n .bf-card:nth-child(3) { animation-delay: .15s; }\n .bf-card:nth-child(4) { animation-delay: .2s; }\n .bf-card:nth-child(5) { animation-delay: .25s; }\n .bf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BALLOT-FLURIN","offers":[{"title":"Default Title","offer_id":45755418509469,"sku":"BF0066","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-de-lapicultrice-peau-sensible-bio-ballot-flurin-30ml-lifestyle.webp?v=1772199185"},{"product_id":"serum-dermoline-hydric-puissant-anti-rides-bio-30-ml-lt-labo","title":"Sérum Dermoline Hydric - Puissant Anti-Rides Bio - 30 ml - LT Labo","description":"\u003cdiv class=\"dh-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"dh-hero\"\u003e\n\u003cdiv class=\"dh-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dh-hero-content\"\u003e\n\u003cdiv class=\"dh-badges-top\"\u003e\n\u003cspan class=\"dh-badge\"\u003e🌿 Certifié Bio Cosmos Organic\u003c\/span\u003e \u003cspan class=\"dh-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"dh-badge\"\u003e💧 Acide Hyaluronique\u003c\/span\u003e \u003cspan class=\"dh-badge\"\u003e🧴 30 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dh-hero-title\"\u003eSérum Dermoline Hydric\u003c\/span\u003e\n\u003cp class=\"dh-subtitle\"\u003ePuissant anti-rides bio — LT Labo\u003c\/p\u003e\n\u003cp class=\"dh-description\"\u003eUn sérum concentré à l'acide hyaluronique d'origine naturelle qui redensifie, repulpe et lisse visiblement la peau. 98% d'ingrédients naturels pour une peau éclatante de jeunesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION : Présentation --\u003e\n\u003csection class=\"dh-section\"\u003e\n\u003ch2\u003e🧬 Un sérum révolutionnaire pour votre peau\u003c\/h2\u003e\n\u003cp class=\"dh-section-intro\"\u003eLe Sérum Dermoline Hydric est un soin d'exception conçu pour hydrater intensément, repulper la peau et réduire l'apparence des rides grâce à une formulation enrichie en actifs naturels et biologiques.\u003c\/p\u003e\n\u003cdiv class=\"dh-grid\"\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n\u003cp\u003eSa texture délicate et fondante pénètre rapidement sans laisser de film gras, procurant une hydratation en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e✨ Peau repulpée\u003c\/h3\u003e\n\u003cp\u003eL'acide hyaluronique de bas poids moléculaire fixe l'eau et régule l'hydratation tout en stimulant la production de collagène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n\u003cp\u003eLe silicium organique soutient la synthèse naturelle du collagène et de l'élastine pour maintenir fermeté et élasticité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🌿 Nutrition naturelle\u003c\/h3\u003e\n\u003cp\u003eL'huile de jojoba lisse, raffermit et imite le sébum naturel de la peau pour combattre le vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🌞 Éclat lumineux\u003c\/h3\u003e\n\u003cp\u003eLa vitamine E, puissant antioxydant, protège des radicaux libres et favorise une peau douce et lumineuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormulé avec des extraits apaisants de plantes, il est parfaitement adapté aux peaux sèches, sensibles et matures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : Conseils d'utilisation --\u003e\n\u003csection class=\"dh-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"dh-timeline\"\u003e\n\u003cdiv class=\"dh-timeline-item\"\u003e\n\u003cdiv class=\"dh-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dh-timeline-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003eAppliquez quotidiennement matin et soir sur le visage, le cou et le décolleté, sur une peau propre et sèche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-timeline-item\"\u003e\n\u003cdiv class=\"dh-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dh-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le sérum\u003c\/h3\u003e\n\u003cp\u003eDéposez quelques gouttes de sérum sur le bout des doigts, puis massez délicatement en mouvements circulaires jusqu'à absorption complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-timeline-item\"\u003e\n\u003cdiv class=\"dh-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dh-timeline-content\"\u003e\n\u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n\u003cp\u003eAppliquez votre crème hydratante par-dessus pour sceller les actifs et optimiser les bienfaits du sérum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-tip\"\u003e\n\u003cspan class=\"dh-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour un effet repulpant optimal, appliquez le sérum sur une peau légèrement humide afin de maximiser la fixation de l'acide hyaluronique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : Composition --\u003e\n\u003csection class=\"dh-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"dh-section-intro\"\u003e6 actifs d'exception soigneusement sélectionnés — 98% d'ingrédients d'origine naturelle, 20% issus de l'agriculture biologique.\u003c\/p\u003e\n\u003cdiv class=\"dh-grid\"\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n\u003cp\u003eRepulpant et hydratant intense. De bas poids moléculaire, il pénètre en profondeur pour fixer l'eau dans les couches cutanées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e⚡ Silicium organique\u003c\/h3\u003e\n\u003cp\u003eRenforce l'élasticité et régénère les tissus en soutenant la synthèse naturelle du collagène et de l'élastine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🌰 Huile de jojoba\u003c\/h3\u003e\n\u003cp\u003eNourrit, adoucit et protège la peau. Imite le sébum naturel pour une absorption parfaite sans film gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera\u003c\/h3\u003e\n\u003cp\u003eApaise et hydrate les peaux les plus sensibles grâce à ses propriétés calmantes et régénérantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🌱 Extrait de Centella Asiatica\u003c\/h3\u003e\n\u003cp\u003eStimule la production de collagène pour une peau plus ferme et des rides visiblement comblées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🌿 Extrait de romarin\u003c\/h3\u003e\n\u003cp\u003eAntioxydant naturel puissant qui protège la peau des agressions extérieures et des radicaux libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : Pourquoi choisir ce sérum --\u003e\n\u003csection class=\"dh-section\"\u003e\n\u003ch2\u003e🏆 Pourquoi choisir le Sérum Dermoline Hydric ?\u003c\/h2\u003e\n\u003cdiv class=\"dh-grid-compact\"\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🌿 Bio certifié\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué par LT Labo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n\u003cp\u003eFormule clean\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🧪 98% naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e🐰 Non testé\u003c\/h3\u003e\n\u003cp\u003eRespect animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dh-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION : Informations complémentaires --\u003e\n\u003csection class=\"dh-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"dh-accordion\"\u003e\n\u003cdetails class=\"dh-accordion-item\"\u003e\n\u003csummary class=\"dh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"dh-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver à l'abri de la lumière et de la chaleur, dans un endroit sec. Refermer le flacon après chaque utilisation. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dh-accordion-item\"\u003e\n\u003csummary class=\"dh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"dh-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire. Réaliser un test cutané avant la première utilisation en cas de peau très réactive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dh-accordion-item\"\u003e\n\u003csummary class=\"dh-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n\u003cdiv class=\"dh-accordion-content mt-3\"\u003e\n\u003cp\u003eFlacon airless de 30 ml avec pompe doseuse. Le système airless préserve la fraîcheur et l'efficacité des actifs du sérum en évitant tout contact avec l'air.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"dh-accordion-item\"\u003e\n\u003csummary class=\"dh-accordion-header\"\u003e🏭 Fabricant\u003c\/summary\u003e\n\u003cdiv class=\"dh-accordion-content mt-3\"\u003e\n\u003cp\u003eLT Labo — Laboratoire français spécialisé dans les cosmétiques biologiques certifiés. Tous les produits sont formulés et fabriqués en France dans le respect des normes les plus exigeantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION CTA --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"dh-section\"\u003e\n\u003cdiv class=\"dh-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau le meilleur de la nature avec le Sérum Dermoline Hydric — votre allié anti-rides bio, concentré en acide hyaluronique, pour une peau repulpée, lissée et éclatante de jeunesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"dh-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas une consultation dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --dh-cream: #f7f9f5;\n --dh-white: #ffffff;\n --dh-primary: #6a9e3a;\n --dh-primary-dark: #3d6b1e;\n --dh-primary-light: #eef5e6;\n --dh-secondary: #8bbf4f;\n --dh-accent: #4a8c2a;\n --dh-text: #1a1a1a;\n --dh-text-light: #5a5a5a;\n --dh-border: #dde8d2;\n --dh-shadow: 0 4px 24px rgba(58, 107, 30, .08);\n --dh-shadow-lg: 0 12px 48px rgba(58, 107, 30, .15);\n --dh-radius: 20px;\n --dh-radius-sm: 12px;\n}\n\n.dh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dh-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1e 0%, #6a9e3a 50%, #8bbf4f 100%);\n border-radius: var(--dh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--dh-shadow-lg);\n}\n\n.dh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.dh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dh-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dh-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.dh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.dh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dh-primary), var(--dh-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dh-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.dh-card {\n background: var(--dh-white);\n border-radius: var(--dh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dh-shadow-lg);\n border-color: var(--dh-primary);\n}\n\n.dh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dh-grid-compact .dh-card {\n padding: 1rem;\n}\n\n.dh-grid-compact .dh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dh-grid-compact .dh-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dh-primary), var(--dh-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.dh-timeline-content {\n flex: 1;\n background: var(--dh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dh-radius-sm);\n box-shadow: var(--dh-shadow);\n}\n\n.dh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dh-timeline-content p {\n font-size: 14px;\n color: var(--dh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dh-primary-light);\n border-radius: var(--dh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dh-tip p {\n font-size: 14px;\n color: var(--dh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.dh-accordion {\n background: var(--dh-white);\n border-radius: var(--dh-radius);\n box-shadow: var(--dh-shadow);\n overflow: hidden;\n}\n\n.dh-accordion-item {\n border-bottom: 1px solid var(--dh-border);\n margin: 0;\n padding: 0;\n}\n\n.dh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.dh-accordion-header:hover {\n background: var(--dh-primary-light);\n}\n\n.dh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dh-primary);\n transition: transform .2s ease;\n}\n\n.dh-accordion-item[open] .dh-accordion-header::after {\n content: '−';\n}\n\n.dh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dh-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.dh-cta-box {\n background: linear-gradient(135deg, var(--dh-primary) 0%, var(--dh-primary-dark) 100%);\n border-radius: var(--dh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dh-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dh-disclaimer {\n font-size: 12px;\n color: var(--dh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dh-card {\n padding: 1.125rem;\n }\n\n .dh-section {\n margin-bottom: 1.75rem;\n }\n\n .dh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dh-radius-sm);\n }\n\n .dh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dh-grid-compact {\n gap: .625rem;\n }\n\n .dh-grid-compact .dh-card {\n padding: .75rem;\n }\n\n .dh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dh-timeline-content h3 {\n font-size: 14px;\n }\n\n .dh-timeline-content p {\n font-size: 13px;\n }\n\n .dh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dh-card {\n animation: dhFadeInUp .5s ease backwards;\n }\n .dh-card:nth-child(1) { animation-delay: .05s; }\n .dh-card:nth-child(2) { animation-delay: .1s; }\n .dh-card:nth-child(3) { animation-delay: .15s; }\n .dh-card:nth-child(4) { animation-delay: .2s; }\n .dh-card:nth-child(5) { animation-delay: .25s; }\n .dh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dhFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755433386141,"sku":"NBAILTL0023","price":49.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-dermoline-hydric-puissant-anti-rides-bio-30ml-lt-labo_ambiance-min.jpg?v=1756667625"},{"product_id":"creme-de-lapicultrice-anti-age-bio-30-ml-ballot-flurin","title":"Crème de l'Apicultrice Anti-Âge Bio - 30 ml - Ballot-Flurin","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème de l'Apicultrice Anti-Âge Bio - Ballot-Flurin\nPalette détectée:\n - Primaire: #C4A265 (doré miel\/ruche du logo)\n - Secondaire: #B8363E (rouge du bandeau \"ANTI-ÂGE\")\n - Accent: #D4A574 (tons chauds cuivrés de l'illustration)\n - Fond: #FDF8F3 (crème ivoire, ton packaging épuré)\nAmbiance: Naturel\/bio premium, apiculture traditionnelle française, cosmétique artisanale, féminin et raffiné, touches dorées luxueuses\nPréfixe CSS: apic\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir cette crème anti-âge bio ?\"\n 2. \"Les trésors de la ruche au service de votre beauté\"\n 3. \"Composition complète certifiée bio\"\n 4. \"Comment appliquer cette crème de jour anti-rides ?\"\n 5. \"Pour qui est faite cette crème anti-âge ?\"\n 6. \"L'engagement Ballot-Flurin : une apiculture respectueuse\"\n 7. \"Questions fréquentes sur cette crème anti-âge bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"apic-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"apic-hero\"\u003e\n \u003cdiv class=\"apic-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"apic-hero-content\"\u003e\n \u003cdiv class=\"apic-badges-top\"\u003e\n \u003cspan class=\"apic-badge\"\u003e🐝 Gelée royale française bio\u003c\/span\u003e\n \u003cspan class=\"apic-badge\"\u003e🛡️ 97% anti-pollution\u003c\/span\u003e\n \u003cspan class=\"apic-badge\"\u003e🌿 99,6% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"apic-hero-title\"\u003eCrème de l'Apicultrice Anti-Âge Bio\u003c\/span\u003e\n \u003cp class=\"apic-subtitle\"\u003eLe secret de beauté ancestral des apicultrices des Pyrénées\u003c\/p\u003e\n \u003cp class=\"apic-description\"\u003eEnrichie en gelée royale française bio et en élixir de venin d'abeille, cette crème régénérante d'exception lisse, repulpe et protège votre peau des agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"apic-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème anti-âge bio ?\u003c\/h2\u003e\n \u003cp class=\"apic-section-intro\"\u003eUne approche unique combinant des actifs apicoles rares issus d'une apiculture douce et locale des Pyrénées. Bien plus qu'une simple hydratation : une action anti-âge complète.\u003c\/p\u003e\n \u003cdiv class=\"apic-grid\"\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e✨ Effet lissant visible\u003c\/h3\u003e\n \u003cp\u003eLes ridules et rides d'expression s'estompent progressivement pour une peau visiblement plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🍑 Action repulpante\u003c\/h3\u003e\n \u003cp\u003eLa peau retrouve fermeté et rebond naturel grâce aux actifs régénérants de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🛡️ Protection 97% anti-pollution\u003c\/h3\u003e\n \u003cp\u003eUn véritable bouclier contre les agressions environnementales du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🔄 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eStimule le renouvellement naturel de la peau pour un teint éclatant et unifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-tip\"\u003e\n \u003cp\u003e💡 Que vous souhaitiez prévenir les premiers signes de l'âge ou atténuer des rides déjà installées, cette crème s'adapte à tous les besoins grâce à sa formule ultra-concentrée en actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"apic-section\"\u003e\n \u003ch2\u003eLes trésors de la ruche au service de votre beauté\u003c\/h2\u003e\n \u003cp class=\"apic-section-intro\"\u003eBallot-Flurin, pionnier de l'apiculture bio depuis plus de 30 ans, a développé cette formule en s'inspirant des secrets de beauté ancestraux des apicultrices.\u003c\/p\u003e\n \u003cdiv class=\"apic-grid\"\u003e\n \u003cdiv class=\"apic-card apic-card-highlight\"\u003e\n \u003ch3\u003e👑 Gelée royale française bio\u003c\/h3\u003e\n \u003cp\u003eVéritable \u003cem\u003eélixir de jeunesse\u003c\/em\u003e, riche en acides aminés, vitamines et oligo-éléments. Stimule la production de collagène et d'élastine pour maintenir la fermeté cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card apic-card-highlight\"\u003e\n \u003ch3\u003e💎 Élixir de venin d'abeille\u003c\/h3\u003e\n \u003cp\u003eSurnommé le \"botox naturel\", cet actif innovant stimule la microcirculation et le renouvellement cellulaire. Résultat : une peau plus tonique et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card apic-card-highlight\"\u003e\n \u003ch3\u003e🌸 Propolis blanche des Pyrénées\u003c\/h3\u003e\n \u003cp\u003eConcentrée à 45,4%, elle agit comme un puissant antioxydant qui protège du stress oxydatif, l'une des causes principales du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"apic-section\"\u003e\n \u003ch2\u003eComposition complète certifiée bio\u003c\/h2\u003e\n \u003cp class=\"apic-section-intro\"\u003eFormulée avec 99,60% d'ingrédients d'origine naturelle dont 90,93% issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"apic-grid\"\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🛡️ Propolis blanche bio 45,4%\u003c\/h3\u003e\n \u003cp\u003eProtection antioxydante et purifiante exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🍯 Miels bio 10%\u003c\/h3\u003e\n \u003cp\u003eMiels de forêt et de lavande pour une hydratation intense et apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e👑 Gelée royale FR 0,3%\u003c\/h3\u003e\n \u003cp\u003eAction raffermissante et régénérante d'origine française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e✨ Élixir de venin\u003c\/h3\u003e\n \u003cp\u003eEffet tenseur naturel sans cruauté envers les abeilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eNutrition et souplesse pour une peau veloutée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🌿 Algue chlorelle bio\u003c\/h3\u003e\n \u003cp\u003eBouclier anti-pollution à 97% d'efficacité prouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🌳 Bourgeons de hêtre\u003c\/h3\u003e\n \u003cp\u003eAméliore l'oxygénation cellulaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003eEau pure de la Roche-des-Aigles pour une hydratation apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-clean-label\"\u003e\n \u003cp\u003e🚫 Sans parabènes • Sans silicones • Sans huiles minérales • Sans parfum de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"apic-section\"\u003e\n \u003ch2\u003eComment appliquer cette crème de jour anti-rides ?\u003c\/h2\u003e\n \u003cdiv class=\"apic-timeline\"\u003e\n \u003cdiv class=\"apic-timeline-item\"\u003e\n \u003cdiv class=\"apic-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"apic-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n \u003cp\u003eSur peau propre et tonifiée, prélevez une noisette de crème. Réchauffez-la entre vos doigts quelques secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-timeline-item\"\u003e\n \u003cdiv class=\"apic-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"apic-timeline-content\"\u003e\n \u003ch3\u003e⬆️ Application ascendante\u003c\/h3\u003e\n \u003cp\u003eAppliquez en mouvements ascendants sur le visage, le cou et le décolleté. Insistez délicatement sur le contour des yeux, sillon nasogénien et front.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-timeline-item\"\u003e\n \u003cdiv class=\"apic-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"apic-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n \u003cp\u003eAprès démaquillage, renouvelez l'application. Profitez-en pour un léger massage facial qui stimule la circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-timeline-item\"\u003e\n \u003cdiv class=\"apic-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"apic-timeline-content\"\u003e\n \u003ch3\u003e😴 Action nocturne\u003c\/h3\u003e\n \u003cp\u003eLa peau se régénère pendant la nuit : les actifs agissent en profondeur pour un réveil éclatant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-tip\"\u003e\n \u003cspan class=\"apic-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eSa texture légère et non grasse pénètre instantanément sans laisser de film. Vous pouvez appliquer votre maquillage immédiatement après.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"apic-section\"\u003e\n \u003ch2\u003ePour qui est faite cette crème anti-âge ?\u003c\/h2\u003e\n \u003cdiv class=\"apic-grid-compact\"\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🎯 Résultats visibles\u003c\/h3\u003e\n \u003cp\u003ePour celles qui recherchent une crème bio vraiment efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e👩 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eRides, ridules ou perte de fermeté : agit sur tous les signes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🌱 Dès 30-35 ans\u003c\/h3\u003e\n \u003cp\u003eIdéale pour prévenir les premiers signes de l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e💚 Éthique \u0026amp; naturel\u003c\/h3\u003e\n \u003cp\u003ePour les sensibles à l'apiculture respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🏙️ Vie urbaine\u003c\/h3\u003e\n \u003cp\u003eProtection anti-pollution indispensable en ville.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule douce adaptée à tous les types de peaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"apic-section\"\u003e\n \u003ch2\u003eL'engagement Ballot-Flurin : une apiculture respectueuse\u003c\/h2\u003e\n \u003cdiv class=\"apic-testimonial\"\u003e\n \u003cp class=\"apic-testimonial-text\"\u003e\"En choisissant ce soin, vous soutenez une démarche unique en France. Ballot-Flurin pratique une apiculture douce, solidaire et locale dans les Hautes-Pyrénées depuis 1982. Les abeilles ne sont jamais stressées ni maltraitées : le venin est récolté sans blesser les ouvrières grâce à une méthode brevetée. Chaque tube de 30 ml est fabriqué artisanalement à Cauterets, au cœur du Parc National des Pyrénées.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-grid-compact\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🐝 Apiculture douce\u003c\/h3\u003e\n \u003cp\u003eRespect total des abeilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e🏔️ Pyrénées françaises\u003c\/h3\u003e\n \u003cp\u003eFabrication à Cauterets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e📜 Depuis 1982\u003c\/h3\u003e\n \u003cp\u003ePlus de 40 ans d'expertise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"apic-card\"\u003e\n \u003ch3\u003e✅ 100% traçable\u003c\/h3\u003e\n \u003cp\u003eQualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"apic-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur cette crème anti-âge bio\u003c\/h2\u003e\n \u003cdiv class=\"apic-accordion\"\u003e\n \u003cdetails class=\"apic-accordion-item\"\u003e\n \u003csummary class=\"apic-accordion-header\"\u003e🌸 Cette crème convient-elle aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"apic-accordion-content\"\u003e\n \u003cp\u003eOui, sa formule douce et naturelle est parfaitement tolérée par les peaux sensibles. Cependant, si vous êtes allergique aux produits de la ruche, effectuez un test au préalable dans le pli du coude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"apic-accordion-item\"\u003e\n \u003csummary class=\"apic-accordion-header\"\u003e📅 À partir de quel âge peut-on l'utiliser ?\u003c\/summary\u003e\n \u003cdiv class=\"apic-accordion-content\"\u003e\n \u003cp\u003eDès 30 ans en prévention, ou à tout âge si vous constatez des signes de vieillissement cutané. Elle s'adapte à tous les stades du vieillissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"apic-accordion-item\"\u003e\n \u003csummary class=\"apic-accordion-header\"\u003e👁️ Peut-on l'utiliser autour des yeux ?\u003c\/summary\u003e\n \u003cdiv class=\"apic-accordion-content\"\u003e\n \u003cp\u003eOui, vous pouvez l'appliquer délicatement sur le contour des yeux en tapotant légèrement du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"apic-accordion-item\"\u003e\n \u003csummary class=\"apic-accordion-header\"\u003e⏱️ Combien de temps dure un tube ?\u003c\/summary\u003e\n \u003cdiv class=\"apic-accordion-content\"\u003e\n \u003cp\u003eUtilisé matin et soir, un tube de 30 ml dure environ 6 à 8 semaines selon la quantité appliquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"apic-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"apic-cta-box\"\u003e\n \u003cp\u003e🐝 Offrez à votre peau le meilleur des trésors de la ruche : une crème anti-âge bio d'exception, fabriquée artisanalement au cœur des Pyrénées françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"apic-disclaimer\"\u003eCe produit cosmétique ne remplace pas un suivi dermatologique. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --apic-cream: #FDF8F3;\n --apic-white: #ffffff;\n --apic-primary: #C4A265;\n --apic-primary-dark: #9A7B3C;\n --apic-primary-light: #F9F3E8;\n --apic-secondary: #B8363E;\n --apic-accent: #D4A574;\n --apic-text: #1a1a1a;\n --apic-text-light: #5a5a5a;\n --apic-border: #e8e0d5;\n --apic-shadow: 0 4px 24px rgba(150,120,80,.1);\n --apic-shadow-lg: 0 12px 48px rgba(150,120,80,.18);\n --apic-radius: 20px;\n --apic-radius-sm: 12px;\n}\n\n.apic-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--apic-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.apic-hero {\n position: relative;\n background: linear-gradient(135deg, #C4A265 0%, #D4A574 40%, #B8363E 100%);\n border-radius: var(--apic-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--apic-shadow-lg);\n}\n\n.apic-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L52 17.5 L52 42.5 L30 55 L8 42.5 L8 17.5 Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .08;\n}\n\n.apic-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.apic-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.apic-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--apic-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.apic-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.apic-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.apic-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.apic-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.apic-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.apic-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--apic-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.apic-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--apic-primary), var(--apic-secondary));\n border-radius: 2px;\n}\n\n.apic-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--apic-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.apic-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.apic-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.apic-grid-compact .apic-card {\n padding: 1rem;\n}\n\n.apic-grid-compact .apic-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.apic-grid-compact .apic-card p {\n font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.apic-card {\n background: var(--apic-white);\n border-radius: var(--apic-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--apic-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.apic-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--apic-shadow-lg);\n border-color: var(--apic-primary);\n}\n\n.apic-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--apic-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.apic-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--apic-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.apic-card-highlight {\n border-left: 4px solid var(--apic-primary);\n text-align: left;\n}\n\n.apic-card-highlight:hover {\n border-left-color: var(--apic-secondary);\n}\n\n\/* === TIMELINE === *\/\n.apic-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.apic-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.apic-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--apic-primary), var(--apic-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.apic-timeline-content {\n flex: 1;\n background: var(--apic-white);\n padding: 1rem 1.25rem;\n border-radius: var(--apic-radius-sm);\n box-shadow: var(--apic-shadow);\n}\n\n.apic-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--apic-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.apic-timeline-content p {\n font-size: 14px;\n color: var(--apic-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.apic-testimonial {\n background: var(--apic-white);\n border-radius: var(--apic-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--apic-shadow);\n border-left: 4px solid var(--apic-primary);\n}\n\n.apic-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--apic-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.apic-accordion {\n background: var(--apic-white);\n border-radius: var(--apic-radius);\n box-shadow: var(--apic-shadow);\n overflow: hidden;\n}\n\n.apic-accordion-item {\n border-bottom: 1px solid var(--apic-border);\n margin: 0;\n padding: 0;\n}\n\n.apic-accordion-item:last-child {\n border-bottom: none;\n}\n\n.apic-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--apic-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.apic-accordion-header:hover {\n background: var(--apic-primary-light);\n}\n\n.apic-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.apic-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--apic-primary);\n transition: transform .2s ease;\n}\n\n.apic-accordion-item[open] .apic-accordion-header::after {\n content: '−';\n}\n\n.apic-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--apic-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.apic-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.apic-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--apic-primary-light);\n border-radius: var(--apic-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.apic-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.apic-tip p {\n font-size: 14px;\n color: var(--apic-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CLEAN LABEL === *\/\n.apic-clean-label {\n background: linear-gradient(135deg, var(--apic-primary-light), #fff);\n border-radius: var(--apic-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n margin-top: 1.5rem;\n border: 2px dashed var(--apic-primary);\n}\n\n.apic-clean-label p {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--apic-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.apic-cta-box {\n background: linear-gradient(135deg, var(--apic-primary) 0%, var(--apic-primary-dark) 100%);\n border-radius: var(--apic-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.apic-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.apic-disclaimer {\n font-size: 12px;\n color: var(--apic-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .apic-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .apic-card {\n padding: 1.125rem;\n }\n \n .apic-card-highlight {\n text-align: center;\n border-left: none;\n border-top: 4px solid var(--apic-primary);\n }\n \n .apic-section {\n margin-bottom: 1.75rem;\n }\n \n .apic-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--apic-radius-sm);\n }\n \n .apic-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .apic-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .apic-grid-compact {\n gap: .625rem;\n }\n \n .apic-grid-compact .apic-card {\n padding: .75rem;\n }\n \n .apic-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .apic-timeline-content {\n padding: .875rem 1rem;\n }\n \n .apic-timeline-content h3 {\n font-size: 14px;\n }\n \n .apic-timeline-content p {\n font-size: 13px;\n }\n \n .apic-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .apic-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .apic-testimonial {\n padding: 1.25rem;\n }\n \n .apic-testimonial-text {\n font-size: 14px;\n }\n \n .apic-tip {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .apic-card {\n animation: fadeInUp .5s ease backwards;\n }\n .apic-card:nth-child(1) { animation-delay: .05s; }\n .apic-card:nth-child(2) { animation-delay: .1s; }\n .apic-card:nth-child(3) { animation-delay: .15s; }\n .apic-card:nth-child(4) { animation-delay: .2s; }\n .apic-card:nth-child(5) { animation-delay: .25s; }\n .apic-card:nth-child(6) { animation-delay: .3s; }\n .apic-card:nth-child(7) { animation-delay: .35s; }\n .apic-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .apic-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BALLOT-FLURIN","offers":[{"title":"Default Title","offer_id":45755434172573,"sku":"BF0062","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-de-lapicultrice-anti-age-bio-30-ml-ballot-flurin-lifestyle.webp?v=1769678583"},{"product_id":"huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml","title":"Huile de sésame - Adoucissant Nourrissant - Arc en Sels - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame - Arc en Sels\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du logo et textes)\n - Secondaire: #d4af37 (doré\/miel de l'huile de sésame)\n - Accent: #c9b896 (beige doré des graines de sésame)\n - Background: #f8f6f2 (crème clair élégant)\nAmbiance: Élégante, naturelle, orientale\/ayurvédique, premium, féminine raffinée\nPréfixe CSS: ses\n--\u003e\n\n\u003cdiv class=\"ses-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ses-hero\"\u003e\n \u003cdiv class=\"ses-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ses-hero-content\"\u003e\n \u003cdiv class=\"ses-badges-top\"\u003e\n \u003cspan class=\"ses-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e✨ Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-hero-title\"\u003eHuile de Sésame\u003c\/span\u003e\n \u003cp class=\"ses-subtitle\"\u003eAdoucissant \u0026amp; nourrissant\u003c\/p\u003e\n \u003cp class=\"ses-description\"\u003eUn trésor ancestral ayurvédique pour nourrir, protéger et sublimer votre peau et vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure la souplesse et l'élasticité de la peau en profondeur, pour un toucher soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E et la sésamoline luttent activement contre le vieillissement cutané et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌟 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eIdéale pour massages ayurvédiques, soins du visage, du corps et des cheveux. Un soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💚 Éthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eIssue d'une coopérative féminine, certifiée biologique et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌸 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e😊 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2-3 gouttes en soin hydratant quotidien, matin ou soir, sur peau propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement après la douche pour une peau soyeuse et nourrie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en finition pour lisser et nourrir les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid-compact\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌷 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💆 Adeptes massage\u003c\/h3\u003e\n \u003cp\u003eGlisse parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌱 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"ses-composition-box\"\u003e\n \u003cdiv class=\"ses-ingredient-main\"\u003e\n \u003cspan class=\"ses-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"ses-ingredient-info\"\u003e\n \u003ch3\u003eSesamum indicum*\u003c\/h3\u003e\n \u003cp\u003eHuile vierge bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-composition-details\"\u003e\n \u003cspan\u003e✓ Parfum naturel\u003c\/span\u003e\n \u003cspan\u003e✓ Vitamine E\u003c\/span\u003e\n \u003cspan\u003e✓ Sésamoline\u003c\/span\u003e\n \u003cspan\u003e✓ Antioxydants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ses-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ses-accordion\"\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e📦 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eFlacon roll-on pratique de 50ml. Format voyage idéal, permet environ 2 mois d'utilisation quotidienne pour le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Se conserve 12 mois après ouverture. L'huile peut légèrement se figer par temps froid, c'est normal et n'altère pas ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas d'allergie aux graines de sésame, effectuer un test dans le pli du coude 24h avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eHuile produite par une coopérative féminine, selon les méthodes traditionnelles de première pression à froid, garantissant la préservation de tous les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ses-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ses-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le secret de beauté millénaire ayurvédique.\u003cbr\u003eUne huile précieuse, éthique et 100% naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ses-cream: #f8f6f2;\n --ses-white: #ffffff;\n --ses-primary: #1e3a5f;\n --ses-primary-dark: #152a45;\n --ses-primary-light: #e8eef4;\n --ses-secondary: #d4af37;\n --ses-accent: #c9b896;\n\n \/* Textes *\/\n --ses-text: #1a1a1a;\n --ses-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ses-border: #e0e0e0;\n --ses-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ses-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ses-radius: 20px;\n --ses-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ses-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ses-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ses-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ses-primary) 0%, #2a4a6f 50%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ses-shadow-lg);\n}\n\n.ses-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.ses-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ses-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ses-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ses-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ses-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(212,175,55,.3);\n}\n\n.ses-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ses-subtitle {\n color: var(--ses-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.ses-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ses-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ses-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ses-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ses-primary), var(--ses-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ses-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ses-card {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ses-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ses-shadow-lg);\n border-color: var(--ses-secondary);\n}\n\n.ses-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ses-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ses-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ses-card-usage {\n background: linear-gradient(135deg, var(--ses-white) 0%, var(--ses-primary-light) 100%);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ses-grid-compact .ses-card {\n padding: 1rem;\n}\n\n.ses-grid-compact .ses-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ses-grid-compact .ses-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ses-composition-box {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid var(--ses-secondary);\n}\n\n.ses-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid var(--ses-border);\n margin-bottom: 1.25rem;\n}\n\n.ses-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.ses-ingredient-info {\n flex: 1;\n}\n\n.ses-ingredient-info h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.ses-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ses-text-light);\n margin: 0;\n}\n\n.ses-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-secondary);\n flex-shrink: 0;\n}\n\n.ses-composition-details {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin-bottom: 1rem;\n}\n\n.ses-composition-details span {\n background: var(--ses-primary-light);\n color: var(--ses-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.ses-composition-note {\n text-align: center;\n font-size: 12px;\n color: var(--ses-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ses-accordion {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n box-shadow: var(--ses-shadow);\n overflow: hidden;\n}\n\n.ses-accordion-item {\n border-bottom: 1px solid var(--ses-border);\n margin: 0;\n padding: 0;\n}\n\n.ses-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ses-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ses-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ses-accordion-header:hover {\n background: var(--ses-primary-light);\n}\n\n.ses-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ses-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ses-secondary);\n transition: transform .2s ease;\n}\n\n.ses-accordion-item[open] .ses-accordion-header::after {\n content: '−';\n}\n\n.ses-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ses-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ses-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ses-cta-box {\n background: linear-gradient(135deg, var(--ses-primary) 0%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ses-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(212,175,55,.2) 50%, transparent 70%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n.ses-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ses-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ses-card {\n padding: 1.125rem;\n }\n \n .ses-section {\n margin-bottom: 1.75rem;\n }\n \n .ses-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ses-radius-sm);\n }\n \n .ses-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ses-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ses-badges-top {\n gap: 8px;\n }\n \n .ses-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n \/* Grille compacte : 2 colonnes serrées *\/\n .ses-grid-compact {\n gap: .625rem;\n }\n \n .ses-grid-compact .ses-card {\n padding: .75rem;\n }\n \n \/* Composition box mobile *\/\n .ses-composition-box {\n padding: 1.25rem;\n }\n \n .ses-ingredient-main {\n flex-wrap: wrap;\n justify-content: center;\n text-align: center;\n }\n \n .ses-ingredient-icon {\n font-size: 2rem;\n }\n \n .ses-ingredient-info {\n width: 100%;\n }\n \n .ses-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n \n \/* Accordéon mobile *\/\n .ses-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ses-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ses-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ses-card:nth-child(1) { animation-delay: .05s; }\n .ses-card:nth-child(2) { animation-delay: .1s; }\n .ses-card:nth-child(3) { animation-delay: .15s; }\n .ses-card:nth-child(4) { animation-delay: .2s; }\n .ses-card:nth-child(5) { animation-delay: .25s; }\n .ses-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ses-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .ses-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45912864161949,"sku":"HUILESESAMARCENSELS","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml-lifestyle.webp?v=1768500683"},{"product_id":"huile-de-nigelle-purifiante-50ml-comptoir-des-huiles","title":"Huile de Nigelle Bio - Purifiante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"ng-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ng-hero\"\u003e\n \u003cdiv class=\"ng-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ng-hero-content\"\u003e\n \u003cdiv class=\"ng-badges-top\"\u003e\n \u003cspan class=\"ng-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🧴 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ng-hero-title\"\u003eHuile de Nigelle Bio Purifiante\u003c\/span\u003e\n \u003cp class=\"ng-subtitle\"\u003eLe trésor ancestral des peaux à problèmes — visage \u0026amp; corps\u003c\/p\u003e\n \u003cp class=\"ng-description\"\u003e50 ml d'huile vierge de cumin noir, 100 % pure et naturelle, pour purifier, apaiser et régénérer votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eHuile de Nigelle Bio : le soin purifiant pour les peaux à problèmes\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eVous cherchez une huile de nigelle bio capable de purifier votre peau en profondeur, sans l'agresser ?\u003c\/p\u003e\n \u003cdiv class=\"ng-testimonial\"\u003e\n \u003cp class=\"ng-testimonial-text\"\u003eL'Huile de Nigelle Purifiante de Comptoir des Huiles est un trésor de la nature, obtenu par première pression à froid de graines de cumin noir issues de l'agriculture biologique. Formulée à 100 % d'ingrédients naturels et bio, elle s'adresse tout particulièrement aux peaux mixtes, grasses ou sujettes aux imperfections, aussi bien sur le visage que sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003ePourquoi utiliser une huile de nigelle sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eRiche en thymoquinone, en acides gras essentiels (oméga-6 et oméga-9) et en vitamine E, elle offre une action multiple sur les peaux à problèmes.\u003c\/p\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🧹 Purification en profondeur\u003c\/h3\u003e\n \u003cp\u003eSes vertus antibactériennes aident à réduire les points noirs, les boutons et les excès de sébum, pour une peau visiblement plus nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés anti-inflammatoires, l'huile de nigelle calme les rougeurs, les sensibilités et les inconforts liés à l'acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Hydratation non comédogène\u003c\/h3\u003e\n \u003cp\u003eElle nourrit sans obstruer les pores ni laisser de film gras, un atout rare pour les peaux à tendance grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e✨ Régénération cutanée\u003c\/h3\u003e\n \u003cp\u003eSes antioxydants contribuent à estomper les marques et cicatrices, tout en favorisant le renouvellement naturel des cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eL'huile de nigelle pour les cheveux : un allié souvent méconnu\u003c\/h2\u003e\n \u003cp class=\"ng-section-intro\"\u003eAu-delà du visage, l'huile de nigelle est un véritable soin revitalisant pour votre cuir chevelu et vos longueurs.\u003c\/p\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🧖 Cuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et aide à lutter contre les pellicules grâce à son action antibactérienne et anti-inflammatoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💪 Fibre capillaire renforcée\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire en profondeur et limite la chute de cheveux pour une chevelure plus dense et résistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💎 Brillance et souplesse\u003c\/h3\u003e\n \u003cp\u003eRedonne brillance et souplesse aux cheveux ternes ou fragilisés dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-tip\"\u003e\n \u003cspan class=\"ng-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eMassez quelques gouttes sur le cuir chevelu, laissez poser 20 à 30 minutes, puis procédez à votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile bio de nigelle au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-timeline\"\u003e\n \u003cdiv class=\"ng-timeline-item\"\u003e\n \u003cdiv class=\"ng-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur le visage propre et sec, matin et\/ou soir. Massez délicatement en mouvements circulaires jusqu'à pénétration complète. Vous pouvez l'utiliser seule ou mélangée à votre crème hydratante habituelle pour moduler son intensité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-item\"\u003e\n \u003cdiv class=\"ng-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ng-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez localement les zones sujettes aux imperfections, aux irritations ou aux démangeaisons. Elle convient parfaitement après l'épilation pour apaiser la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid-compact\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003eNigella Sativa Seed Oil* — *Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🧪 Pureté\u003c\/h3\u003e\n \u003cp\u003e100 % pure, vierge, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs ni parfum de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🫙 Flacon\u003c\/h3\u003e\n \u003cp\u003eVerre ambré 50 ml avec compte-gouttes précis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de nigelle Comptoir des Huiles\u003c\/h2\u003e\n \u003cdiv class=\"ng-accordion\"\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🌾 Sourcing biologique d'excellence\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eComptoir des Huiles sélectionne des graines de nigelle cultivées dans le respect de l'environnement et certifiées biologiques. L'extraction par première pression à froid préserve l'intégralité des actifs pour une huile d'une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🫙 Protection optimale du flacon\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eLe flacon en verre ambré protège l'huile de l'oxydation et garantit sa fraîcheur dans le temps. Le compte-gouttes intégré permet un dosage précis à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème de peau persistant, consultez un professionnel de santé. Effectuez un test dans le pli du coude 24 heures avant la première utilisation pour écarter tout risque d'allergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le pouvoir purifiant de la nigelle bio — 100 % naturelle, 100 % efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ng-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ng-cream: #f7f4f0;\n --ng-white: #ffffff;\n --ng-primary: #7b82b8;\n --ng-primary-dark: #4a4f7a;\n --ng-primary-light: #edeef6;\n --ng-secondary: #c9945a;\n --ng-accent: #a67c52;\n --ng-text: #1a1a1a;\n --ng-text-light: #5a5a5a;\n --ng-border: #e0ddd8;\n --ng-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ng-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ng-radius: 20px;\n --ng-radius-sm: 12px;\n}\n\n.ng-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ng-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ng-hero {\n position: relative;\n background: linear-gradient(135deg, #4a4f7a 0%, #7b82b8 45%, #c9945a 100%);\n border-radius: var(--ng-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ng-shadow-lg);\n}\n\n.ng-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ng-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ng-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ng-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ng-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ng-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.ng-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ng-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ng-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ng-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ng-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ng-primary), var(--ng-secondary));\n border-radius: 2px;\n}\n\n.ng-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.ng-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ng-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ng-shadow-lg);\n border-color: var(--ng-primary);\n}\n\n.ng-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ng-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ng-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ng-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ng-grid-compact .ng-card {\n padding: 1rem;\n}\n\n.ng-grid-compact .ng-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ng-grid-compact .ng-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ng-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ng-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ng-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ng-primary), var(--ng-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ng-timeline-content {\n flex: 1;\n background: var(--ng-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ng-radius-sm);\n box-shadow: var(--ng-shadow);\n}\n\n.ng-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ng-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ng-timeline-content p {\n font-size: 14px;\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ng-testimonial {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ng-shadow);\n border-left: 4px solid var(--ng-primary);\n}\n\n.ng-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ng-accordion {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n box-shadow: var(--ng-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.ng-accordion-item {\n border-bottom: 1px solid var(--ng-border);\n margin: 0;\n padding: 0;\n}\n\n.ng-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ng-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ng-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ng-accordion-header:hover {\n background: var(--ng-primary-light);\n}\n\n.ng-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ng-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ng-primary);\n transition: transform .2s ease;\n}\n\n.ng-accordion-item[open] .ng-accordion-header::after {\n content: '−';\n}\n\n.ng-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ng-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ng-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ng-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ng-primary-light);\n border-radius: var(--ng-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ng-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ng-tip p {\n font-size: 14px;\n color: var(--ng-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ng-cta-box {\n background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 100%);\n border-radius: var(--ng-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ng-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ng-disclaimer {\n font-size: 12px;\n color: var(--ng-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ng-card {\n padding: 1.125rem;\n }\n\n .ng-section {\n margin-bottom: 1.75rem;\n }\n\n .ng-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ng-radius-sm);\n }\n\n .ng-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ng-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ng-grid-compact {\n gap: .625rem;\n }\n\n .ng-grid-compact .ng-card {\n padding: .75rem;\n }\n\n .ng-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ng-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ng-timeline-content h3 {\n font-size: 14px;\n }\n\n .ng-timeline-content p {\n font-size: 13px;\n }\n\n .ng-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ng-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ng-testimonial {\n padding: 1.25rem;\n }\n\n .ng-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ng-card {\n animation: ngFadeInUp .5s ease backwards;\n }\n .ng-card:nth-child(1) { animation-delay: .05s; }\n .ng-card:nth-child(2) { animation-delay: .1s; }\n .ng-card:nth-child(3) { animation-delay: .15s; }\n .ng-card:nth-child(4) { animation-delay: .2s; }\n .ng-card:nth-child(5) { animation-delay: .25s; }\n .ng-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ngFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ng-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481317892473,"sku":"NIGELLECDH","price":10.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-nigelle-bio-purifiante-50ml-comptoir-des-huiles-packshothd.webp?v=1774364997"},{"product_id":"huile-damande-douce-adoucissante-50ml-comptoir-des-huiles","title":"Huile d'Amande douce Bio - Adoucissante - Peau et Cheveux - Comptoir des huiles","description":"\u003cdiv class=\"ad-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ad-hero\"\u003e\n \u003cdiv class=\"ad-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ad-hero-content\"\u003e\n \u003cdiv class=\"ad-badges-top\"\u003e\n \u003cspan class=\"ad-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🫧 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e👶 Convient aux bébés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ad-hero-title\"\u003eHuile d'Amande Douce Bio\u003c\/span\u003e\n \u003cp class=\"ad-subtitle\"\u003eHuile adoucissante · Comptoir des Huiles\u003c\/p\u003e\n \u003cp class=\"ad-description\"\u003eL'alliée douceur de toute la famille : une huile végétale pure et certifiée bio pour nourrir la peau, apaiser les sensibilités et sublimer les cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eL'huile d'amande douce : le soin adoucissant pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eVous cherchez une huile d'amande douce polyvalente, douce et vraiment efficace ? L'Huile d'Amande Douce Adoucissante de Comptoir des Huiles est un incontournable des soins naturels. Certifiée bio et obtenue par première pression à froid, cette huile végétale pure prend soin de votre peau, de votre visage et de vos cheveux au quotidien.\u003c\/p\u003e\n \u003cp class=\"ad-section-intro\"\u003eSon secret : une composition d'une simplicité remarquable, sans aucun additif, pour un résultat que vous sentirez dès la première application.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'amande douce pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eNaturellement riche en acides gras essentiels (oméga 6 et oméga 9) ainsi qu'en vitamines A et E, l'huile d'amande douce offre un soin complet reconnu depuis des siècles.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Nourrit et adoucit en profondeur\u003c\/h3\u003e\n \u003cp\u003eElle pénètre facilement sans laisser de film gras, idéale pour les peaux sèches et déshydratées qui ont besoin de retrouver souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌸 Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, irritations… L'huile d'amande douce calme les inconforts cutanés, y compris sur les peaux les plus fragiles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🛡️ Protège la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eElle renforce le film hydrolipidique naturel de la peau et aide à la protéger des agressions extérieures : froid, vent, pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Revitalise les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque ou en soin sans rinçage, elle redonne brillance, douceur et élasticité aux longueurs sèches et cassantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Convient aux bébés\u003c\/h3\u003e\n \u003cp\u003eUn classique pour hydrater la peau délicate des tout-petits et masser en douceur après le bain. Toute la famille en profite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile d'amande douce bio ?\u003c\/h2\u003e\n \u003cdiv class=\"ad-timeline\"\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 4 gouttes dans le creux de vos mains, puis massez délicatement votre peau propre et sèche, matin ou soir. Elle peut aussi servir de démaquillant naturel : appliquez-la sur un coton pour dissoudre le maquillage en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez généreusement les zones sèches (coudes, genoux, jambes) pour retrouver une peau souple et veloutée. C'est également une huile de massage idéale, seule ou mélangée à quelques gouttes d'huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampooing, appliquez sur les longueurs et les pointes, laissez poser 30 minutes minimum, puis lavez normalement. Pour dompter les frisottis au quotidien, une noisette sur les pointes sèches suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez quelques gouttes à votre crème hydratante habituelle pour booster son pouvoir nourrissant, ou mélangez avec du miel pour un masque visage maison ultra-doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ad-composition-box\"\u003e\n \u003cdiv class=\"ad-composition-inci\"\u003e\n \u003cspan class=\"ad-composition-label\"\u003eIngrédient (INCI)\u003c\/span\u003e\n \u003cspan class=\"ad-composition-value\"\u003ePrunus Amygdalus Dulcis Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-composition-note\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-section-intro\" style=\"margin-top:1.25rem;\"\u003eC'est tout. Une huile 100 % pure, naturelle et bio, sans parfum, sans conservateur, sans colorant. Obtenue par première pression à froid pour préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucun arôme ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003ePureté totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n \u003cp\u003eCouleur 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eNutriments préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'amande douce Comptoir des Huiles ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSur le marché, les huiles d'amande douce ne se valent pas toutes. Celle de Comptoir des Huiles se distingue par plusieurs engagements concrets :\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌱 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eGarantit l'absence de pesticides et de traitements chimiques pour une huile respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n \u003cp\u003eConserve toutes les propriétés actives de l'amande : vitamines, acides gras essentiels, antioxydants naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧪 Flacon verre ambré + pipette\u003c\/h3\u003e\n \u003cp\u003eFormat 50 ml pour un dosage précis et une conservation optimale à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🤝 Fabrication éthique\u003c\/h3\u003e\n \u003cp\u003eUne production responsable et respectueuse de l'environnement, de la récolte des amandes jusqu'au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-section-intro\" style=\"margin-top:1.25rem;\"\u003eQue vous l'utilisiez pour prendre soin de votre peau, sublimer vos cheveux ou chouchouter la peau de votre bébé, cette huile deviendra vite un essentiel de votre salle de bain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL + DISCLAIMER --\u003e\n \u003csection class=\"ad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ad-cta-box\"\u003e\n \u003cp\u003e🌿 Flacon de 50 ml avec pipette en verre — L'essentiel beauté 100 % naturel et bio pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas d'allergie aux fruits à coque, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ad-cream: #faf8f5;\n --ad-white: #ffffff;\n --ad-primary: #5bab8b;\n --ad-primary-dark: #2e6e54;\n --ad-primary-light: #e8f5ee;\n --ad-secondary: #c8946e;\n --ad-accent: #d4a87c;\n --ad-text: #1a1a1a;\n --ad-text-light: #5a5a5a;\n --ad-border: #e0ddd8;\n --ad-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ad-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ad-radius: 20px;\n --ad-radius-sm: 12px;\n}\n\n.ad-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ad-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ad-hero {\n position: relative;\n background: linear-gradient(135deg, #2e6e54 0%, #5bab8b 50%, #c8946e 100%);\n border-radius: var(--ad-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ad-shadow-lg);\n}\n\n.ad-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(200,148,110,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ad-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ad-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ad-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ad-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ad-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ad-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ad-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ad-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ad-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ad-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ad-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ad-primary), var(--ad-secondary));\n border-radius: 2px;\n}\n\n.ad-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ad-card {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ad-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ad-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ad-shadow-lg);\n border-color: var(--ad-primary);\n}\n\n.ad-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ad-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ad-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ad-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ad-grid-compact .ad-card {\n padding: 1rem;\n}\n\n.ad-grid-compact .ad-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ad-grid-compact .ad-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ad-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ad-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ad-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ad-primary), var(--ad-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ad-timeline-content {\n flex: 1;\n background: var(--ad-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ad-radius-sm);\n box-shadow: var(--ad-shadow);\n}\n\n.ad-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ad-timeline-content p {\n font-size: 14px;\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.ad-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ad-primary-light);\n border-radius: var(--ad-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ad-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ad-tip p {\n font-size: 14px;\n color: var(--ad-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ad-composition-box {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n text-align: center;\n border: 2px solid var(--ad-primary-light);\n}\n\n.ad-composition-inci {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n align-items: center;\n}\n\n.ad-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--ad-primary);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.ad-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--ad-primary-dark);\n font-style: italic;\n}\n\n.ad-composition-note {\n font-size: 13px;\n color: var(--ad-text-light);\n font-style: italic;\n margin: .75rem 0 0 0;\n}\n\n\/* === CTA === *\/\n.ad-cta-box {\n background: linear-gradient(135deg, var(--ad-primary) 0%, var(--ad-primary-dark) 100%);\n border-radius: var(--ad-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ad-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ad-disclaimer {\n font-size: 12px;\n color: var(--ad-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ad-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ad-card {\n padding: 1.125rem;\n }\n\n .ad-section {\n margin-bottom: 1.75rem;\n }\n\n .ad-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ad-radius-sm);\n }\n\n .ad-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ad-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ad-grid-compact {\n gap: .625rem;\n }\n\n .ad-grid-compact .ad-card {\n padding: .75rem;\n }\n\n .ad-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ad-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ad-timeline-content h3 {\n font-size: 14px;\n }\n\n .ad-timeline-content p {\n font-size: 13px;\n }\n\n .ad-testimonial {\n padding: 1.25rem;\n }\n\n .ad-testimonial-text {\n font-size: 14px;\n }\n\n .ad-composition-value {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ad-card {\n animation: adFadeInUp .5s ease backwards;\n }\n .ad-card:nth-child(1) { animation-delay: .05s; }\n .ad-card:nth-child(2) { animation-delay: .1s; }\n .ad-card:nth-child(3) { animation-delay: .15s; }\n .ad-card:nth-child(4) { animation-delay: .2s; }\n .ad-card:nth-child(5) { animation-delay: .25s; }\n .ad-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes adFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ad-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481325691257,"sku":"AMANDEDOUCECDH","price":8.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-damande-douce-bio-adoucissante-peau-et-cheveux-comptoi-packshothd.webp?v=1774439064"},{"product_id":"huile-de-pepin-de-figue-de-barbarie-anti-age-50ml-comptoir-des-huiles","title":"Huile de Pépins de Figue de Barbarie Bio - Anti-âge 30ml - Comptoir des huiles","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e✨ Anti-âge puissant\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🌵 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eHuile de pépins de figue de barbarie bio\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eÉlixir de jouvence - Visage et corps - 30 ml\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eL'huile végétale la plus riche en vitamine E au monde, pour une peau visiblement plus lisse, ferme et lumineuse jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eHuile de pépins de figue de barbarie bio : L'élixir anti-âge par excellence\u003c\/h2\u003e\n \u003cdiv class=\"fb-testimonial\"\u003e\n \u003cp class=\"fb-testimonial-text\"\u003eConsidérée comme la meilleure huile de pépins de figue de barbarie pour le soin de la peau, cette huile précieuse signée Comptoir des Huiles est un véritable trésor de beauté. 100 % naturelle et certifiée biologique, elle concentre une richesse exceptionnelle en vitamine E (environ 1 000 mg\/kg), en oméga-6 (acide linoléique) et en stérols. Ce trio d'actifs en fait l'alliée idéale des peaux en quête de jeunesse, de fermeté et d'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🏆 Vitamine E\u003c\/h3\u003e\n \u003cp\u003e~1 000 mg\/kg — la teneur la plus élevée de toutes les huiles végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e💧 Oméga-6\u003c\/h3\u003e\n \u003cp\u003eAcide linoléique essentiel pour la souplesse et l'élasticité cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Stérols\u003c\/h3\u003e\n \u003cp\u003eProtection et renforcement de la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🌵 Pureté totale\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, 100 % bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de pépins de figue de barbarie\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003ePourquoi cette huile de pépins de figue de barbarie est-elle si convoitée en cosmétique naturelle ? Tout simplement parce que sa composition est exceptionnellement riche et complète.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eSa teneur record en vitamine E neutralise les radicaux libres responsables du vieillissement prématuré. Rides, ridules et perte de fermeté sont visiblement atténuées au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔄 Régénération et réparation\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels stimulent le renouvellement cellulaire. Cicatrices, vergetures et taches brunes s'estompent progressivement, laissant place à un teint plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Hydratation non grasse\u003c\/h3\u003e\n \u003cp\u003eVéritable huile sèche, elle pénètre en quelques secondes sans laisser de film gras. Votre peau reste douce, souple et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💪 Effet raffermissant\u003c\/h3\u003e\n \u003cp\u003eEn soutenant la production naturelle de collagène, elle redonne du tonus aux peaux matures, fatiguées ou relâchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eSes propriétés anti-inflammatoires calment les peaux sensibles, réactives ou sujettes aux rougeurs, aux coups de soleil ou à l'eczéma.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComposition : un seul ingrédient, une pureté totale\u003c\/h2\u003e\n \u003cdiv class=\"fb-card\" style=\"text-align:center; max-width:600px; margin:0 auto;\"\u003e\n \u003ch3\u003e🌿 INCI unique\u003c\/h3\u003e\n \u003cp style=\"font-size:clamp(16px,3vw,20px); font-weight:700; color:var(--fb-primary-dark); margin-bottom:.5rem;\"\u003eOpuntia Ficus-Indica Seed Oil*\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Issue de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003eCette huile bio de pépins de figue de barbarie est obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e, sans aucun solvant ni raffinage. Ce procédé artisanal préserve l'intégralité des nutriments : pas d'additifs, pas de conservateurs, pas de parfum ajouté. Juste la pureté du pépin de figue de barbarie dans sa forme la plus noble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComment utiliser votre huile de figue de barbarie ?\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003ePour profiter pleinement des bienfaits de l'huile de pépins de figue de barbarie, voici nos conseils pratiques :\u003c\/p\u003e\n \u003cdiv class=\"fb-timeline\"\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes sur une peau propre et légèrement humide, matin et\/ou soir. Massez délicatement du centre du visage vers l'extérieur en remontant vers les tempes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eContour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez une goutte du bout de l'annulaire sur le contour de l'œil pour atténuer les ridules et les cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eCou et décolleté\u003c\/h3\u003e\n \u003cp\u003eÉtendez le geste à ces zones souvent oubliées, mais très exposées aux signes de l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eEn synergie\u003c\/h3\u003e\n \u003cp\u003eMélangez quelques gouttes à votre crème de jour ou à votre sérum habituel pour booster leur efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Conservez votre flacon à l'abri de la lumière et de la chaleur pour préserver toutes les qualités de cette huile précieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile de pépins de figue de barbarie biologique ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✅ Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eChaque lot est rigoureusement tracé et certifié bio par Comptoir des Huiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🫙 Flacon premium\u003c\/h3\u003e\n \u003cp\u003eVerre ambré avec pipette pour un dosage précis et une conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun parfum — une pureté totale respectueuse de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🏅 Soin incontournable\u003c\/h3\u003e\n \u003cp\u003eL'anti-âge naturel le plus efficace pour les peaux exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau le soin anti-âge naturel le plus précieux qui existe.\u003cbr\u003eDécouvrez également tous les \u003ca href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/bienfaits-figue-de-barbarie\" title=\"les bienfaits de l'huile de figue de barbarie\" style=\"color:#fff;text-decoration:underline;font-weight:700;\"\u003ebienfaits de la figue de barbarie\u003c\/a\u003e sur notre blog.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #fdf8f5;\n --fb-white: #ffffff;\n --fb-primary: #9b5ba5;\n --fb-primary-dark: #6b3a73;\n --fb-primary-light: #f5eef7;\n --fb-secondary: #c47db5;\n --fb-accent: #d4a574;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8dce8;\n --fb-shadow: 0 4px 24px rgba(107,58,115,.08);\n --fb-shadow-lg: 0 12px 48px rgba(107,58,115,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #6b3a73 0%, #9b5ba5 40%, #c47db5 75%, #d4a574 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(212,165,116,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card-highlight {\n background: var(--fb-primary-light);\n border: 2px solid var(--fb-border);\n}\n\n.fb-card-highlight:hover {\n border-color: var(--fb-primary);\n background: var(--fb-white);\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.fb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n\n .fb-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481328869753,"sku":"FIGUEBARBARIECDH","price":33.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-pepin-de-figue-de-barbarie-bio-anti-age-30ml-comptoir-des-huiles-805401.jpg?v=1741177404"},{"product_id":"masque-richesse-extreme-nutrition-centifolia","title":"Avant-shampoing Masque Ultra-Riche Nutrition 250 ml - Centifolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Avant-shampoing Masque Ultra-Riche Nutrition Centifolia\nPalette détectée:\n - Primaire: #D4881C (orange abricot doré du packaging)\n - Secondaire: #3A2A1A (brun foncé du pot)\n - Accent: #5B8C2A (vert naturel\/bio des feuilles)\nAmbiance: Naturel\/bio, chaleureux, féminin, premium botanique\nPréfixe CSS: cf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Avant-shampoing masque ultra riche : la nutrition intense pour cheveux très secs et frisés\"\n 2. \"Pourquoi choisir un masque avant-shampoing plutôt qu'un soin classique ?\"\n 3. \"Des actifs bio soigneusement sélectionnés\"\n 4. \"Comment utiliser ce masque avant-shampoing ?\"\n 5. \"À qui s'adresse ce soin capillaire ?\"\n 6. \"Les engagements Centifolia\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🍑 59 % d'huiles végétales bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐇 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eAvant-shampoing Masque Ultra-Riche Nutrition\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn masque avant-shampoing bio ultra concentré en huiles végétales pour transformer les cheveux très secs, frisés et abîmés en une chevelure souple, brillante et nourrie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eAvant-shampoing masque ultra riche : la nutrition intense pour cheveux très secs et frisés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux sont rêches, cassants ou impossibles à démêler ? Ce soin capillaire bio a été pensé pour les transformer en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"cf-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eavant-shampoing masque ultra riche Nutrition de Centifolia\u003c\/strong\u003e est enrichi avec \u003cstrong\u003e59 % d'huiles végétales biologiques\u003c\/strong\u003e. Il pénètre au cœur de la fibre capillaire pour la nourrir, la réparer et lui redonner toute sa souplesse. Spécialement formulé pour les \u003cstrong\u003echeveux très secs et frisés\u003c\/strong\u003e, il offre une nutrition intense qui se sent dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir un masque avant-shampoing plutôt qu'un soin classique ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-comparison\"\u003e\n \u003cdiv class=\"cf-comparison-card cf-comparison-classic\"\u003e\n \u003ch3\u003e❌ Masque après-shampoing classique\u003c\/h3\u003e\n \u003cp\u003eS'applique sur cheveux mouillés : les actifs sont \u003cstrong\u003edilués par l'eau\u003c\/strong\u003e et pénètrent moins efficacement la fibre capillaire. Résultat souvent insuffisant sur cheveux très abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-comparison-card cf-comparison-avant\"\u003e\n \u003ch3\u003e✅ Masque avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eS'applique sur \u003cstrong\u003echeveux secs\u003c\/strong\u003e, avant le lavage. Les actifs nourrissants pénètrent \u003cstrong\u003eplus efficacement\u003c\/strong\u003e sans être dilués. Le shampooing élimine ensuite l'excédent, laissant les cheveux \u003cstrong\u003enourris mais légers\u003c\/strong\u003e, sans effet gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est la méthode idéale pour les cheveux très abîmés qui ont besoin d'une \u003cstrong\u003eréparation intensive\u003c\/strong\u003e sans alourdissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs bio soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLa formule de ce masque nutrition Centifolia repose sur des ingrédients naturels aux vertus reconnues.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍑 Huile d'abricot biologique\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras et en vitamines A et E, elle nourrit intensément les cheveux desséchés et leur apporte brillance et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌴 Actif de buriti bio\u003c\/h3\u003e\n \u003cp\u003eConcentré en caroténoïdes et antioxydants, il protège la fibre capillaire contre les agressions extérieures et les rayons UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 59 % d'huiles végétales bio\u003c\/h3\u003e\n \u003cp\u003eUn cocktail nourrissant qui enveloppe chaque mèche pour restaurer l'élasticité et réduire les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-certif-bar\"\u003e\n \u003cspan class=\"cf-certif-item\"\u003e🌱 99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e🐇 Formule vegan\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ Certifié COSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce masque avant-shampoing ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe soin multi-usages s'adapte à votre routine et à vos besoins.\u003c\/p\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eEn masque avant-shampoing express\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur cheveux secs, mèche par mèche. Laissez poser \u003cstrong\u003e5 à 10 minutes\u003c\/strong\u003e, puis procédez à votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eEn soin de nuit\u003c\/h3\u003e\n \u003cp\u003ePour une nutrition maximale, appliquez le masque le soir, enveloppez vos cheveux dans une serviette ou un bonnet en satin, et lavez le lendemain matin. Idéal pour les cheveux très fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eEn soin sans rinçage sur les pointes\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de produit et appliquez-la uniquement sur les longueurs et pointes sèches pour les protéger au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003ePour des résultats optimaux, associez ce masque au \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/shampooing-creme-cheveux-secs-200ml-centifolia\" target=\"_blank\" title=\"Shampoing Crème Nutrition Cheveux Secs - 200ml - Centifolia\" rel=\"noopener\"\u003eshampoing crème nutrition Centifolia\u003c\/a\u003e, spécialement formulé pour prolonger les bienfaits du soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin capillaire ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌀 Cheveux très secs\u003c\/h3\u003e\n \u003cp\u003eAbîmés ou dévitalisés par le quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💫 Frisés, bouclés, crépus\u003c\/h3\u003e\n \u003cp\u003eEn manque de nutrition et de définition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎨 Colorés ou fragilisés\u003c\/h3\u003e\n \u003cp\u003ePar les traitements chimiques répétés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle aux masques conventionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes engagements Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié par Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐇 Vegan\u003c\/h3\u003e\n \u003cp\u003eSans ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePot 100 % recyclé et recyclable, formule biodégradable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🍑 \u003cstrong\u003e250 ml\u003c\/strong\u003e de nutrition intense — Offrez à vos cheveux le soin qu'ils méritent avec le masque ultra riche Centifolia\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit est un soin cosmétique et ne saurait remplacer un diagnostic ou un traitement dermatologique. En cas de problème capillaire persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #FFF8F0;\n --cf-white: #ffffff;\n --cf-primary: #D4881C;\n --cf-primary-dark: #3A2A1A;\n --cf-primary-light: #FFF0DC;\n --cf-secondary: #5B8C2A;\n --cf-accent: #E8A840;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e8ddd0;\n --cf-shadow: 0 4px 24px rgba(58,42,26,.08);\n --cf-shadow-lg: 0 12px 48px rgba(58,42,26,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cf-primary-dark) 0%, #5C3D1E 40%, var(--cf-primary) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212,136,28,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,168,64,.2) 0%, transparent 50%),\n radial-gradient(circle at 60% 60%, rgba(91,140,42,.15) 0%, transparent 40%);\n opacity: .6;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: var(--cf-accent);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cf-highlight-box {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 5px solid var(--cf-primary);\n}\n\n.cf-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cf-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.cf-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.cf-comparison-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border-top: 4px solid transparent;\n transition: all .3s ease;\n}\n\n.cf-comparison-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-comparison-classic {\n border-top-color: #ccc;\n}\n\n.cf-comparison-classic h3 {\n color: #999;\n}\n\n.cf-comparison-avant {\n border-top-color: var(--cf-secondary);\n}\n\n.cf-comparison-avant h3 {\n color: var(--cf-secondary);\n}\n\n.cf-comparison-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n margin: 0 0 .75rem 0;\n line-height: 1.3;\n}\n\n.cf-comparison-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CERTIF BAR === *\/\n.cf-certif-bar {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n}\n\n.cf-certif-item {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--cf-primary-light), #fff);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n border: 1px solid var(--cf-border);\n transition: all .3s ease;\n}\n\n.cf-certif-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 16px rgba(212,136,28,.15);\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(212,136,28,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n transition: all .3s ease;\n}\n\n.cf-timeline-content:hover {\n transform: translateX(4px);\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-tip a {\n color: var(--cf-primary);\n font-weight: 700;\n text-decoration: underline;\n text-decoration-color: var(--cf-accent);\n text-underline-offset: 3px;\n transition: color .2s ease;\n}\n\n.cf-tip a:hover {\n color: var(--cf-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.08) 0%, transparent 50%);\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-highlight-box {\n padding: 1.25rem;\n }\n\n .cf-certif-bar {\n gap: .5rem;\n }\n\n .cf-certif-item {\n padding: 8px 14px;\n font-size: 12px;\n }\n\n .cf-comparison-card {\n padding: 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card,\n .cf-comparison-card,\n .cf-timeline-item,\n .cf-highlight-box {\n animation: cfFadeInUp .5s ease backwards;\n }\n\n .cf-card:nth-child(1),\n .cf-comparison-card:nth-child(1),\n .cf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2),\n .cf-comparison-card:nth-child(2),\n .cf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3),\n .cf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502899487097,"sku":"CE0452","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/avant-shampoing-masque-ultra-riche-nutrition-250-ml-centifol-lifestyle.webp?v=1771180550"},{"product_id":"creme-hydratante-neutre-40ml-centifolia","title":"Crème Hydratante Neutre - 40ml - Centifolia","description":"\u003cdiv class=\"cn-premium\"\u003e\n \u003cdiv class=\"cn-hero\"\u003e\n \u003cdiv class=\"cn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cn-hero-content\"\u003e\n \u003cdiv class=\"cn-badges-top\"\u003e\n \u003cspan class=\"cn-badge\"\u003e🌿 99,7% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cn-badge\"\u003e✓ COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"cn-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e\n \u003cspan class=\"cn-badge\"\u003e💧 Sans parfum\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cn-hero-title\"\u003eCrème Hydratante Neutre Bio\u003c\/span\u003e\n \u003cp class=\"cn-subtitle\"\u003eCentifolia · 40ml · Peaux sensibles \u0026amp; réactives\u003c\/p\u003e\n \u003cp class=\"cn-description\"\u003eUne formule courte, intelligente et hautement tolérée, pensée pour apaiser les peaux les plus délicates. Hydrate, rééquilibre le microbiote cutané et respecte toute la famille au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003cp class=\"cn-section-intro\"\u003eÀ la recherche d'une \u003cstrong\u003ecrème hydratante visage\u003c\/strong\u003e douce, efficace et réellement adaptée aux peaux les plus délicates ? La \u003cstrong\u003eCrème Hydratante Neutre Bio de Centifolia\u003c\/strong\u003e est pensée pour celles et ceux qui veulent un soin minimaliste, sans parfum et hautement toléré. Une formule courte qui respecte l'équilibre fragile de votre peau au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003ch2\u003eUne crème hydratante pour le visage pensée pour les peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"cn-section-intro\"\u003eTiraillements, rougeurs, inconfort après le nettoyage… Si votre peau réagit au moindre changement, vous avez besoin d'une \u003cstrong\u003ecrème visage hydratante\u003c\/strong\u003e qui apaise sans agresser. Cette crème neutre Centifolia mise sur une approche douce : \u003cstrong\u003eaucun parfum, aucune huile essentielle, aucun allergène\u003c\/strong\u003e. Elle convient à toute la famille, \u003cstrong\u003edès la naissance\u003c\/strong\u003e, et reste compatible avec la grossesse et l'allaitement.\u003c\/p\u003e\n \u003cdiv class=\"cn-grid-compact\"\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e💧 Texture fluide\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement, non grasse, sans film occlusif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e☀️ Matin \u0026amp; soir\u003c\/h3\u003e\n \u003cp\u003eS'utilise au quotidien selon votre rituel beauté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e💄 Base de maquillage\u003c\/h3\u003e\n \u003cp\u003eUne base parfaite, lisse et confortable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🤰 Grossesse \u0026amp; allaitement\u003c\/h3\u003e\n \u003cp\u003eCompatible avec toutes les étapes de la vie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003ch2\u003eLes bienfaits de cette crème hydratante visage\u003c\/h2\u003e\n \u003cdiv class=\"cn-grid\"\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'aloe vera bio et au beurre de karité bio, la peau reste souple toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🌸 Apaisement immédiat\u003c\/h3\u003e\n \u003cp\u003eCalme les sensations de tiraillement et atténue visiblement les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🦠 Microbiote rééquilibré\u003c\/h3\u003e\n \u003cp\u003eL'action prébiotique et les polysaccharides actifs renforcent la flore cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e✨ Haute tolérance\u003c\/h3\u003e\n \u003cp\u003eAdaptée aux peaux atopiques, réactives et intolérantes, sans allergènes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e👨 Crème homme \u0026amp; après-rasage\u003c\/h3\u003e\n \u003cp\u003eConvient également comme soin homme et après-rasage apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eDès la naissance, pour les bébés, enfants et adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003ch2\u003ePourquoi choisir Centifolia plutôt qu'une Cerave crème hydratante visage ?\u003c\/h2\u003e\n \u003cp class=\"cn-section-intro\"\u003eBeaucoup comparent leur routine à une \u003cstrong\u003eCerave crème hydratante visage\u003c\/strong\u003e classique. La différence Centifolia ? Une formule \u003cstrong\u003ecertifiée COSMOS ORGANIC\u003c\/strong\u003e, à 99,7 % d'origine naturelle, sans silicone, sans PEG ni dérivés pétrochimiques.\u003c\/p\u003e\n \u003cdiv class=\"cn-grid-compact\"\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🌿 99,7% naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule courte et transparente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n \u003cp\u003eNi PEG, ni dérivés pétrochimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e♻️ Tube éco-conçu\u003c\/h3\u003e\n \u003cp\u003e26% recyclé, sans phtalates ni BPA\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🏅 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-tip\"\u003e\n \u003cspan class=\"cn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous cherchez la \u003cstrong\u003emeilleure crème hydratante visage\u003c\/strong\u003e alliant efficacité, naturalité et tolérance, ce soin coche toutes les cases.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003ch2\u003eComposition : une formule courte et transparente\u003c\/h2\u003e\n \u003cdiv class=\"cn-grid\"\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🥥 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et restaure le film hydrolipidique de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, rafraîchit et répare la peau en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-card\"\u003e\n \u003ch3\u003e🔬 Alpha-glucan \u0026amp; bêta-glucan\u003c\/h3\u003e\n \u003cp\u003eDuo prébiotique qui renforce la flore cutanée et son équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-tip\"\u003e\n \u003cspan class=\"cn-tip-icon\"\u003e📊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e99,7 %\u003c\/strong\u003e d'ingrédients d'origine naturelle · \u003cstrong\u003e24,8 %\u003c\/strong\u003e issus de l'Agriculture Biologique · Certifié \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e par Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"cn-accordion-item\"\u003e\n \u003csummary class=\"cn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"cn-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Cetearyl Alcohol, Coco-Caprylate\/Caprate, Glyceryl Stearate, Cetearyl Glucoside, Butyrospermum Parkii (Shea) Butter*, Aloe Barbadensis Leaf Juice Powder*, Alpha-Glucan Oligosaccharide, Beta-Glucan, Tocopherol, Helianthus Annuus Seed Oil, Xanthan Gum, Sodium Stearoyl Glutamate, Benzyl Alcohol, Dehydroacetic Acid, Citric Acid.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\"\u003e\n \u003ch2\u003eComment utiliser votre crème hydratante pour le visage ?\u003c\/h2\u003e\n \u003cdiv class=\"cn-timeline\"\u003e\n \u003cdiv class=\"cn-timeline-item\"\u003e\n \u003cdiv class=\"cn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cn-timeline-content\"\u003e\n \u003ch3\u003e🧼 Nettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez un soin doux adapté à votre type de peau pour une base propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-timeline-item\"\u003e\n \u003cdiv class=\"cn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cn-timeline-content\"\u003e\n \u003ch3\u003e💧 Prélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit pour traiter l'ensemble du visage et du cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-timeline-item\"\u003e\n \u003cdiv class=\"cn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cn-timeline-content\"\u003e\n \u003ch3\u003e✨ Appliquez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eSur le visage et le cou, matin et\/ou soir, selon votre rituel beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cn-tip\"\u003e\n \u003cspan class=\"cn-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eUtilisable seule ou en complément d'un sérum. Pour les bébés, une noisette suffit pour le visage et les zones sèches du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"cn-accordion\"\u003e\n \u003cdetails class=\"cn-accordion-item\"\u003e\n \u003csummary class=\"cn-accordion-header\"\u003e⚠️ Conseils d'utilisation et précautions\u003c\/summary\u003e\n \u003cdiv class=\"cn-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez le contour des yeux et les muqueuses. En cas de réaction inhabituelle, cessez l'utilisation. Ce produit cosmétique \u003cstrong\u003ene remplace pas un avis ou un traitement médical\u003c\/strong\u003e : en cas de pathologie cutanée (eczéma, psoriasis, dermatite sévère), demandez conseil à votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cn-cream: #f4faff;\n --cn-white: #ffffff;\n --cn-primary: #5cb4e8;\n --cn-primary-dark: #1d6fa5;\n --cn-primary-light: #e6f3fb;\n --cn-secondary: #8fcdec;\n --cn-accent: #2196d4;\n --cn-text: #1a1a1a;\n --cn-text-light: #5a6878;\n --cn-border: #d8e6ef;\n --cn-shadow: 0 4px 24px rgba(29,111,165,.08);\n --cn-shadow-lg: 0 12px 48px rgba(29,111,165,.15);\n --cn-radius: 20px;\n --cn-radius-sm: 12px;\n}\n\n.cn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cn-text);\n line-height: 1.6;\n}\n\n.cn-premium *, .cn-premium *::before, .cn-premium *::after { box-sizing: border-box; }\n\n.cn-hero {\n position: relative;\n background: linear-gradient(135deg, #8fcdec 0%, #5cb4e8 50%, #2196d4 100%);\n border-radius: var(--cn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cn-shadow-lg);\n}\n\n.cn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 0%, transparent 8%),\n radial-gradient(circle at 80% 70%, white 0%, transparent 6%),\n radial-gradient(circle at 50% 50%, white 0%, transparent 5%),\n radial-gradient(circle at 10% 80%, white 0%, transparent 7%);\n opacity: .15;\n}\n\n.cn-hero-content { position: relative; z-index: 1; text-align: center; }\n\n.cn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cn-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.cn-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n margin: 0 auto;\n max-width: 700px;\n opacity: .95;\n line-height: 1.7;\n}\n\n.cn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cn-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.cn-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.cn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cn-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cn-primary), var(--cn-secondary));\n border-radius: 2px;\n}\n\n.cn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cn-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cn-section-intro strong { color: var(--cn-primary-dark); }\n\n.cn-card {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cn-shadow-lg);\n border-color: var(--cn-primary);\n}\n\n.cn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cn-grid-compact .cn-card { padding: 1rem; }\n.cn-grid-compact .cn-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.cn-grid-compact .cn-card p { font-size: 12px; }\n\n.cn-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.cn-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.cn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cn-primary), var(--cn-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(33,150,212,.3);\n}\n\n.cn-timeline-content {\n flex: 1;\n background: var(--cn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cn-radius-sm);\n box-shadow: var(--cn-shadow);\n}\n\n.cn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cn-timeline-content p {\n font-size: 14px;\n color: var(--cn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cn-accordion {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n box-shadow: var(--cn-shadow);\n overflow: hidden;\n}\n\n.cn-accordion-item {\n border-bottom: 1px solid var(--cn-border);\n margin: 0;\n padding: 0;\n}\n\n.cn-accordion-item:last-child { border-bottom: none; }\n\n.cn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cn-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.cn-accordion-header:hover { background: var(--cn-primary-light); }\n.cn-accordion-header::-webkit-details-marker { display: none; }\n\n.cn-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cn-primary);\n transition: transform .2s ease;\n}\n\n.cn-accordion-item[open] .cn-accordion-header::after { content: '−'; }\n\n.cn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cn-accordion-content p { margin: 0 0 .5rem 0; }\n.cn-accordion-content p:last-child { margin-bottom: 0; }\n\n.cn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cn-primary-light);\n border-radius: var(--cn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cn-primary);\n}\n\n.cn-tip-icon { font-size: 24px; flex-shrink: 0; line-height: 1; }\n\n.cn-tip p {\n font-size: 14px;\n color: var(--cn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cn-tip strong { color: var(--cn-primary-dark); }\n\n@media (max-width: 767px) {\n .cn-grid { grid-template-columns: 1fr; gap: 1rem; }\n .cn-card { padding: 1.125rem; }\n .cn-section { margin-bottom: 1.75rem; }\n .cn-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cn-radius-sm);\n }\n .cn-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .cn-premium h2::after { width: 40px; height: 3px; }\n .cn-grid-compact { gap: .625rem; }\n .cn-grid-compact .cn-card { padding: .75rem; }\n .cn-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .cn-timeline-content { padding: .875rem 1rem; }\n .cn-timeline-content h3 { font-size: 14px; }\n .cn-timeline-content p { font-size: 13px; }\n .cn-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .cn-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cn-card { animation: cnFadeInUp .5s ease backwards; }\n .cn-card:nth-child(1) { animation-delay: .05s; }\n .cn-card:nth-child(2) { animation-delay: .1s; }\n .cn-card:nth-child(3) { animation-delay: .15s; }\n .cn-card:nth-child(4) { animation-delay: .2s; }\n .cn-card:nth-child(5) { animation-delay: .25s; }\n .cn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cnFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502901125497,"sku":"CE0417","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-hydratante-neutre-40ml-centifolia-packshothd.webp?v=1777551543"},{"product_id":"huile-seche-sublimatrice-visage-corps-cheveux-105ml-centifolia","title":"Centifolia Huile Sèche Sublimatrice Visage Corps \u0026 Cheveux - 100 ml","description":"\u003cdiv class=\"nd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nd-hero\"\u003e\n \u003cdiv class=\"nd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nd-hero-content\"\u003e\n \u003cdiv class=\"nd-badges-top\"\u003e\n \u003cspan class=\"nd-badge\"\u003e🌿 Certifiée bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e🌸 5 huiles précieuses\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e✨ 98 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nd-hero-title\"\u003eHuile sèche sublimatrice Nectar Doré\u003c\/span\u003e\n \u003cp class=\"nd-subtitle\"\u003eCentifolia — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"nd-description\"\u003eUn élixir doré aux 5 huiles précieuses bio pour nourrir, sublimer et illuminer votre peau et vos cheveux en un seul geste, sans aucun fini gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eHuile sèche sublimatrice : un soin multi-usage pour le visage, le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nd-section-intro\"\u003eVous cherchez un soin capable de \u003cstrong\u003enourrir votre peau et sublimer vos cheveux\u003c\/strong\u003e en un seul geste ?\u003c\/p\u003e\n \u003cdiv class=\"nd-grid-compact\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌺 Visage\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et illumine le teint pour un fini satiné et lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e✨ Corps\u003c\/h3\u003e\n \u003cp\u003ePeau satinée, délicatement parfumée, sans aucun film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eBrillance, souplesse et nutrition des longueurs et des pointes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌿 Bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée Ecocert, 98 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"nd-post-grid\"\u003eL'\u003cstrong\u003ehuile sèche sublimatrice Nectar Doré de Centifolia\u003c\/strong\u003e réunit cinq huiles précieuses biologiques dans une formule légère et non grasse. Certifiée bio par Ecocert, elle s'utilise au quotidien sur le visage, le corps et les cheveux pour un fini satiné et lumineux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une huile classique ?\u003c\/h2\u003e\n \u003cdiv class=\"nd-highlight-box\"\u003e\n \u003cp\u003eContrairement à une huile traditionnelle, une \u003cstrong\u003ehuile sèche\u003c\/strong\u003e pénètre très rapidement dans la peau grâce à sa richesse en acides gras polyinsaturés (oméga-3 et oméga-6). Elle ne laisse aucun film gras et peut même s'appliquer sous vos vêtements sans attendre.\u003c\/p\u003e\n \u003cp\u003eC'est l'alternative idéale si vous aimez le confort d'une huile cheveux ou visage, mais que vous redoutez l'effet collant. Ici, Centifolia pousse le concept encore plus loin avec un \u003cstrong\u003eparfum délicat et envoûtant\u003c\/strong\u003e qui accompagne votre routine beauté tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes, zéro résidu gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e👗 Sous les vêtements\u003c\/h3\u003e\n \u003cp\u003eApplication immédiate, sans attendre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌹 Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eUne note florale délicate toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🧴 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eLe confort d'une huile sans l'effet collant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eCinq huiles précieuses bio au service de votre beauté\u003c\/h2\u003e\n \u003cp class=\"nd-section-intro\"\u003eLa force de cette huile sèche réside dans son cocktail d'actifs soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"nd-grid\"\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌺 Huile de Camélia bio\u003c\/h3\u003e\n \u003cp\u003eStar de la formule, elle nourrit intensément, protège la barrière cutanée et assouplit la fibre capillaire. Particulièrement appréciée pour apporter de la \u003cstrong\u003ebrillance aux cheveux ternes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Huile de Baobab bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines A, D et E, elle redonne \u003cstrong\u003eélasticité et douceur\u003c\/strong\u003e aux peaux les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de Jojoba bio\u003c\/h3\u003e\n \u003cp\u003eTrès proche du sébum humain, elle \u003cstrong\u003erégule la production de sébum\u003c\/strong\u003e et hydrate en profondeur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile d'Argan bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés régénérantes, elle \u003cstrong\u003enourrit la peau et les pointes abîmées\u003c\/strong\u003e en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🤍 Macérât de fleur de Lys blanc bio\u003c\/h3\u003e\n \u003cp\u003eVéritable secret d'éclat, il \u003cstrong\u003eadoucit, unifie et illumine\u003c\/strong\u003e le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-tip\"\u003e\n \u003cspan class=\"nd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous utilisez habituellement de l'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e afin de les fortifier, cette huile sèche constitue un excellent complément. Là où l'huile de ricin cible la pousse et la densité, l'huile sèche Centifolia apporte nutrition, brillance et souplesse aux longueurs et aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile sèche sublimatrice ?\u003c\/h2\u003e\n \u003cdiv class=\"nd-timeline\"\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes le matin ou le soir sur une peau propre. Massez délicatement pour faire pénétrer. Vous pouvez l'utiliser seule ou avant votre crème de jour pour booster l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e✨ Sur le corps\u003c\/h3\u003e\n \u003cp\u003eVaporisez généreusement après la douche sur une peau encore légèrement humide. Le résultat : une peau satinée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e💇‍♀️ Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une à deux pressions sur les longueurs et les pointes, sur cheveux secs ou humides, en soin sans rinçage. Idéal pour dompter les frisottis et redonner de l'éclat à votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-tip\"\u003e\n \u003cspan class=\"nd-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile cheveux\u003c\/strong\u003e et corps s'utilise toute l'année, aussi souvent que vous le souhaitez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eComposition et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"nd-grid-compact\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌿 98 % naturel\u003c\/h3\u003e\n \u003cp\u003eDont 21 % d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🔬 Dermatologique\u003c\/h3\u003e\n \u003cp\u003eTestée sous contrôle dermatologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e👐 Tous types\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux et de cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon spray 105 ml recyclable, sans phtalates ni bisphénol A\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"nd-accordion-item\"\u003e\n \u003csummary class=\"nd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"nd-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas d'allergie à l'un des composants, consultez un professionnel de santé avant utilisation. Conservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nd-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau et vos cheveux le luxe de 5 huiles précieuses bio dans un seul flacon — un geste beauté quotidien, naturel et envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nd-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nd-cream: #faf7f2;\n --nd-white: #ffffff;\n --nd-primary: #c5a45e;\n --nd-primary-dark: #8a6e2f;\n --nd-primary-light: #f5eed9;\n --nd-secondary: #d4a86a;\n --nd-accent: #e8c97a;\n --nd-text: #1a1a1a;\n --nd-text-light: #5a5a5a;\n --nd-border: #e8e0d0;\n --nd-shadow: 0 4px 24px rgba(139, 110, 47, .08);\n --nd-shadow-lg: 0 12px 48px rgba(139, 110, 47, .15);\n --nd-radius: 20px;\n --nd-radius-sm: 12px;\n}\n\n.nd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nd-hero {\n position: relative;\n background: linear-gradient(135deg, #8a6e2f 0%, #c5a45e 45%, #e8c97a 100%);\n border-radius: var(--nd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nd-shadow-lg);\n}\n\n.nd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 1px, transparent 1px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 3px, transparent 3px);\n background-size: 80px 80px, 120px 120px, 60px 60px;\n opacity: .6;\n}\n\n.nd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nd-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.nd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nd-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.nd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nd-primary), var(--nd-secondary));\n border-radius: 2px;\n}\n\n.nd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nd-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nd-post-grid {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--nd-text-light);\n margin-top: 1.25rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nd-card {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nd-shadow-lg);\n border-color: var(--nd-primary);\n}\n\n.nd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card ingredient variant *\/\n.nd-card-ingredient {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.nd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nd-grid-compact .nd-card {\n padding: 1rem;\n}\n\n.nd-grid-compact .nd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nd-grid-compact .nd-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.nd-highlight-box {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nd-shadow);\n border-left: 4px solid var(--nd-accent);\n}\n\n.nd-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--nd-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.nd-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.nd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nd-primary), var(--nd-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(197, 164, 94, .3);\n}\n\n.nd-timeline-content {\n flex: 1;\n background: var(--nd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nd-radius-sm);\n box-shadow: var(--nd-shadow);\n}\n\n.nd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nd-timeline-content p {\n font-size: 14px;\n color: var(--nd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.nd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nd-primary-light);\n border-radius: var(--nd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nd-tip p {\n font-size: 14px;\n color: var(--nd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nd-accordion {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n box-shadow: var(--nd-shadow);\n overflow: hidden;\n}\n\n.nd-accordion-item {\n border-bottom: 1px solid var(--nd-border);\n margin: 0;\n padding: 0;\n}\n\n.nd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nd-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nd-accordion-header:hover {\n background: var(--nd-primary-light);\n}\n\n.nd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nd-primary);\n transition: transform .2s ease;\n}\n\n.nd-accordion-item[open] .nd-accordion-header::after {\n content: '−';\n}\n\n.nd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nd-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.nd-cta-box {\n background: linear-gradient(135deg, var(--nd-primary) 0%, var(--nd-primary-dark) 100%);\n border-radius: var(--nd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nd-disclaimer {\n font-size: 12px;\n color: var(--nd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nd-card {\n padding: 1.125rem;\n }\n\n .nd-card-ingredient {\n text-align: center;\n }\n\n .nd-section {\n margin-bottom: 1.75rem;\n }\n\n .nd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nd-radius-sm);\n }\n\n .nd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nd-grid-compact {\n gap: .625rem;\n }\n\n .nd-grid-compact .nd-card {\n padding: .75rem;\n }\n\n .nd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nd-timeline-content h3 {\n font-size: 14px;\n }\n\n .nd-timeline-content p {\n font-size: 13px;\n }\n\n .nd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nd-highlight-box {\n padding: 1.25rem;\n }\n\n .nd-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nd-card {\n animation: ndFadeInUp .5s ease backwards;\n }\n .nd-card:nth-child(1) { animation-delay: .05s; }\n .nd-card:nth-child(2) { animation-delay: .1s; }\n .nd-card:nth-child(3) { animation-delay: .15s; }\n .nd-card:nth-child(4) { animation-delay: .2s; }\n .nd-card:nth-child(5) { animation-delay: .25s; }\n .nd-card:nth-child(6) { animation-delay: .3s; }\n\n .nd-timeline-item {\n animation: ndFadeInUp .5s ease backwards;\n }\n .nd-timeline-item:nth-child(1) { animation-delay: .05s; }\n .nd-timeline-item:nth-child(2) { animation-delay: .15s; }\n .nd-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes ndFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502901191033,"sku":"CE0241","price":21.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/centifolia-huile-seche-sublimatrice-visage-corps-cheveux-100-lifestyle.webp?v=1775832691"},{"product_id":"fluide-regulateur-matifiant-40-ml-centifolia","title":"Fluide Régulateur Matifiant Bio- 40 ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 98 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e✅ COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e💧 40 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eFluide Régulateur Matifiant Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eFraîcheur de Thé — Centifolia\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eVotre peau brille en milieu de journée, vos pores vous semblent visibles et votre maquillage tient difficilement ? Pensé spécifiquement pour les \u003cstrong\u003epeaux mixtes à grasses\u003c\/strong\u003e, ce fluide léger et non gras pénètre en quelques secondes pour offrir un fini velouté, mat et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce fluide matifiant bio ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eFace aux références classiques du marché (Caudalie Vinopure, Nuxe Zinc Power, Avril ou Avène), Centifolia se distingue par une formule \u003cstrong\u003e98 % d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003ecertifiée COSMOS ORGANIC par Ecocert\u003c\/strong\u003e, fabriquée en France. Un vrai compromis entre efficacité cosmétique et respect de votre peau.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Matité immédiate \u0026amp; durable\u003c\/h3\u003e\n \u003cp\u003eLa poudre de riz bio absorbe l'excès de sébum sans jamais dessécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eLe Zinc PCA, actif séborégulateur réputé, agit en profondeur sur l'hyperséborrhée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🔬 Pores resserrés\u003c\/h3\u003e\n \u003cp\u003eGrain de peau lissé et affiné dès les premières semaines d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Purification \u0026amp; fraîcheur\u003c\/h3\u003e\n \u003cp\u003eL'hydrolat de Thé Vert bio, riche en polyphénols antioxydants, purifie et apaise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes actifs botaniques au cœur de la formule\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍵 Thé Vert biologique\u003c\/h3\u003e\n \u003cp\u003eAllié précieux des peaux sujettes aux brillances : il apaise, protège contre la pollution et neutralise les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Zinc PCA\u003c\/h3\u003e\n \u003cp\u003eCible l'hyperséborrhée et rééquilibre la production de sébum pour une peau nette et saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌊 Complexe de sucres marins\u003c\/h3\u003e\n \u003cp\u003eCapte l'excès de sébum directement à la surface de la peau pour un fini impeccable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Poudre de riz bio\u003c\/h3\u003e\n \u003cp\u003eParachève le fini mat avec un toucher doux et velouté, idéal avant le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser le fluide matifiant Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eNettoyer la peau\u003c\/h3\u003e\n \u003cp\u003eUtilisez de préférence la gelée nettoyante Fraîcheur de Thé pour une peau parfaitement propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eTonifier\u003c\/h3\u003e\n \u003cp\u003eAppliquez la lotion tonique de la gamme Fraîcheur de Thé pour préparer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquer le fluide\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de fluide matin (et soir si besoin) sur le visage, en évitant le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eBase de maquillage\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme base matifiante pour prolonger la tenue de votre fond de teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e concentrez-vous sur la zone T (front, nez, menton) si votre peau est mixte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003eAqua (Water), Camellia Sinensis Leaf Water*, Coco-Caprylate, Glycerin, Cetearyl Alcohol, Oryza Sativa (Rice) Powder*, Glyceryl Stearate, Cetearyl Glucoside, Zinc PCA, Caprylic\/Capric Triglyceride, Helianthus Annuus Seed Oil*, Tocopherol, Algae Extract, Saccharide Isomerate, Xanthan Gum, Sodium Stearoyl Glutamate, Benzyl Alcohol, Dehydroacetic Acid, Parfum (Fragrance), Citric Acid, Limonene, Linalool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003e*Ingrédients issus de l'Agriculture Biologique — 98 % du total des ingrédients sont d'origine naturelle — 22 % du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes engagements Centifolia\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans phtalates, sans bisphénol A, sans silicones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧪 Testé dermatologiquement\u003c\/h3\u003e\n \u003cp\u003eNon comédogène, adapté aux peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eDémarche éthique et écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Packaging recyclable\u003c\/h3\u003e\n \u003cp\u003eTube de 40 ml pensé pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eAvis et questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🌸 Ce fluide convient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce et sans alcool desséchant convient aux peaux mixtes à grasses, même réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e💧 Peut-il remplacer une crème hydratante ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument : il hydrate tout en matifiant, en une seule étape, pour une routine simple et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e✨ Est-il adapté aux peaux à imperfections ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, grâce à son action purifiante et séborégulatrice qui aide à limiter l'apparition des imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis médical. En cas d'acné sévère ou de réaction cutanée persistante, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f5f9f5;\n --cf-white: #ffffff;\n --cf-primary: #4ba87a;\n --cf-primary-dark: #2d7a54;\n --cf-primary-light: #e4f2ea;\n --cf-secondary: #7bc4a0;\n --cf-accent: #a8d8b9;\n --cf-text: #1a2e23;\n --cf-text-light: #5a6b5f;\n --cf-border: #d8e8dd;\n --cf-shadow: 0 4px 24px rgba(45,122,84,.08);\n --cf-shadow-lg: 0 12px 48px rgba(45,122,84,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n line-height: 1.6;\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #4ba87a 0%, #2d7a54 50%, #1f5a3e 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 1.5px, transparent 1.5px);\n background-size: 60px 60px, 40px 40px;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(75,168,122,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text);\n line-height: 1.8;\n margin: 0;\n word-break: break-word;\n}\n\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cf-testimonial {\n padding: 1.25rem;\n }\n .cf-testimonial-text {\n font-size: 12px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502901453177,"sku":"CE0426","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fluide-regulateur-matifiant-bio-40-ml-centifolia-packshothd.webp?v=1777377197"},{"product_id":"soin-jour-multi-actif-lys-active-50ml-centifolia","title":"Soin Jour Multi-Actif Lys Active - 50ml - Centifolia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin Jour Multi-Actif Lys Active - 50ml - Centifolia\nPalette détectée:\n - Primaire: #C4567A (rose\/framboise du packaging, texte \"SOIN JOUR MULTI-ACTIF\")\n - Secondaire: #7A9E8E (vert sauge\/teal du logo Centifolia \"C\")\n - Accent: #E8A07E (corail\/saumon des pétales de lys et \"LYS ACTIVE\")\nAmbiance: Cosmétique bio premium, féminin, botanique, élégant avec touche florale (lys). Univers clean beauty \/ anti-âge naturel. Packaging blanc épuré avec accents floraux roses.\nPréfixe CSS: la\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Ingrédients Clés :\"\n 2. \"Bénéfices :\"\n 3. \"Conseils d'Utilisation :\"\n 4. \"Engagements Centifolia :\"\n 5. \"Composition :\"\n 6. \"Certifications :\"\n 7. \"Précautions d'Emploi :\"\n 8. \"Conditionnement :\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"la-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"la-hero\"\u003e\n \u003cdiv class=\"la-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"la-hero-content\"\u003e\n \u003cdiv class=\"la-badges-top\"\u003e\n \u003cspan class=\"la-badge\"\u003e🌿 99% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🌸 Cellules de Lys blanc\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🧬 Actif Rétinol-like\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"la-hero-title\"\u003eSoin Jour Multi-Actif Lys Active\u003c\/span\u003e\n \u003cp class=\"la-subtitle\"\u003eCentifolia — 50 ml\u003c\/p\u003e\n \u003cp class=\"la-description\"\u003eUne crème de jour anti-âge bio qui nourrit, redensifie et corrige les rides. Rides lissées en seulement 15 minutes, ovale du visage remodelé : redécouvrez l'éclat d'une peau visiblement plus dense et rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 : Ingrédients Clés : --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eIngrédients Clés :\u003c\/h2\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌺 Cellules végétales de lys blanc\u003c\/h3\u003e\n \u003cp\u003eObtenues par un procédé d'extraction respectueux de l'environnement, elles stimulent le renouvellement cellulaire et limitent le transport de la mélanine, ravivant ainsi l'éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🧬 Actif Rétinol-like d'origine végétale\u003c\/h3\u003e\n \u003cp\u003eExtrait des feuilles de ramboutan, il améliore l'élasticité et la fermeté de la peau en stimulant la production de collagène et d'élastine, tout en étant mieux toléré que le rétinol classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🫧 Macérât huileux de lys\u003c\/h3\u003e\n \u003cp\u003eConnu pour ses propriétés apaisantes et éclaircissantes, il contribue à unifier le teint pour une peau lumineuse et homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌾 Graines de lin\u003c\/h3\u003e\n \u003cp\u003eRiches en oméga-3, elles nourrissent et adoucissent la peau en profondeur pour un confort longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 : Bénéfices : --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eBénéfices :\u003c\/h2\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e💧 Hydratation et nutrition\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation naturelle de la peau et la nourrit en profondeur pour un confort qui dure toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e⚡ Effet lissant immédiat\u003c\/h3\u003e\n \u003cp\u003eRéduit visiblement les rides et ridules en seulement 15 minutes après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e✨ Remodelage de l'ovale du visage\u003c\/h3\u003e\n \u003cp\u003eTonifie et raffermit la peau, redessinant les contours du visage pour un effet lifting naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🤍 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras, offrant une sensation de confort immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌸 Convient aux peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour minimiser les risques d'allergies, adapté aux peaux matures même les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 : Conseils d'Utilisation : --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eConseils d'Utilisation :\u003c\/h2\u003e\n \u003cdiv class=\"la-timeline\"\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez le matin sur une peau parfaitement nettoyée et tonifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eAppliquez la crème\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de soin et répartissez en effectuant de légers massages sur le visage, le cou et le décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, utilisez en complément des autres soins de la gamme Lys Active de Centifolia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-tip\"\u003e\n \u003cspan class=\"la-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEffet lissant visible en seulement \u003cstrong\u003e15 minutes\u003c\/strong\u003e — idéal avant le maquillage pour une base parfaitement lisse !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 : Engagements Centifolia : --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eEngagements Centifolia :\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eCentifolia privilégie des ingrédients issus de l'agriculture biologique et du commerce équitable, dans une démarche éco-responsable complète.\u003c\/p\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eIngrédients certifiés bio et issus du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e♻️ Packaging recyclable\u003c\/h3\u003e\n \u003cp\u003ePot en verre contenant 30% de matériaux recyclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n \u003cp\u003eGaranti sans phtalate ni bisphénol A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France avec exigence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5, #6, #7, #8 regroupés en accordéon --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eComposition :\u003c\/h2\u003e\n \u003cdiv class=\"la-accordion\"\u003e\n \u003cdetails class=\"la-accordion-item\" open\u003e\n \u003csummary class=\"la-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Dicaprylyl Ether, Glycerin, Helianthus Annuus Seed Oil, Cetearyl Alcohol, C10-18 Triglycerides, Coco-Caprylate\/Caprate, Dicaprylyl Carbonate, Oleic\/Linoleic\/Linolenic Polyglycerides, Glyceryl Stearate Citrate, Zea Mays Starch*, Hydrogenated Lecithin, Parfum, Aloe Barbadensis Leaf Juice Powder*, Lilium Candidum Leaf Cell Extract, Nephelium Lappaceum Leaf Extract, Lilium Candidum Flower Extract*, Linum Usitatissimum Seed Extract, Alteromonas Ferment Extract, Xanthan Gum, Biosaccharide Gum-1, Glyceryl Caprylate, Maltodextrin, Tocopherol, Citric Acid, Phenethyl Alcohol, P-Anisic Acid, Sodium Benzoate, Geraniol, Limonene, Linalool.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eCertifications :\u003c\/h2\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert Greenlife selon le référentiel COSMOS.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌿 Cosmébio\u003c\/h3\u003e\n \u003cp\u003eLabellisé Cosmébio, gage de cosmétique biologique exigeante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eConvient aux personnes suivant un mode de vie vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌾 99% naturel\u003c\/h3\u003e\n \u003cp\u003e99% d'ingrédients d'origine naturelle dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003ePrécautions d'Emploi :\u003c\/h2\u003e\n \u003cdiv class=\"la-accordion\"\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire. Conservez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"la-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConditionnement :\u003c\/h2\u003e\n \u003cdiv class=\"la-cta-box\"\u003e\n \u003cp\u003e🌸 Pot en verre de \u003cstrong\u003e50 ml\u003c\/strong\u003e — Recyclable, contenant 30% de matériaux recyclés.\u003cbr\u003eConçu et fabriqué en France avec amour par Centifolia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"la-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un avis dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --la-cream: #fdf7f5;\n --la-white: #ffffff;\n --la-primary: #C4567A;\n --la-primary-dark: #9E3A5C;\n --la-primary-light: #fceef3;\n --la-secondary: #7A9E8E;\n --la-accent: #E8A07E;\n --la-text: #1a1a1a;\n --la-text-light: #5a5a5a;\n --la-border: #eddfdf;\n --la-shadow: 0 4px 24px rgba(196,86,122,.08);\n --la-shadow-lg: 0 12px 48px rgba(196,86,122,.15);\n --la-radius: 20px;\n --la-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.la-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--la-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.la-hero {\n position: relative;\n background: linear-gradient(135deg, #C4567A 0%, #d4789a 40%, #E8A07E 100%);\n border-radius: var(--la-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--la-shadow-lg);\n}\n\n.la-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 60%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.la-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.la-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.la-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.la-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.8;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.la-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.la-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--la-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.la-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.la-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.la-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--la-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.la-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--la-primary), var(--la-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.la-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.la-card {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--la-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.la-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--la-shadow-lg);\n border-color: var(--la-primary);\n}\n\n.la-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--la-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.la-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.la-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.la-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.la-grid-compact .la-card {\n padding: 1rem;\n}\n\n.la-grid-compact .la-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.la-grid-compact .la-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.la-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.la-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.la-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--la-primary), var(--la-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.la-timeline-content {\n flex: 1;\n background: var(--la-white);\n padding: 1rem 1.25rem;\n border-radius: var(--la-radius-sm);\n box-shadow: var(--la-shadow);\n}\n\n.la-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--la-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.la-timeline-content p {\n font-size: 14px;\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.la-testimonial {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--la-shadow);\n border-left: 4px solid var(--la-primary);\n}\n\n.la-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.la-accordion {\n background: var(--la-white);\n border-radius: var(--la-radius);\n box-shadow: var(--la-shadow);\n overflow: hidden;\n}\n\n.la-accordion-item {\n border-bottom: 1px solid var(--la-border);\n margin: 0;\n padding: 0;\n}\n\n.la-accordion-item:last-child {\n border-bottom: none;\n}\n\n.la-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--la-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.la-accordion-header:hover {\n background: var(--la-primary-light);\n}\n\n.la-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.la-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--la-primary);\n transition: transform .2s ease;\n}\n\n.la-accordion-item[open] .la-accordion-header::after {\n content: '−';\n}\n\n.la-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--la-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.la-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.la-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.la-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--la-primary-light);\n border-radius: var(--la-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.la-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.la-tip p {\n font-size: 14px;\n color: var(--la-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.la-cta-box {\n background: linear-gradient(135deg, var(--la-primary) 0%, var(--la-primary-dark) 100%);\n border-radius: var(--la-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.la-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.la-disclaimer {\n font-size: 12px;\n color: var(--la-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .la-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .la-card {\n padding: 1.125rem;\n }\n\n .la-section {\n margin-bottom: 1.75rem;\n }\n\n .la-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--la-radius-sm);\n }\n\n .la-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .la-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .la-grid-compact {\n gap: .625rem;\n }\n\n .la-grid-compact .la-card {\n padding: .75rem;\n }\n\n .la-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .la-timeline-content {\n padding: .875rem 1rem;\n }\n\n .la-timeline-content h3 {\n font-size: 14px;\n }\n\n .la-timeline-content p {\n font-size: 13px;\n }\n\n .la-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .la-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .la-testimonial {\n padding: 1.25rem;\n }\n\n .la-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .la-card {\n animation: laFadeInUp .5s ease backwards;\n }\n .la-card:nth-child(1) { animation-delay: .05s; }\n .la-card:nth-child(2) { animation-delay: .1s; }\n .la-card:nth-child(3) { animation-delay: .15s; }\n .la-card:nth-child(4) { animation-delay: .2s; }\n .la-card:nth-child(5) { animation-delay: .25s; }\n .la-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes laFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .la-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502902108537,"sku":"CE0466","price":27.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-jour-multi-actif-lys-active-50ml-centifolia-lifestyle.webp?v=1770799974"},{"product_id":"cameline-bio-comptoir-huiles","title":"Huile de Cameline Bio - Rééquilibrante - 50ml - Comptoir des Huiles","description":"\u003cdiv class=\"cam-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cam-hero\"\u003e\n \u003cdiv class=\"cam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cam-hero-content\"\u003e\n \u003cdiv class=\"cam-badges-top\"\u003e\n \u003cspan class=\"cam-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🧴 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Cameline Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eHuile rééquilibrante — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eL'huile précieuse exceptionnellement riche en oméga-3 qui nourrit, apaise et revitalise les peaux sèches, sensibles et les cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eHuile de Cameline Bio : l'alliée rééquilibrante pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"cam-section-intro\"\u003eVous cherchez une huile végétale naturelle capable de nourrir en profondeur une peau sèche, d'apaiser une peau sensible et de redonner de l'éclat à des cheveux ternes ?\u003c\/p\u003e\n \u003cdiv class=\"cam-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de cameline bio\u003c\/strong\u003e de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est faite pour vous. Obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e de graines de \u003cem\u003eCamelina sativa\u003c\/em\u003e issues de l'agriculture biologique, cette huile 100 % pure préserve l'intégralité de ses précieux actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de cameline pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"cam-section-intro\"\u003eCe qui distingue l'huile de cameline des autres huiles végétales, c'est sa \u003cstrong\u003eteneur exceptionnelle en oméga-3\u003c\/strong\u003e (acide alpha-linolénique), pouvant atteindre 35 à 40 % de sa composition. Elle contient également des \u003cstrong\u003eoméga-6, oméga-9\u003c\/strong\u003e et de la \u003cstrong\u003evitamine E\u003c\/strong\u003e, un puissant antioxydant naturel.\u003c\/p\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e⚖️ Rééquilibrante et nourrissante\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels renforcent le film hydrolipidique, limitant la déshydratation et restaurant la souplesse de la peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Apaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en oméga-3, elle aide à calmer les rougeurs, les tiraillements et les inconforts liés aux peaux réactives ou atopiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice et anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E qu'elle renferme contribue à neutraliser les radicaux libres, favorisant la régénération cellulaire et la prévention des signes du vieillissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Revitalisante capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle nourrit les cheveux secs et ternes en leur rendant brillance et douceur, tout en apaisant les cuirs chevelus irrités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003ePour quels types de peau et de cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cam-section-intro\"\u003eCette huile rééquilibrante s'adresse tout particulièrement aux :\u003c\/p\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Peaux sèches et déshydratées\u003c\/h3\u003e\n \u003cp\u003eQui manquent de confort au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌷 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eSujettes aux rougeurs et tiraillements\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🕊️ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eEn quête de fermeté et d'éclat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux ternes, secs ou fragilisés\u003c\/h3\u003e\n \u003cp\u003ePar les colorations ou la chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-tip\"\u003e\n \u003cspan class=\"cam-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture est dite « sèche » : elle pénètre rapidement sans laisser de résidu gras, ce qui la rend très agréable au quotidien, même sous un maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de cameline bio ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-timeline\"\u003e\n \u003cdiv class=\"cam-timeline-item\"\u003e\n \u003cdiv class=\"cam-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-content\"\u003e\n \u003ch3\u003e🌙 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, déposez 3 à 5 gouttes dans le creux de vos mains et massez délicatement le visage et le cou par mouvements circulaires. Vous pouvez aussi l'ajouter à votre crème de jour pour renforcer son pouvoir nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-item\"\u003e\n \u003cdiv class=\"cam-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-content\"\u003e\n \u003ch3\u003e🚿 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les zones sèches (coudes, genoux, mains) après la douche, sur peau encore légèrement humide pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-item\"\u003e\n \u003cdiv class=\"cam-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-content\"\u003e\n \u003ch3\u003e💆 En soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRépartissez l'huile sur les longueurs et les pointes, laissez poser au minimum 30 minutes (ou toute une nuit sous une serviette) puis procédez à votre shampooing habituel. Le résultat est visible dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\" open\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧬 INCI\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eCamelina Sativa Seed Oil*\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧴 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon en verre ambré avec pipette compte-gouttes — \u003cstrong\u003e50 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'huile de cameline présente-t-elle un danger ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-testimonial\"\u003e\n \u003cp class=\"cam-testimonial-text\"\u003eUtilisée en application cutanée, l'\u003cstrong\u003ehuile de cameline ne présente pas de danger\u003c\/strong\u003e connu. Elle est naturellement bien tolérée, même par les peaux les plus fragiles. Par précaution, réalisez un test dans le pli du coude 24 heures avant la première utilisation si vous avez une peau très réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-tip\"\u003e\n \u003cspan class=\"cam-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRemarque :\u003c\/strong\u003e cette fiche concerne un usage cosmétique. Pour toute question liée à l'huile de cameline et au cholestérol, au foie ou aux intestins dans un cadre alimentaire, nous vous recommandons de consulter un professionnel de santé. Ce produit ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cam-cream: #faf8f3;\n --cam-white: #ffffff;\n --cam-primary: #d4a017;\n --cam-primary-dark: #8b6914;\n --cam-primary-light: #fdf6e3;\n --cam-secondary: #c47d10;\n --cam-accent: #5a7a3a;\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n --cam-border: #e8e0d0;\n --cam-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cam-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n.cam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cam-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6914 0%, #c47d10 40%, #d4a017 70%, #5a7a3a 100%);\n border-radius: var(--cam-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cam-shadow-lg);\n}\n\n.cam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.cam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cam-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cam-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cam-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.cam-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.cam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cam-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cam-primary), var(--cam-secondary));\n border-radius: 2px;\n}\n\n.cam-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cam-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cam-section-intro strong {\n color: var(--cam-primary-dark);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cam-highlight-box {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n border-left: 4px solid var(--cam-primary);\n text-align: center;\n}\n\n.cam-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cam-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.cam-highlight-box strong {\n color: var(--cam-primary-dark);\n}\n\n\/* === CARDS === *\/\n.cam-card {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cam-shadow-lg);\n border-color: var(--cam-primary);\n}\n\n.cam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cam-grid-compact .cam-card {\n padding: 1rem;\n}\n\n.cam-grid-compact .cam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cam-grid-compact .cam-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cam-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cam-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cam-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cam-primary), var(--cam-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cam-timeline-content {\n flex: 1;\n background: var(--cam-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cam-radius-sm);\n box-shadow: var(--cam-shadow);\n}\n\n.cam-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-timeline-content p {\n font-size: 14px;\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cam-testimonial {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n border-left: 4px solid var(--cam-accent);\n}\n\n.cam-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cam-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.cam-testimonial-text strong {\n color: var(--cam-accent);\n}\n\n\/* === ACCORDÉON === *\/\n.cam-accordion {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n box-shadow: var(--cam-shadow);\n overflow: hidden;\n}\n\n.cam-accordion-item {\n border-bottom: 1px solid var(--cam-border);\n margin: 0;\n padding: 0;\n}\n\n.cam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cam-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cam-accordion-header:hover {\n background: var(--cam-primary-light);\n}\n\n.cam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cam-primary);\n transition: transform .2s ease;\n}\n\n.cam-accordion-item[open] .cam-accordion-header::after {\n content: '−';\n}\n\n.cam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cam-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cam-primary-light);\n border-radius: var(--cam-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cam-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cam-tip p {\n font-size: 14px;\n color: var(--cam-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cam-tip p strong {\n color: var(--cam-primary-dark);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cam-card {\n padding: 1.125rem;\n }\n\n .cam-section {\n margin-bottom: 1.75rem;\n }\n\n .cam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cam-radius-sm);\n }\n\n .cam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cam-grid-compact {\n gap: .625rem;\n }\n\n .cam-grid-compact .cam-card {\n padding: .75rem;\n }\n\n .cam-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cam-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cam-timeline-content h3 {\n font-size: 14px;\n }\n\n .cam-timeline-content p {\n font-size: 13px;\n }\n\n .cam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cam-testimonial {\n padding: 1.25rem;\n }\n\n .cam-testimonial-text {\n font-size: 14px;\n }\n\n .cam-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: camFadeInUp .5s ease backwards;\n }\n .cam-card:nth-child(1) { animation-delay: .05s; }\n .cam-card:nth-child(2) { animation-delay: .1s; }\n .cam-card:nth-child(3) { animation-delay: .15s; }\n .cam-card:nth-child(4) { animation-delay: .2s; }\n .cam-card:nth-child(5) { animation-delay: .25s; }\n .cam-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes camFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830777991545,"sku":"CAMELINECOMPTOIRDESHUILES","price":5.84,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-cameline-bio-reequilibrante-50ml-comptoir-des-huile-packshothd.webp?v=1774427663"},{"product_id":"huile-neem-bio-anti-imperfections-50ml","title":"Huile de Neem BIO 50 ml - Anti-imperfections - Comptoir des Huiles","description":"\u003cdiv class=\"nm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nm-hero\"\u003e\n \u003cdiv class=\"nm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nm-hero-content\"\u003e\n \u003cdiv class=\"nm-badges-top\"\u003e\n \u003cspan class=\"nm-badge\"\u003e🌿 100 % naturelle \u0026amp; BIO\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e🧴 Flacon pipette 50 ml\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e✨ Anti-imperfections\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nm-hero-title\"\u003eHuile de Neem BIO\u003c\/span\u003e\n \u003cp class=\"nm-subtitle\"\u003eLe soin ancestral ayurvédique pour les peaux à problèmes\u003c\/p\u003e\n \u003cp class=\"nm-description\"\u003ePurifiante, apaisante et réparatrice — une huile végétale pure, certifiée Cosmos Organic, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eHuile de Neem BIO : le soin naturel anti-imperfections pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eVous cherchez une solution naturelle pour lutter contre les boutons, les irritations ou les pellicules ?\u003c\/p\u003e\n \u003cp class=\"nm-section-text\"\u003eL'\u003cstrong\u003ehuile de Neem BIO 50 ml\u003c\/strong\u003e de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e, en flacon pipette, est un véritable concentré de bienfaits. Extraite des graines de l'arbre de Neem (\u003cem\u003eAzadirachta indica\u003c\/em\u003e), cette huile végétale est utilisée depuis des siècles en médecine ayurvédique pour ses propriétés purifiantes exceptionnelles. 100 % naturelle et certifiée biologique, elle s'adresse aux \u003cstrong\u003epeaux à problèmes, sensibles et réactives\u003c\/strong\u003e, aussi bien pour le visage que pour les cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de Neem pour votre peau\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eUne richesse en acides gras essentiels (oléique, linoléique, stéarique) et en vitamine E qui offre des propriétés multiples.\u003c\/p\u003e\n \u003cdiv class=\"nm-grid\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🧼 Purifiante et antibactérienne\u003c\/h3\u003e\n \u003cp\u003eElle aide à assainir les pores obstrués et à réduire visiblement les imperfections, boutons et points noirs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌸 Anti-inflammatoire et apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les irritations et soulage les peaux sujettes à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🛡️ Antifongique naturelle\u003c\/h3\u003e\n \u003cp\u003eElle contribue à limiter la prolifération des champignons responsables de certaines affections cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💧 Nourrissante et réparatrice\u003c\/h3\u003e\n \u003cp\u003eElle restaure le film hydrolipidique des zones sèches et abîmées, sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eUn allié précieux pour le cuir chevelu\u003c\/h2\u003e\n \u003cdiv class=\"nm-testimonial\"\u003e\n \u003cp class=\"nm-testimonial-text\"\u003eAu-delà du visage, l'\u003cstrong\u003ehuile de Neem\u003c\/strong\u003e est particulièrement efficace en soin capillaire. Si vous souffrez de démangeaisons, de pellicules persistantes ou d'un cuir chevelu irrité, quelques gouttes suffisent pour retrouver confort et équilibre. Sa texture riche pénètre facilement sans alourdir les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-grid-compact nm-mt\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🩹 Pellicules\u003c\/h3\u003e\n \u003cp\u003eRéduit les squames et purifie le cuir chevelu en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e😌 Démangeaisons\u003c\/h3\u003e\n \u003cp\u003eApaise les irritations et restaure le confort du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eHuile de Neem et plantes : un insecticide naturel reconnu\u003c\/h2\u003e\n \u003cp class=\"nm-section-text\"\u003eVous avez peut-être entendu parler de l'\u003cstrong\u003ehuile de Neem comme insecticide naturel\u003c\/strong\u003e pour les plantes. C'est tout à fait exact : grâce à l'azadirachtine qu'elle contient, elle est utilisée en agriculture biologique comme répulsif contre les pucerons et autres nuisibles.\u003c\/p\u003e\n \u003cdiv class=\"nm-tip\"\u003e\n \u003cspan class=\"nm-tip-icon\"\u003e🪴\u003c\/span\u003e\n \u003cp\u003eCependant, cette formulation cosmétique de Comptoir des Huiles est spécifiquement conçue pour un \u003cstrong\u003eusage cutané et capillaire\u003c\/strong\u003e. Il ne s'agit pas d'une huile essentielle de Neem, mais bien d'une huile végétale pure, douce et adaptée à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de Neem BIO ?\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eLe flacon pipette en verre permet une application précise, hygiénique et sans gaspillage.\u003c\/p\u003e\n \u003cdiv class=\"nm-timeline\"\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 1 à 2 gouttes le soir sur les zones à imperfections, sur peau propre et sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez localement les zones sèches, rugueuses ou irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSur le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes, massez délicatement, puis laissez poser 30 minutes avant de rincer avec votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-tip\"\u003e\n \u003cspan class=\"nm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'odeur du Neem est assez prononcée. N'hésitez pas à mélanger quelques gouttes avec une huile plus neutre comme le jojoba ou l'amande douce pour adoucir le parfum et la texture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"nm-composition-box\"\u003e\n \u003cdiv class=\"nm-composition-ingredient\"\u003e\n \u003cspan class=\"nm-composition-label\"\u003eIngrédient unique (INCI)\u003c\/span\u003e\n \u003cspan class=\"nm-composition-value\"\u003eMelia Azadirachta Seed Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-composition-note\"\u003e*Issu de l'agriculture biologique – Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-grid-compact nm-mt\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum de synthèse\u003c\/h3\u003e\n \u003cp\u003eAucun arôme artificiel ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eFormule pure, sans additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eL'huile de Neem présente-t-elle un danger ?\u003c\/h2\u003e\n \u003cdiv class=\"nm-accordion\"\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e🧪 Test d'allergie recommandé\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est recommandé de réaliser un test dans le pli du coude avant la première utilisation, surtout si vous avez la peau très réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de Neem est déconseillée aux femmes enceintes et aux jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-section-text nm-mt\"\u003eUtilisée en application cutanée externe, l'\u003cstrong\u003ehuile de Neem BIO\u003c\/strong\u003e ne présente pas de danger particulier. Un usage raisonné et un test préalable garantissent une expérience en toute sérénité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nm-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez l'\u003cstrong\u003ehuile de Neem BIO\u003c\/strong\u003e de Comptoir des Huiles pour une routine beauté naturelle, efficace et respectueuse de votre peau comme de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à un traitement médical. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --nm-cream: #f7f5f0;\n --nm-white: #ffffff;\n --nm-primary: #2e6b50;\n --nm-primary-dark: #1d4a36;\n --nm-primary-light: #e8f0eb;\n --nm-secondary: #c9a96e;\n --nm-accent: #8b6914;\n --nm-text: #1a1a1a;\n --nm-text-light: #5a5a5a;\n --nm-border: #e0ddd6;\n --nm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nm-radius: 20px;\n --nm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nm-hero {\n position: relative;\n background: linear-gradient(135deg, #1d4a36 0%, #2e6b50 40%, #3a7d5e 70%, #c9a96e 100%);\n border-radius: var(--nm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nm-shadow-lg);\n}\n\n.nm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,169,110,.12) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 40%);\n opacity: 1;\n}\n\n.nm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.nm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.nm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.nm-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.nm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.nm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nm-primary), var(--nm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nm-section-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nm-text-light);\n line-height: 1.8;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n}\n\n.nm-section-text strong {\n color: var(--nm-text);\n}\n\n.nm-mt {\n margin-top: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.nm-card {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nm-shadow-lg);\n border-color: var(--nm-primary);\n}\n\n.nm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nm-grid-compact .nm-card {\n padding: 1rem;\n}\n\n.nm-grid-compact .nm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nm-grid-compact .nm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nm-primary), var(--nm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nm-timeline-content {\n flex: 1;\n background: var(--nm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nm-radius-sm);\n box-shadow: var(--nm-shadow);\n}\n\n.nm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nm-timeline-content p {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nm-testimonial {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nm-shadow);\n border-left: 4px solid var(--nm-primary);\n}\n\n.nm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.nm-testimonial-text strong {\n color: var(--nm-primary-dark);\n}\n\n\/* === COMPOSITION BOX === *\/\n.nm-composition-box {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nm-shadow);\n text-align: center;\n border: 2px solid var(--nm-primary-light);\n}\n\n.nm-composition-ingredient {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n margin-bottom: 1rem;\n}\n\n.nm-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--nm-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.nm-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--nm-primary-dark);\n font-style: italic;\n}\n\n.nm-composition-note {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nm-composition-note strong {\n color: var(--nm-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.nm-accordion {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n box-shadow: var(--nm-shadow);\n overflow: hidden;\n}\n\n.nm-accordion-item {\n border-bottom: 1px solid var(--nm-border);\n margin: 0;\n padding: 0;\n}\n\n.nm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nm-accordion-header:hover {\n background: var(--nm-primary-light);\n}\n\n.nm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nm-primary);\n transition: transform .2s ease;\n}\n\n.nm-accordion-item[open] .nm-accordion-header::after {\n content: '−';\n}\n\n.nm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nm-primary-light);\n border-radius: var(--nm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nm-tip p {\n font-size: 14px;\n color: var(--nm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.nm-tip p strong {\n color: var(--nm-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.nm-cta-box {\n background: linear-gradient(135deg, var(--nm-primary) 0%, var(--nm-primary-dark) 100%);\n border-radius: var(--nm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nm-disclaimer {\n font-size: 12px;\n color: var(--nm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nm-card {\n padding: 1.125rem;\n }\n\n .nm-section {\n margin-bottom: 1.75rem;\n }\n\n .nm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nm-radius-sm);\n }\n\n .nm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nm-grid-compact {\n gap: .625rem;\n }\n\n .nm-grid-compact .nm-card {\n padding: .75rem;\n }\n\n .nm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nm-timeline-content h3 {\n font-size: 14px;\n }\n\n .nm-timeline-content p {\n font-size: 13px;\n }\n\n .nm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nm-testimonial {\n padding: 1.25rem;\n }\n\n .nm-testimonial-text {\n font-size: 14px;\n }\n\n .nm-composition-value {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nm-card {\n animation: nmFadeInUp .5s ease backwards;\n }\n .nm-card:nth-child(1) { animation-delay: .05s; }\n .nm-card:nth-child(2) { animation-delay: .1s; }\n .nm-card:nth-child(3) { animation-delay: .15s; }\n .nm-card:nth-child(4) { animation-delay: .2s; }\n .nm-card:nth-child(5) { animation-delay: .25s; }\n .nm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830939013497,"sku":"HUILEDENEEMCOMPTOIRDESHUILES","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-50-ml-flacon-pipette-comptoir-des-huiles-packshothd.webp?v=1774365007"},{"product_id":"huile-jojoba-regule-sebum-50ml","title":"Huile de Jojoba - Régule le sébum - 50 ml - Comptoir des Huiles","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Jojoba - Comptoir des Huiles\nPalette détectée:\n - Primaire: #2E7D6F (vert teal du bandeau \"Comptoir des Huiles\" sur l'étiquette)\n - Secondaire: #C4883A (ambre doré du flacon en verre et de l'huile)\n - Accent: #D4A852 (doré lumineux de l'huile au compte-gouttes)\nAmbiance: Naturel, épuré, cosmétique bio, élégant et authentique. Univers végétal avec des tonalités terre\/nature. Étiquette crème avec motifs botaniques. Flacon ambré en verre = pharmacopée naturelle premium.\nPréfixe CSS: jj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Bienfaits principaux :\"\n 2. \"Conseils d'utilisation :\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jj-hero\"\u003e\n \u003cdiv class=\"jj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jj-hero-content\"\u003e\n \u003cdiv class=\"jj-badges-top\"\u003e\n \u003cspan class=\"jj-badge\"\u003e🌿 100% naturelle\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🧴 Sébo-régulatrice\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e✨ Visage · Corps · Cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jj-hero-title\"\u003eHuile de Jojoba\u003c\/span\u003e\n \u003cp class=\"jj-subtitle\"\u003eComptoir des Huiles · 50 ml\u003c\/p\u003e\n \u003cp class=\"jj-description\"\u003eUn soin naturel polyvalent dont la composition, proche du sébum humain, équilibre les peaux mixtes à grasses tout en maintenant une hydratation optimale — sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Bienfaits principaux --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eBienfaits principaux :\u003c\/h2\u003e\n \u003cdiv class=\"jj-grid\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eEn mimant le sébum naturel, l'huile de jojoba aide à équilibrer les peaux grasses ou sujettes à l'acné. Elle régule la production de sébum pour un teint matifié et unifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💧 Hydratation et protection\u003c\/h3\u003e\n \u003cp\u003eForme une barrière protectrice qui préserve l'hydratation naturelle de la peau tout en pénétrant facilement, sans laisser de film gras désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eNourrit, assouplit et fortifie les cheveux, leur redonnant brillance et souplesse, tout en aidant à réduire les pellicules durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eConseils d'utilisation :\u003c\/h2\u003e\n \u003cdiv class=\"jj-timeline\"\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et sèche, en massant délicatement jusqu'à absorption complète. Peut être utilisée en crème de jour ou de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez l'huile après la douche sur l'ensemble du corps pour nourrir et adoucir la peau. Elle pénètre rapidement sans effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e✨ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampooing : appliquez sur le cuir chevelu et les longueurs, laissez poser 30 minutes, puis lavez avec un shampooing doux. En soin quotidien, utilisez quelques gouttes sur les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-tip\"\u003e\n \u003cspan class=\"jj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e Mélangez 2-3 gouttes à votre fond de teint pour un fini lumineux et naturel tout en protégeant votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION FINALE : CTA --\u003e\n \u003csection class=\"jj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jj-cta-box\"\u003e\n \u003cp\u003e🌿 Intégrez l'huile de jojoba de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e dans votre routine beauté pour profiter de ses multiples bienfaits naturels. Une solution idéale pour équilibrer votre peau, hydrater votre corps et revitaliser vos cheveux, tout en adoptant une démarche écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jj-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --jj-cream: #faf8f4;\n --jj-white: #ffffff;\n --jj-primary: #2E7D6F;\n --jj-primary-dark: #1b5c51;\n --jj-primary-light: #e8f4f1;\n --jj-secondary: #C4883A;\n --jj-accent: #D4A852;\n --jj-text: #1a1a1a;\n --jj-text-light: #5a5a5a;\n --jj-border: #e0ddd7;\n --jj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --jj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --jj-radius: 20px;\n --jj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.jj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jj-hero {\n position: relative;\n background: linear-gradient(135deg, #1b5c51 0%, #2E7D6F 40%, #3a9484 70%, #C4883A 100%);\n border-radius: var(--jj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--jj-shadow-lg);\n}\n\n.jj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,168,82,.12) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.jj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.jj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.jj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.jj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.jj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.jj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--jj-primary), var(--jj-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLE === *\/\n.jj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.jj-card {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jj-shadow-lg);\n border-color: var(--jj-primary);\n}\n\n.jj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.jj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jj-primary), var(--jj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.jj-timeline-content {\n flex: 1;\n background: var(--jj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jj-radius-sm);\n box-shadow: var(--jj-shadow);\n}\n\n.jj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jj-timeline-content p {\n font-size: 14px;\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.jj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--jj-primary-light);\n border-radius: var(--jj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.jj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.jj-tip p {\n font-size: 14px;\n color: var(--jj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.jj-cta-box {\n background: linear-gradient(135deg, var(--jj-primary) 0%, var(--jj-primary-dark) 100%);\n border-radius: var(--jj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -30%;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(212,168,82,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.jj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.jj-disclaimer {\n font-size: 12px;\n color: var(--jj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .jj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jj-card {\n padding: 1.125rem;\n }\n\n .jj-section {\n margin-bottom: 1.75rem;\n }\n\n .jj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jj-radius-sm);\n }\n\n .jj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jj-timeline-content h3 {\n font-size: 14px;\n }\n\n .jj-timeline-content p {\n font-size: 13px;\n }\n\n .jj-tip {\n padding: .875rem 1rem;\n }\n\n .jj-tip-icon {\n font-size: 20px;\n }\n\n .jj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jj-card {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-card:nth-child(1) { animation-delay: .05s; }\n .jj-card:nth-child(2) { animation-delay: .1s; }\n .jj-card:nth-child(3) { animation-delay: .15s; }\n\n .jj-timeline-item {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-timeline-item:nth-child(1) { animation-delay: .05s; }\n .jj-timeline-item:nth-child(2) { animation-delay: .1s; }\n .jj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes jjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .jj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830957003129,"sku":"HUILEJOJOBACOMPTOIRDESHUILES","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-regule-le-sebum-50-ml-comptoir-des-huiles-lifestyle.webp?v=1771412811"},{"product_id":"geranium-rosat-huile-essentielle-saint-hilaire","title":"Huile Essentielle de Géranium Rosat Bio - Saint Hilaire - 10 ml","description":"\u003cdiv class=\"gr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gr-hero\"\u003e\n \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gr-hero-content\"\u003e\n \u003cdiv class=\"gr-badges-top\"\u003e\n \u003cspan class=\"gr-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🌸 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gr-hero-title\"\u003eHuile essentielle de Géranium Rosat Bio\u003c\/span\u003e\n \u003cp class=\"gr-subtitle\"\u003eDistillerie Saint-Hilaire — 10 ml\u003c\/p\u003e\n \u003cp class=\"gr-description\"\u003eUn trésor floral aux vertus exceptionnelles pour la peau, l'esprit et le bien-être au quotidien. Pelargonium graveolens d'origine Égypte, distillé avec un savoir-faire artisanal d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eHuile essentielle de Géranium Rosat Bio – Un incontournable de l'aromathérapie\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de géranium rosat\u003c\/strong\u003e bio de la Distillerie Saint-Hilaire est un véritable trésor botanique. Obtenue par distillation à la vapeur d'eau des parties aériennes du \u003cem\u003ePelargonium graveolens\u003c\/em\u003e, elle dévoile un parfum floral et rosé d'une grande finesse.\u003c\/p\u003e\n \u003cp class=\"gr-section-intro\"\u003eQue vous cherchiez à prendre soin de votre peau, à éloigner les insectes ou à retrouver un équilibre émotionnel, cette \u003cstrong\u003ehuile essentielle bio\u003c\/strong\u003e saura répondre à vos attentes avec élégance.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de géranium rosat\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eLe \u003cstrong\u003egéranium rosat\u003c\/strong\u003e est l'une des huiles essentielles les plus polyvalentes en aromathérapie. Voici ses principales propriétés reconnues :\u003c\/p\u003e\n \u003cdiv class=\"gr-grid\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e✨ Régénérante cutanée\u003c\/h3\u003e\n \u003cp\u003eFavorise la cicatrisation des petites plaies, coupures et irritations. Particulièrement appréciée pour atténuer l'apparence des rides, des vergetures et des taches cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🛡️ Anti-infectieuse et antifongique\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée en cas de mycoses cutanées, de candidoses ou d'affections comme l'eczéma, le psoriasis ou l'impétigo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💎 Astringente et tonifiante\u003c\/h3\u003e\n \u003cp\u003eResserre les pores, tonifie les tissus et améliore l'élasticité de la peau. Un allié précieux pour les peaux mixtes, grasses ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🦟 Répulsif naturel\u003c\/h3\u003e\n \u003cp\u003eSon arôme floral éloigne efficacement moustiques et autres nuisibles. Idéal en diffusion lors des soirées d'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧘 Apaisante émotionnelle\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, aide à réduire le stress, l'anxiété et la nervosité, instaurant une ambiance douce et harmonieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💜 Soutien circulatoire\u003c\/h3\u003e\n \u003cp\u003eHémostatique, elle contribue à atténuer les sensations de jambes lourdes et les petits saignements superficiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de géranium rosat ?\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eVoici quelques conseils pratiques pour profiter pleinement de ses bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"gr-timeline\"\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn soin cutané\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (jojoba, amande douce ou argan) et appliquez sur la zone concernée. Parfait pour le visage, les cicatrices ou les zones sujettes aux irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 10 gouttes dans votre diffuseur pour créer une atmosphère relaxante et repousser les insectes naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn synergie\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile essentielle géranium bourbon\u003c\/strong\u003e se marie parfaitement avec la lavande vraie, le palmarosa, l'ylang-ylang ou le citron pour des compositions personnalisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez 2 gouttes à votre crème de jour ou de nuit pour un soin anti-âge naturel et délicatement parfumé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePelargonium graveolens\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eParties aériennes (feuilles et tiges)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eÉgypte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronellol, géraniol, linalol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧪 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003ePelargonium graveolens oil*. *Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gr-accordion\"\u003e\n \u003cdetails class=\"gr-accordion-item\" open\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eComme toute huile essentielle, le géranium rosat doit être utilisé avec discernement. \u003cstrong\u003eNe jamais l'appliquer pure sur la peau\u003c\/strong\u003e : diluez-la toujours dans une huile végétale. Effectuez un test dans le pli du coude 48 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eElle est \u003cstrong\u003edéconseillée aux femmes enceintes et allaitantes\u003c\/strong\u003e ainsi qu'aux enfants de moins de 6 ans. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. Consultez votre médecin ou pharmacien pour tout usage thérapeutique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la Distillerie Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"gr-cta-box\"\u003e\n \u003cp\u003eInstallée au cœur de l'Auvergne, la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e perpétue un savoir-faire artisanal exigeant. Chaque \u003cstrong\u003ehuile essentielle bio chémotypée\u003c\/strong\u003e est rigoureusement contrôlée pour garantir une traçabilité complète et une qualité irréprochable.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eEn choisissant cette huile essentielle de géranium rosat, vous optez pour un produit authentique, respectueux de la nature et de votre bien-être. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gr-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments et ne peuvent se substituer à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gr-cream: #faf7f5;\n --gr-white: #ffffff;\n --gr-primary: #c76b8a;\n --gr-primary-dark: #2d4a3e;\n --gr-primary-light: #f5e8ed;\n --gr-secondary: #e8a0b5;\n --gr-accent: #8b5e3c;\n --gr-text: #1a1a1a;\n --gr-text-light: #5a5a5a;\n --gr-border: #e8ddd6;\n --gr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gr-radius: 20px;\n --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gr-primary-dark) 0%, #4a6e5d 40%, var(--gr-primary) 100%);\n border-radius: var(--gr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gr-shadow-lg);\n}\n\n.gr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,160,181,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.gr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gr-primary), var(--gr-secondary));\n border-radius: 2px;\n}\n\n.gr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gr-card {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gr-shadow-lg);\n border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n padding: 1rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gr-primary), var(--gr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gr-timeline-content {\n flex: 1;\n background: var(--gr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gr-radius-sm);\n box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n font-size: 14px;\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.gr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gr-primary-light);\n border-radius: var(--gr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gr-tip p {\n font-size: 14px;\n color: var(--gr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.gr-accordion {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n box-shadow: var(--gr-shadow);\n overflow: hidden;\n}\n\n.gr-accordion-item {\n border-bottom: 1px solid var(--gr-border);\n margin: 0;\n padding: 0;\n}\n\n.gr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gr-accordion-header:hover {\n background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gr-primary);\n transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n content: '−';\n}\n\n.gr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.gr-cta-box {\n background: linear-gradient(135deg, var(--gr-primary-dark) 0%, #4a6e5d 100%);\n border-radius: var(--gr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gr-disclaimer {\n font-size: 12px;\n color: var(--gr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gr-card {\n padding: 1.125rem;\n }\n\n .gr-section {\n margin-bottom: 1.75rem;\n }\n\n .gr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gr-radius-sm);\n }\n\n .gr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gr-grid-compact {\n gap: .625rem;\n }\n\n .gr-grid-compact .gr-card {\n padding: .75rem;\n }\n\n .gr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gr-timeline-content h3 {\n font-size: 14px;\n }\n\n .gr-timeline-content p {\n font-size: 13px;\n }\n\n .gr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gr-testimonial {\n padding: 1.25rem;\n }\n\n .gr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gr-card {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-card:nth-child(1) { animation-delay: .05s; }\n .gr-card:nth-child(2) { animation-delay: .1s; }\n .gr-card:nth-child(3) { animation-delay: .15s; }\n .gr-card:nth-child(4) { animation-delay: .2s; }\n .gr-card:nth-child(5) { animation-delay: .25s; }\n .gr-card:nth-child(6) { animation-delay: .3s; }\n .gr-card:nth-child(7) { animation-delay: .35s; }\n .gr-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes grFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858776445305,"sku":"NBAIDSH0003","price":9.84,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-geranium-rosat-bio-saint-hilaire-10-ml-packshothd.webp?v=1774513735"},{"product_id":"huile-vegetale-carotte-bio-50m","title":"Huile végétale à la Carotte Bio - Saint Hilaire - 50 ml","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Biologique certifié\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🥕 Riche en bêta-carotène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eHuile végétale à la Carotte Bio\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eUn macérât huileux d'exception, issu de racines de carotte bio macérées dans de l'huile de tournesol biologique. Le secret d'un teint lumineux et doré, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMacérât huileux de carotte bio : l'allié naturel d'un teint lumineux\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de carotte pour le visage\u003c\/strong\u003e qui apporte un véritable éclat naturel à votre peau ? Le macérât huileux de carotte bio de la Distillerie Saint-Hilaire est bien plus qu'un simple soin : c'est un concentré de bêta-carotène issu de racines de carotte (\u003cem\u003eDaucus carota\u003c\/em\u003e) macérées patiemment dans une huile de tournesol biologique. Fabriqué en Auvergne selon un savoir-faire artisanal, ce flacon de 50 ml deviendra vite un incontournable de votre routine beauté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi utiliser une huile de carotte sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLa carotte est naturellement riche en \u003cstrong\u003ebêta-carotène\u003c\/strong\u003e, un pigment précurseur de la vitamine A reconnu pour ses propriétés antioxydantes. Appliquée sur la peau, cette \u003cstrong\u003ehuile végétale de carotte\u003c\/strong\u003e offre des bienfaits concrets que vous remarquerez rapidement :\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eLe bêta-carotène donne à la peau une teinte dorée subtile et un éclat sain, sans artifice. Le teint paraît reposé et lumineux dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e☀️ Préparation au bronzage\u003c\/h3\u003e\n \u003cp\u003eAppliquée quelques semaines avant l'été, elle prépare la peau à l'exposition solaire et aide à obtenir un hâle plus uniforme et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle lutte contre les radicaux libres responsables du vieillissement prématuré de la peau, aidant à préserver sa souplesse et sa jeunesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Nutrition et régénération\u003c\/h3\u003e\n \u003cp\u003eLes peaux sèches, ternes ou fragilisées retrouvent confort et douceur grâce à l'action nourrissante de l'huile de tournesol combinée aux actifs de la carotte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile visage carotte au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eL'avantage de ce macérât, c'est sa polyvalence. Voici quelques façons concrètes de l'intégrer à vos soins :\u003c\/p\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes le soir sur un visage propre et sec. Massez délicatement du centre vers l'extérieur du visage jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn préparation solaire\u003c\/h3\u003e\n \u003cp\u003eCommencez à l'utiliser 2 à 3 semaines avant vos vacances pour préparer naturellement votre peau au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn soin après-soleil\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le corps après une journée d'exposition pour apaiser, nourrir et prolonger votre bronzage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn mélange personnalisé\u003c\/h3\u003e\n \u003cp\u003eAssociez quelques gouttes à votre crème de jour, à une autre huile végétale ou à votre fond de teint pour un effet bonne mine discret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile carotte visage\u003c\/strong\u003e convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌻 Helianthus annuus seed oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de tournesol biologique — base de macération nourrissante et légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🥕 Daucus carota sativa root extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de racine de carotte biologique — concentré en bêta-carotène pour l'éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Rosmarinus officinalis leaf extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de feuille de romarin biologique — antioxydant naturel qui préserve la qualité de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Formule 100 % naturelle, sans conservateur de synthèse, sans parfum ajouté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧴 Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur pour préserver la qualité des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e☀️ Protection solaire\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAttention :\u003c\/strong\u003e ce macérât ne remplace en aucun cas une crème solaire. Utilisez toujours une protection adaptée lors d'une exposition prolongée au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de terrain allergique, réalisez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003eFabriqué en France par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e, ce macérât huileux de carotte bio reflète un engagement sincère pour des soins naturels, biologiques et respectueux de votre peau comme de l'environnement. Un geste simple pour un teint éclatant toute l'année. 🥕✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #fdf8f2;\n --mc-white: #ffffff;\n --mc-primary: #e8983e;\n --mc-primary-dark: #8b5e34;\n --mc-primary-light: #fdf0e2;\n --mc-secondary: #5a7a3a;\n --mc-accent: #d4782a;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e8ddd0;\n --mc-shadow: 0 4px 24px rgba(139, 94, 52, .08);\n --mc-shadow-lg: 0 12px 48px rgba(139, 94, 52, .15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b5e34 0%, #e8983e 50%, #d4782a 100%);\n border-radius: var(--mc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.mc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mc-section-intro strong {\n color: var(--mc-text);\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mc-tip p strong {\n color: var(--mc-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n.mc-accordion-content p strong {\n color: var(--mc-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862224720249,"sku":"NBAIDSH0019","price":7.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-a-la-carotte-bio-saint-hilaire-50-ml-packshothd.webp?v=1774427265"},{"product_id":"huile-vegetale-abricot-bio-50ml","title":"Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé profond du logo\/étiquette Saint-Hilaire)\n - Secondaire: #E8A87C (pêche\/abricot doux de la bande étiquette)\n - Accent: #D4874D (ambre doré de l'huile\/flacon)\n - Background: #FDF5EE (beige rosé très clair, rappel du fond photo)\nAmbiance: Naturel, bio, artisanal, cosmétique premium, douceur, Auvergne, authenticité\nPréfixe CSS: ab\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\"\n 2. \"Les bienfaits de l'huile d'abricot pour le visage et le corps\"\n 3. \"Comment utiliser l'huile noyau d'abricot au quotidien ?\"\n 4. \"Composition\"\n 5. \"Qualité et engagement Saint-Hilaire\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ab-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ab-hero\"\u003e\n \u003cdiv class=\"ab-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-hero-content\"\u003e\n \u003cdiv class=\"ab-badges-top\"\u003e\n \u003cspan class=\"ab-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🍑 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eHuile végétale d'abricot bio\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eSaint-Hilaire — Flacon 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eL'éclat naturel d'une huile précieuse, pressée à froid à partir des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e. Riche en bêta-carotène et en vitamines A \u0026amp; E pour une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eHuile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eVous cherchez une huile végétale d'abricot capable de redonner vie à votre teint tout en nourrissant votre peau en profondeur ?\u003c\/p\u003e\n \u003cdiv class=\"ab-highlight-box\"\u003e\n \u003cp\u003eL'huile végétale de noyau d'abricot bio de la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e, elle conserve toute la richesse de ses actifs naturels : \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e, \u003cstrong\u003evitamine A\u003c\/strong\u003e (bêta-carotène) et \u003cstrong\u003evitamine E\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCertifiée \u003cstrong\u003ebiologique\u003c\/strong\u003e, cette huile est présentée dans un flacon en verre ambré de 50 ml muni d'une pompe doseuse, pour une utilisation précise et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'abricot pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile polyvalente à la texture sèche qui pénètre rapidement sans laisser de film gras.\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en bêta-carotène, elle ravive les teints ternes et fatigués. Quelques gouttes suffisent pour retrouver un éclat lumineux, même en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eRiche en acide oléique (oméga 9) et en acide linoléique (oméga 6), elle renforce le film hydrolipidique cutané. La peau reste souple, douce et protégée des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌸 Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A et E agissent en synergie pour aider à réduire l'apparence des rides et ridules. La peau retrouve progressivement fermeté et élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🤍 Convient à toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eSa légèreté la rend aussi confortable sur les peaux mixtes que sur les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, réduit les frisottis et redonne brillance aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile noyau d'abricot au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile remarquablement facile à intégrer à votre routine beauté.\u003c\/p\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage matin et soir\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur une peau propre et légèrement humide. Massez doucement du centre du visage vers l'extérieur. Vous pouvez l'utiliser seule ou la mélanger à votre crème habituelle pour enrichir son pouvoir nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn huile démaquillante\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette dans le creux de vos mains, massez l'ensemble du visage, puis rincez à l'eau tiède ou retirez avec un coton humide. Elle dissout efficacement le maquillage, même waterproof.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn massage corporel\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la pure ou associée à quelques gouttes d'huile essentielle de votre choix pour un massage relaxant et hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs, laissez poser 30 minutes à une nuit sous une serviette, puis procédez à votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e sur peau légèrement humide, l'huile pénètre encore plus vite et laisse un fini soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003ePrunus Armeniaca Kernel Oil*\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eAmandon du noyau d'abricot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧴 Flacon\u003c\/h3\u003e\n \u003cp\u003eVerre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eQualité et engagement Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"ab-testimonial\"\u003e\n \u003cp class=\"ab-testimonial-text\"\u003eLa Distillerie Saint-Hilaire, installée en Auvergne, cultive un savoir-faire artisanal depuis plusieurs décennies. Cette huile d'abricot bio est extraite à froid pour préserver l'intégralité de ses nutriments. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pompe doseuse évite tout gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eNutriments préservés à 100 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🫙 Verre ambré\u003c\/h3\u003e\n \u003cp\u003eProtection anti-oxydation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌱 Agriculture bio\u003c\/h3\u003e\n \u003cp\u003eCertification biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eArtisanat depuis des décennies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ab-accordion\"\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e⚠️ Usage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage \u003cstrong\u003eexterne uniquement\u003c\/strong\u003e. Conservez le flacon bien fermé, à l'abri de la lumière directe et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux fruits à coque, réalisez un test cutané dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ab-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à votre peau l'éclat naturel de l'abricot bio d'Auvergne.\u003cbr\u003eUne huile précieuse, un geste simple, une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ab-cream: #FDF5EE;\n --ab-white: #ffffff;\n --ab-primary: #2D4A3E;\n --ab-primary-dark: #1E352B;\n --ab-primary-light: #E8F0EC;\n --ab-secondary: #E8A87C;\n --ab-accent: #D4874D;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #e8ddd4;\n --ab-shadow: 0 4px 24px rgba(45,74,62,.08);\n --ab-shadow-lg: 0 12px 48px rgba(45,74,62,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ab-hero {\n position: relative;\n background: linear-gradient(135deg, #2D4A3E 0%, #3A6354 40%, #D4874D 100%);\n border-radius: var(--ab-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ab-shadow-lg);\n}\n\n.ab-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(232,168,124,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,135,77,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ab-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ab-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ab-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ab-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ab-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ab-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ab-primary), var(--ab-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ab-highlight-box {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-secondary);\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ab-text);\n line-height: 1.8;\n}\n\n.ab-highlight-box p {\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ab-card {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ab-shadow-lg);\n border-color: var(--ab-secondary);\n}\n\n.ab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ab-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ab-grid-compact .ab-card {\n padding: 1rem;\n}\n\n.ab-grid-compact .ab-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ab-grid-compact .ab-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ab-primary), var(--ab-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ab-timeline-content {\n flex: 1;\n background: var(--ab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ab-radius-sm);\n box-shadow: var(--ab-shadow);\n}\n\n.ab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ab-timeline-content p {\n font-size: 14px;\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ab-testimonial {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-primary);\n}\n\n.ab-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ab-accordion {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n box-shadow: var(--ab-shadow);\n overflow: hidden;\n}\n\n.ab-accordion-item {\n border-bottom: 1px solid var(--ab-border);\n margin: 0;\n padding: 0;\n}\n\n.ab-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ab-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ab-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ab-accordion-header:hover {\n background: var(--ab-primary-light);\n}\n\n.ab-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ab-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ab-primary);\n transition: transform .2s ease;\n}\n\n.ab-accordion-item[open] .ab-accordion-header::after {\n content: '−';\n}\n\n.ab-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ab-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ab-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ab-primary-light);\n border-radius: var(--ab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ab-tip p {\n font-size: 14px;\n color: var(--ab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-accent) 100%);\n border-radius: var(--ab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ab-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(232,168,124,.2) 0%, transparent 50%);\n}\n\n.ab-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ab-disclaimer {\n font-size: 12px;\n color: var(--ab-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ab-card {\n padding: 1.125rem;\n }\n\n .ab-section {\n margin-bottom: 1.75rem;\n }\n\n .ab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ab-radius-sm);\n }\n\n .ab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ab-grid-compact {\n gap: .625rem;\n }\n\n .ab-grid-compact .ab-card {\n padding: .75rem;\n }\n\n .ab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ab-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ab-timeline-content h3 {\n font-size: 14px;\n }\n\n .ab-timeline-content p {\n font-size: 13px;\n }\n\n .ab-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ab-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ab-testimonial {\n padding: 1.25rem;\n }\n\n .ab-testimonial-text {\n font-size: 14px;\n }\n\n .ab-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ab-card {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-card:nth-child(1) { animation-delay: .05s; }\n .ab-card:nth-child(2) { animation-delay: .1s; }\n .ab-card:nth-child(3) { animation-delay: .15s; }\n .ab-card:nth-child(4) { animation-delay: .2s; }\n .ab-card:nth-child(5) { animation-delay: .25s; }\n .ab-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ab-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862241825145,"sku":"NBAIDSH0016","price":7.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-dabricot-bio-saint-hilaire-50-ml-ingredients.webp?v=1771577056"},{"product_id":"soin-naturel-amande-douce-50ml","title":"Huile végétale d'Amande Douce Bio - Saint-Hilaire - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile végétale d'Amande Douce Bio - Saint-Hilaire - 50ml\nPalette détectée:\n - Primaire: #2D5A3D (vert foncé du texte \"Distillerie Saint-Hilaire\" sur l'étiquette)\n - Secondaire: #C8A96E (ambre doré du flacon en verre et des amandes)\n - Accent: #E8D5B0 (beige crème de l'étiquette)\n - Fond flacon: #8B5E3C (brun ambré du verre)\nAmbiance: Naturel\/bio, artisanal, douceur, authenticité provençale\/auvergnate, cosmétique végétale\nPréfixe CSS: ad\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile d'amande douce bio : le soin végétal par excellence pour votre peau et vos cheveux\"\n 2. \"Pourquoi choisir l'huile d'amande douce ? Ses bienfaits décryptés\"\n 3. \"L'huile d'amande douce pour les cheveux : un soin capillaire naturel\"\n 4. \"L'huile d'amande douce pour bébé : douceur et sécurité\"\n 5. \"Comment utiliser cette huile végétale d'amande douce bio ?\"\n 6. \"Y a-t-il des inconvénients à l'huile d'amande douce ?\"\n 7. \"Composition\"\n 8. \"Des engagements bio et écoresponsables concrets\"\n 9. \"À qui s'adresse cette huile d'amande douce bio ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ad-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ad-hero\"\u003e\n \u003cdiv class=\"ad-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ad-hero-content\"\u003e\n \u003cdiv class=\"ad-badges-top\"\u003e\n \u003cspan class=\"ad-badge\"\u003e🌿 Certifiée Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🫒 1ère pression à froid\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🇫🇷 Conditionnée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🍶 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ad-hero-title\"\u003eHuile végétale d'Amande Douce Bio\u003c\/span\u003e\n \u003cp class=\"ad-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"ad-description\"\u003eLa douceur pure de l'amande biologique, obtenue par première pression à froid. Un soin multi-usage pour toute la famille : peau, cheveux, bébé, massage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eHuile d'amande douce bio : le soin végétal par excellence pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSi vous cherchez \u003cstrong\u003eune huile végétale polyvalente, douce et efficace\u003c\/strong\u003e, vous êtes au bon endroit.\u003c\/p\u003e\n \u003cdiv class=\"ad-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e biologique de la Distillerie Saint-Hilaire est un trésor de simplicité : obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e à partir d'amandes cultivées en Espagne, elle conserve l'intégralité de ses nutriments précieux. Aucun raffinage, aucun additif, juste la richesse naturelle de l'amande (\u003cem\u003ePrunus dulcis\u003c\/em\u003e) dans un flacon en verre de 50 ml muni d'une pompe pratique.\u003c\/p\u003e\n \u003cp\u003eQue vous souhaitiez nourrir une peau sèche, apaiser la peau fragile de votre bébé, redonner de l'éclat à vos cheveux ou vous offrir un massage relaxant, cette \u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e saura répondre à vos attentes avec douceur et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'amande douce ? Ses bienfaits décryptés\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eL'huile d'amande douce fait partie des huiles végétales les plus anciennes et les plus appréciées en cosmétique naturelle, et ce n'est pas un hasard.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧬 Riche en acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eSa composition exceptionnelle en oméga-9 (acide oléique) et oméga-6 (acide linoléique) en fait un soin nourrissant profond qui renforce le film hydrolipidique de la peau. Résultat : votre peau reste souple, protégée et confortable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🍊 Source naturelle de vitamines\u003c\/h3\u003e\n \u003cp\u003eElle concentre des vitamines A, B1, B2, B6 et surtout de la \u003cstrong\u003evitamine E\u003c\/strong\u003e, un puissant antioxydant naturel qui aide à lutter contre le vieillissement cutané prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌸 Adoucissante et apaisante\u003c\/h3\u003e\n \u003cp\u003eLes \u003cstrong\u003ebienfaits de l'huile d'amande douce\u003c\/strong\u003e sont particulièrement remarquables sur les peaux sensibles, réactives ou sujettes aux tiraillements. Elle calme les rougeurs et les démangeaisons avec une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Texture soyeuse et pénétrante\u003c\/h3\u003e\n \u003cp\u003eContrairement à certaines huiles plus épaisses, elle pénètre relativement vite sans laisser de film gras désagréable, ce qui la rend agréable en application quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eL'huile d'amande douce pour les cheveux : un soin capillaire naturel\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSi vos cheveux sont secs, cassants ou ternes, l'\u003cstrong\u003ehuile d'amande douce pour les cheveux\u003c\/strong\u003e pourrait bien devenir votre alliée indispensable.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💇 Répare les pointes\u003c\/h3\u003e\n \u003cp\u003eRedonne souplesse et brillance aux pointes sèches et fourchues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Apaise le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAction émolliente sur un cuir chevelu irrité ou sujet aux pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🛡️ Protège les cheveux\u003c\/h3\u003e\n \u003cp\u003eProtège des agressions extérieures : vent, froid, chaleur des appareils coiffants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌀 Discipline les boucles\u003c\/h3\u003e\n \u003cp\u003eLimite les frisottis et apporte de la définition aux cheveux bouclés ou frisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e appliquez une noisette d'huile sur vos longueurs et pointes sèches, laissez poser 30 minutes à 1 heure en bain d'huile avant votre shampooing. Pour un soin express au quotidien, une ou deux gouttes sur les pointes encore humides après le lavage suffisent à les protéger et les nourrir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eL'huile d'amande douce pour bébé : douceur et sécurité\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eL'\u003cstrong\u003ehuile d'amande douce pour bébé\u003c\/strong\u003e est un grand classique, plébiscité par des générations de parents. Sa texture douce et sa composition naturelle en font un soin parfaitement adapté à la peau fragile des tout-petits.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Massage de bébé\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes réchauffées entre vos paumes suffisent pour un moment de tendresse et de détente. Le massage favorise le lien parent-enfant tout en hydratant la peau délicate de votre bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Croûtes de lait\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité sur le cuir chevelu de votre nourrisson, laissez agir quelques minutes, puis brossez délicatement avec une brosse à poils souples avant le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🤲 Zones sèches\u003c\/h3\u003e\n \u003cp\u003eCoudes, joues, petits plis… l'huile d'amande douce nourrit et adoucit les zones qui tiraillent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e bien que très douce, il est toujours recommandé de réaliser un test cutané dans le pli du coude de votre enfant 24 heures avant la première utilisation, notamment en cas d'antécédents allergiques aux fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile végétale d'amande douce bio ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eLa polyvalence de cette huile est l'un de ses plus grands atouts. Voici comment l'intégrer simplement à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"ad-timeline\"\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSoin du visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, sur une peau nettoyée, déposez 3 à 4 gouttes au creux de vos paumes et massez délicatement votre visage en mouvements ascendants. Particulièrement recommandée pour les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSoin du corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur la peau encore légèrement humide pour une absorption optimale. Insistez sur les zones les plus sèches : coudes, genoux, pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eHuile de massage\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la pure pour un massage relaxant, ou mélangez-la avec quelques gouttes d'huile essentielle de votre choix (lavande pour la détente, ylang-ylang pour la sensualité). Sa texture fluide facilite les mouvements et offre un excellent glissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eDémaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eSur un coton ou directement avec les doigts, elle dissout efficacement le maquillage, même waterproof, tout en prenant soin de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eBase en aromathérapie\u003c\/h3\u003e\n \u003cp\u003eEn tant qu'huile de support, elle sert de base idéale pour diluer vos huiles essentielles avant une application cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eY a-t-il des inconvénients à l'huile d'amande douce ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSoyons transparents : comme tout produit naturel, l'\u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e présente quelques limites qu'il est important de connaître pour l'utiliser en toute sérénité.\u003c\/p\u003e\n \u003cdiv class=\"ad-accordion\"\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🥜 Allergies aux fruits à coque\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eC'est le principal point de vigilance. Si vous ou votre enfant êtes allergique aux amandes ou aux fruits à coque, cette huile est déconseillée. En cas de doute, consultez votre médecin ou votre allergologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🔬 Comédogénicité légère\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile d'amande douce a un indice de comédogénicité de 2 sur 5. Si vous avez la peau grasse ou sujette aux imperfections, privilégiez son utilisation sur le corps plutôt que sur le visage, ou testez-la progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eComme toute huile vierge de qualité, elle peut rancir si elle est exposée à la chaleur ou à la lumière. Conservez-la dans un endroit frais et sec, à l'abri de la lumière directe, et utilisez-la dans les 6 mois suivant l'ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ad-composition-box\"\u003e\n \u003cdiv class=\"ad-composition-main\"\u003e\n \u003ch3\u003e🌱 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003ePrunus Amygdalus Dulcis Oil*\u003c\/strong\u003e (huile d'amande douce)\u003c\/p\u003e\n \u003cp\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🫒 Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid, sans traitement chimique ni raffinage. Préserve l'intégralité des acides gras, vitamines et composés actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🇪🇸 Origine\u003c\/h3\u003e\n \u003cp\u003eAmandes cultivées en Espagne, conditionnement en France par la Distillerie Saint-Hilaire (Auvergne).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eDes engagements bio et écoresponsables concrets\u003c\/h2\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🏅 Certification Ecocert – COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCe label exigeant garantit que l'ensemble du processus de fabrication, de la culture de l'amande au conditionnement, respecte des critères environnementaux stricts et vérifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🍶 Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eRecyclable et protecteur, il préserve l'huile de la lumière et assure une meilleure conservation de ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eElle vous permet de prélever la juste quantité, sans gaspillage ni contamination du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire Distillerie Saint-Hilaire\u003c\/h3\u003e\n \u003cp\u003eImplantée en Auvergne, cette distillerie artisanale perpétue un savoir-faire rigoureux, en privilégiant des matières premières biologiques et traçables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile d'amande douce bio ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eElle convient à \u003cstrong\u003etoute la famille\u003c\/strong\u003e, des nourrissons aux adultes, et s'adapte à de nombreuses situations.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Peaux sèches et sensibles\u003c\/h3\u003e\n \u003cp\u003eLes personnes à la peau sèche, sensible ou réactive qui cherchent un soin nourrissant sans ingrédient superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Jeunes parents\u003c\/h3\u003e\n \u003cp\u003eLes jeunes parents souhaitant un soin naturel et sûr pour la peau de leur bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs et abîmés\u003c\/h3\u003e\n \u003cp\u003eLes personnes aux cheveux secs, abîmés ou indisciplinés en quête d'un soin capillaire simple et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧘 Amateurs d'aromathérapie\u003c\/h3\u003e\n \u003cp\u003eLes amateurs d'aromathérapie et de massage qui recherchent une huile de support de qualité biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌿 Routine simplifiée\u003c\/h3\u003e\n \u003cp\u003eToute personne souhaitant simplifier sa routine beauté avec un produit multi-usage, naturel et certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + Précautions --\u003e\n \u003csection class=\"ad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ad-cta-box\"\u003e\n \u003cp\u003e🌿 L'huile d'amande douce bio Saint-Hilaire : un seul geste pour nourrir, apaiser et sublimer votre peau et vos cheveux, au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-disclaimer\"\u003e\u003cstrong\u003ePrécautions d'emploi :\u003c\/strong\u003e cette huile végétale est un soin cosmétique et ne remplace en aucun cas un traitement médical. En cas de doute, notamment en cas d'allergie connue aux fruits à coque, consultez un professionnel de santé avant utilisation. Réservé à un usage externe. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ad-cream: #FAF7F2;\n --ad-white: #ffffff;\n --ad-primary: #2D5A3D;\n --ad-primary-dark: #1E3F2B;\n --ad-primary-light: #EDF5F0;\n --ad-secondary: #C8A96E;\n --ad-accent: #E8D5B0;\n --ad-text: #1a1a1a;\n --ad-text-light: #5a5a5a;\n --ad-border: #e0ddd8;\n --ad-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ad-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ad-radius: 20px;\n --ad-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ad-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ad-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ad-hero {\n position: relative;\n background: linear-gradient(135deg, #1E3F2B 0%, #2D5A3D 40%, #3D7A52 70%, #C8A96E 100%);\n border-radius: var(--ad-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ad-shadow-lg);\n}\n\n.ad-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(200,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(200,169,110,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ad-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ad-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ad-subtitle {\n color: var(--ad-accent);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.ad-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ad-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ad-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ad-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ad-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ad-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ad-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ad-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ad-primary), var(--ad-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ad-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ad-card {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ad-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ad-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ad-shadow-lg);\n border-color: var(--ad-primary);\n}\n\n.ad-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ad-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ad-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ad-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ad-grid-compact .ad-card {\n padding: 1rem;\n}\n\n.ad-grid-compact .ad-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ad-grid-compact .ad-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ad-highlight-box {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n border-left: 4px solid var(--ad-secondary);\n}\n\n.ad-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ad-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.ad-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ad-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.ad-composition-main {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ad-shadow);\n text-align: center;\n border: 2px solid var(--ad-primary-light);\n}\n\n.ad-composition-main h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.ad-composition-main p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--ad-text-light);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.ad-composition-main p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.ad-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ad-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ad-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ad-primary), var(--ad-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ad-timeline-content {\n flex: 1;\n background: var(--ad-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ad-radius-sm);\n box-shadow: var(--ad-shadow);\n}\n\n.ad-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ad-timeline-content p {\n font-size: 14px;\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ad-testimonial {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n border-left: 4px solid var(--ad-primary);\n}\n\n.ad-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ad-accordion {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n box-shadow: var(--ad-shadow);\n overflow: hidden;\n}\n\n.ad-accordion-item {\n border-bottom: 1px solid var(--ad-border);\n margin: 0;\n padding: 0;\n}\n\n.ad-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ad-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ad-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ad-accordion-header:hover {\n background: var(--ad-primary-light);\n}\n\n.ad-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ad-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ad-primary);\n transition: transform .2s ease;\n}\n\n.ad-accordion-item[open] .ad-accordion-header::after {\n content: '−';\n}\n\n.ad-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ad-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ad-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ad-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ad-primary-light);\n border-radius: var(--ad-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ad-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ad-tip p {\n font-size: 14px;\n color: var(--ad-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ad-cta-box {\n background: linear-gradient(135deg, var(--ad-primary) 0%, var(--ad-primary-dark) 100%);\n border-radius: var(--ad-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ad-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ad-disclaimer {\n font-size: 12px;\n color: var(--ad-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ad-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ad-card {\n padding: 1.125rem;\n }\n\n .ad-section {\n margin-bottom: 1.75rem;\n }\n\n .ad-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ad-radius-sm);\n }\n\n .ad-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ad-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ad-grid-compact {\n gap: .625rem;\n }\n\n .ad-grid-compact .ad-card {\n padding: .75rem;\n }\n\n .ad-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ad-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ad-timeline-content h3 {\n font-size: 14px;\n }\n\n .ad-timeline-content p {\n font-size: 13px;\n }\n\n .ad-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ad-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ad-testimonial {\n padding: 1.25rem;\n }\n\n .ad-testimonial-text {\n font-size: 14px;\n }\n\n .ad-highlight-box {\n padding: 1.25rem;\n }\n\n .ad-highlight-box p {\n font-size: 14px;\n }\n\n .ad-composition-main {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ad-card {\n animation: adFadeInUp .5s ease backwards;\n }\n .ad-card:nth-child(1) { animation-delay: .05s; }\n .ad-card:nth-child(2) { animation-delay: .1s; }\n .ad-card:nth-child(3) { animation-delay: .15s; }\n .ad-card:nth-child(4) { animation-delay: .2s; }\n .ad-card:nth-child(5) { animation-delay: .25s; }\n .ad-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes adFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ad-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862249525625,"sku":"NBAIDSH0015","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-amande-douce-bio-saint-hilaire-50ml.jpg?v=1770369943"},{"product_id":"huile-vegetale-calendula-bio-saint-hilaire","title":"Huile Végétale de Calendula Bio - Saint-Hilaire - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Calendula Bio - Saint-Hilaire - 50ml\nPalette détectée:\n - Primaire: #D4891C (jaune-orangé doré du bandeau Calendula sur l'étiquette)\n - Secondaire: #5C3A1E (brun ambre du flacon en verre)\n - Accent: #E8A830 (jaune vif des fleurs de calendula)\nAmbiance: Naturel\/bio, artisanal français, herboristerie traditionnelle, douceur maternelle, Auvergne\nPréfixe CSS: cal\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Macérat huileux de Calendula biologique : l'allié des peaux sensibles\"\n 2. \"Huile de calendula : bienfaits pour la peau\"\n 3. \"Pour quelles situations utiliser l'huile de calendula ?\"\n 4. \"Comment utiliser ce macérat huileux de calendula ?\"\n 5. \"Composition complète (INCI)\"\n 6. \"Pourquoi choisir le macérat de calendula Saint-Hilaire ?\"\n 7. \"Précautions d'emploi et conservation\"\n 8. \"Questions fréquentes sur l'huile de calendula\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cal-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cal-hero\"\u003e\n \u003cdiv class=\"cal-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cal-hero-content\"\u003e\n \u003cdiv class=\"cal-badges-top\"\u003e\n \u003cspan class=\"cal-badge\"\u003e🌿 Certifié biologique\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🌼 100% naturel\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e👶 Convient aux bébés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cal-hero-title\"\u003eHuile végétale de Calendula bio\u003c\/span\u003e\n \u003cp class=\"cal-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"cal-description\"\u003eLe macérat huileux artisanal d'exception pour apaiser, nourrir et réparer les peaux les plus sensibles — du nourrisson à l'adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eMacérat huileux de Calendula biologique : l'allié des peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de calendula\u003c\/strong\u003e authentique, douce et véritablement efficace pour prendre soin des peaux les plus fragiles ?\u003c\/p\u003e\n \u003cdiv class=\"cal-highlight-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003emacérat huileux de Calendula bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est obtenu selon un procédé artisanal ancestral : les fleurs de \u003cem\u003eCalendula officinalis\u003c\/em\u003e — le fameux « Souci des jardins » — sont longuement macérées dans une \u003cstrong\u003ehuile de tournesol biologique\u003c\/strong\u003e, permettant d'en capturer toute la richesse en principes actifs apaisants et réparateurs.\u003c\/p\u003e\n \u003cp\u003eFabriqué en Auvergne par une distillerie reconnue pour son savoir-faire et son exigence de qualité, ce flacon de 50 ml avec pompe doseuse vous accompagne au quotidien pour apaiser, nourrir et protéger votre peau, celle de vos proches et même celle des tout-petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eHuile de calendula : bienfaits pour la peau\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eLe calendula est l'une des plantes les plus étudiées et les plus appréciées en cosmétique naturelle. Ses fleurs regorgent de \u003cstrong\u003eflavonoïdes\u003c\/strong\u003e, de \u003cstrong\u003ecaroténoïdes\u003c\/strong\u003e et d'\u003cstrong\u003eesters faradiol\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌸 Apaisante pour les peaux irritées\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, petites irritations du quotidien… L'huile au calendula calme rapidement les inconforts cutanés. Un réflexe naturel en cas de peau échauffée par le soleil, le froid ou le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✨ Réparatrice et régénérante\u003c\/h3\u003e\n \u003cp\u003eElle soutient le processus naturel de réparation de la peau. Gerçures, crevasses, petites zones abîmées ou dessèchement : elle favorise le renouvellement cellulaire pour une peau saine et souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'huile de tournesol bio, ce macérat est riche en acides gras essentiels (oméga 6, oméga 9) et en vitamine E. Il nourrit intensément sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🛡️ Adoucissante et protectrice\u003c\/h3\u003e\n \u003cp\u003eSes propriétés émollientes assouplissent la peau et renforcent la barrière cutanée. Les antioxydants naturels aident à lutter contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e👶 Adaptée aux peaux délicates\u003c\/h3\u003e\n \u003cp\u003eSa grande douceur en fait un soin de choix pour les peaux réactives, atopiques, ainsi que pour la peau fragile des bébés et des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e il n'existe pas d'\u003cstrong\u003ehuile essentielle de calendula\u003c\/strong\u003e à proprement parler. Le calendula ne se distille pas comme la lavande ou le tea tree. C'est bien sous forme de \u003cstrong\u003emacérat huileux\u003c\/strong\u003e (aussi appelé huile de calendula) que l'on profite de ses bienfaits en cosmétique. Une nuance importante pour bien choisir votre produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePour quelles situations utiliser l'huile de calendula ?\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eCe macérat huileux est d'une polyvalence remarquable. Voici les situations concrètes dans lesquelles il peut devenir votre meilleur allié :\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e😊 Rougeurs et irritations du visage\u003c\/h3\u003e\n \u003cp\u003eIdéal en soin quotidien pour les peaux sensibles sujettes aux rougeurs diffuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🧤 Mains sèches et gerçures hivernales\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes suffisent pour réparer et assouplir la peau des mains abîmée par le froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e👶 Peau de bébé\u003c\/h3\u003e\n \u003cp\u003eParfait en massage doux pour apaiser les petites irritations liées aux couches ou aux frottements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e☀️ Après-soleil naturel\u003c\/h3\u003e\n \u003cp\u003eEn application sur une peau échauffée par le soleil, il apporte un soulagement immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🦵 Zones de sécheresse localisées\u003c\/h3\u003e\n \u003cp\u003eCoudes, genoux, talons… les zones rugueuses retrouvent souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌀 Vergetures et cicatrices récentes\u003c\/h3\u003e\n \u003cp\u003eEn massage régulier, il contribue à améliorer l'aspect de la peau et à soutenir sa régénération naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💆 Base de massage\u003c\/h3\u003e\n \u003cp\u003eUtilisé seul ou avec quelques gouttes d'huiles essentielles adaptées, il constitue une excellente huile de massage corporel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eComment utiliser ce macérat huileux de calendula ?\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eGrâce à sa \u003cstrong\u003epompe doseuse pratique\u003c\/strong\u003e, l'application est simple et hygiénique :\u003c\/p\u003e\n \u003cdiv class=\"cal-timeline\"\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, appliquez 3 à 4 pressions de pompe. Massez délicatement du centre du visage vers l'extérieur, matin et\/ou soir. Votre peau absorbe rapidement l'huile, sans sensation de gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn soin corps localisé\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur la zone concernée, 2 à 3 fois par jour, en massant doucement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn massage bébé\u003c\/h3\u003e\n \u003cp\u003eRéchauffez une petite quantité entre vos paumes, puis massez tendrement le corps de bébé après le bain. Un moment de douceur et de complicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn synergie avec des huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eUtilisez ce macérat comme huile de support pour diluer vos huiles essentielles (lavande vraie, camomille romaine, tea tree…) selon vos besoins et les conseils d'un professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eSeulement \u003cstrong\u003edeux ingrédients\u003c\/strong\u003e pour une formule d'une simplicité et d'une pureté exemplaires.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid-compact\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌻 Helianthus Annuus Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de tournesol biologique — support de macération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌼 Calendula Officinalis Flower Extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de fleurs de Calendula officinal biologique — partie macérée : fleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Pas de parfum synthétique, pas de conservateur artificiel, pas d'additif superflu. Juste l'essentiel, certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePourquoi choisir le macérat de calendula Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🏔️ Fabrication artisanale en Auvergne\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire perpétue un savoir-faire régional et maîtrise chaque étape de la production, de la plante au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌿 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eLes fleurs de calendula et l'huile de tournesol utilisées sont issues de l'agriculture biologique, garantissant un produit exempt de pesticides et de produits chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🫙 Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eLe contenant protège les actifs de la lumière et de l'oxydation, préservant la qualité de l'huile dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eElle assure un dosage précis et une utilisation hygiénique, évitant tout contact direct avec le contenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✈️ Format 50 ml pratique\u003c\/h3\u003e\n \u003cp\u003eFacile à emporter en voyage ou à glisser dans votre trousse de soin, tout en offrant plusieurs semaines d'utilisation grâce à la concentration du macérat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🚫 Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eAvant une première utilisation, réalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e dans le pli du coude et attendez 24 heures pour vérifier l'absence de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e👶 Enfants de moins de 3 ans\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis d'un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon \u003cstrong\u003eà l'abri de la lumière et de la chaleur\u003c\/strong\u003e, dans un endroit frais et sec. Refermez bien la pompe après chaque utilisation pour préserver la fraîcheur du macérat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cal-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème de peau persistant (eczéma, dermatite, psoriasis…), consultez un dermatologue ou votre médecin traitant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"cal-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de calendula\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eQuelle est la différence entre huile de calendula et huile essentielle de calendula ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eIl n'existe pas véritablement d'huile essentielle de calendula obtenue par distillation classique. Ce que l'on appelle couramment « \u003cstrong\u003ehuile de calendula\u003c\/strong\u003e » est en réalité un \u003cstrong\u003emacérat huileux\u003c\/strong\u003e : les fleurs sont mises à macérer dans une huile végétale (ici, du tournesol bio) pendant plusieurs semaines. C'est ce procédé qui permet d'obtenir un soin concentré en actifs apaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eL'huile de calendula convient-elle aux bébés ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, le macérat huileux de calendula est reconnu pour sa grande douceur et est traditionnellement utilisé pour le soin de la peau des nourrissons et des jeunes enfants. Pour les bébés de moins de 3 mois, un avis médical est toutefois recommandé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003ePeut-on utiliser l'huile de calendula sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Elle est même particulièrement recommandée pour les peaux sensibles et réactives du visage. Appliquez-la le soir sur peau propre pour un effet nourrissant et apaisant optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eL'huile de calendula est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eLe macérat de calendula sur base de tournesol a un \u003cstrong\u003eindice de comédogénicité faible\u003c\/strong\u003e (environ 0 à 1). Il convient donc à la plupart des types de peau, y compris les peaux mixtes, sans risque majeur de boucher les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eCombien de temps se conserve ce macérat ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eConservé dans de bonnes conditions (à l'abri de la chaleur et de la lumière), le macérat huileux de calendula se conserve généralement 6 à 12 mois après ouverture. Référez-vous à la date indiquée sur le flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cal-cream: #FDF8F0;\n --cal-white: #ffffff;\n --cal-primary: #D4891C;\n --cal-primary-dark: #5C3A1E;\n --cal-primary-light: #FFF5E6;\n --cal-secondary: #E8A830;\n --cal-accent: #F0C044;\n --cal-text: #1a1a1a;\n --cal-text-light: #5a5a5a;\n --cal-border: #EDE3D6;\n --cal-shadow: 0 4px 24px rgba(92, 58, 30, .08);\n --cal-shadow-lg: 0 12px 48px rgba(92, 58, 30, .15);\n --cal-radius: 20px;\n --cal-radius-sm: 12px;\n}\n\n.cal-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cal-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cal-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A1E 0%, #8B5E3C 40%, #D4891C 100%);\n border-radius: var(--cal-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cal-shadow-lg);\n}\n\n.cal-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(232, 168, 48, .3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(240, 192, 68, .2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cal-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cal-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cal-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cal-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cal-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cal-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cal-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.cal-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.cal-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cal-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cal-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cal-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cal-primary), var(--cal-secondary));\n border-radius: 2px;\n}\n\n.cal-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cal-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cal-highlight-box {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cal-shadow);\n border-left: 4px solid var(--cal-secondary);\n}\n\n.cal-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cal-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.cal-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.cal-card {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cal-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cal-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cal-shadow-lg);\n border-color: var(--cal-primary);\n}\n\n.cal-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cal-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cal-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cal-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cal-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cal-grid-compact .cal-card {\n padding: 1rem;\n}\n\n.cal-grid-compact .cal-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cal-grid-compact .cal-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cal-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cal-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cal-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cal-primary), var(--cal-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cal-timeline-content {\n flex: 1;\n background: var(--cal-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cal-radius-sm);\n box-shadow: var(--cal-shadow);\n}\n\n.cal-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cal-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cal-timeline-content p {\n font-size: 14px;\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cal-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cal-primary-light);\n border-radius: var(--cal-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cal-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cal-tip p {\n font-size: 14px;\n color: var(--cal-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cal-accordion {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n box-shadow: var(--cal-shadow);\n overflow: hidden;\n}\n\n.cal-accordion-item {\n border-bottom: 1px solid var(--cal-border);\n margin: 0;\n padding: 0;\n}\n\n.cal-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cal-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cal-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cal-accordion-header:hover {\n background: var(--cal-primary-light);\n}\n\n.cal-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cal-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cal-primary);\n transition: transform .2s ease;\n}\n\n.cal-accordion-item[open] .cal-accordion-header::after {\n content: '−';\n}\n\n.cal-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cal-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cal-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cal-disclaimer {\n font-size: 12px;\n color: var(--cal-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cal-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cal-card {\n padding: 1.125rem;\n }\n\n .cal-section {\n margin-bottom: 1.75rem;\n }\n\n .cal-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cal-radius-sm);\n }\n\n .cal-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cal-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cal-grid-compact {\n gap: .625rem;\n }\n\n .cal-grid-compact .cal-card {\n padding: .75rem;\n }\n\n .cal-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cal-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cal-timeline-content h3 {\n font-size: 14px;\n }\n\n .cal-timeline-content p {\n font-size: 13px;\n }\n\n .cal-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cal-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cal-highlight-box {\n padding: 1.25rem;\n }\n\n .cal-highlight-box p {\n font-size: 14px;\n }\n\n .cal-tip {\n padding: .875rem 1rem;\n }\n\n .cal-tip-icon {\n font-size: 20px;\n }\n\n .cal-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cal-card {\n animation: calFadeInUp .5s ease backwards;\n }\n .cal-card:nth-child(1) { animation-delay: .05s; }\n .cal-card:nth-child(2) { animation-delay: .1s; }\n .cal-card:nth-child(3) { animation-delay: .15s; }\n .cal-card:nth-child(4) { animation-delay: .2s; }\n .cal-card:nth-child(5) { animation-delay: .25s; }\n .cal-card:nth-child(6) { animation-delay: .3s; }\n .cal-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes calFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cal-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862394917241,"sku":"NBAIDSH0018","price":8.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-calendula-bio-saint-hilaire-50ml-bis-min.jpg?v=1770369757"},{"product_id":"huile-jojoba-bio-saint-hilaire-50ml","title":"Huile Végétale de Jojoba Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Jojoba Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #8B5E3C (brun ambré du flacon en verre)\n - Secondaire: #E8B5A0 (rose poudré\/saumon de la bande sur l'étiquette)\n - Accent: #5A7A3A (vert des feuilles\/végétal naturel)\n - Fond: #FAF6F2 (crème chaud très doux)\nAmbiance: Naturel\/bio, artisanal français, doux \u0026 féminin, authentique, apothicaire moderne\nPréfixe CSS: jjb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de jojoba bio : le soin incontournable pour la peau et les cheveux\"\n 2. \"Pourquoi l'huile de jojoba est-elle si particulière ?\"\n 3. \"Les bienfaits de l'huile de jojoba bio pour le visage\"\n 4. \"L'huile de jojoba pour les cheveux : un soin complet\"\n 5. \"Comment utiliser l'huile de jojoba au quotidien ?\"\n 6. \"Composition\"\n 7. \"Pourquoi choisir l'huile de jojoba Saint-Hilaire ?\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile de jojoba bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jjb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jjb-hero\"\u003e\n \u003cdiv class=\"jjb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jjb-hero-content\"\u003e\n \u003cdiv class=\"jjb-badges-top\"\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🇫🇷 Fabriquée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌰 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jjb-hero-title\"\u003eHuile végétale de jojoba bio\u003c\/span\u003e\n \u003cp class=\"jjb-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"jjb-description\"\u003eUne cire liquide d'exception, proche du sébum naturel de votre peau. Soin polyvalent visage, cheveux et corps — 100 % pur, un seul ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eHuile végétale de jojoba bio : le soin incontournable pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eVous cherchez une huile végétale polyvalente, naturelle et vraiment efficace ?\u003c\/p\u003e\n \u003cdiv class=\"jjb-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de jojoba bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est bien plus qu'une simple huile : c'est une \u003cstrong\u003ecire liquide\u003c\/strong\u003e d'exception, obtenue par première pression à froid des graines de \u003cem\u003eSimmondsia chinensis\u003c\/em\u003e. Certifiée biologique et fabriquée en Auvergne, elle se distingue par sa composition remarquablement proche du sébum naturel de votre peau.\u003c\/p\u003e\n \u003cp\u003eRésultat : elle pénètre en un éclair, ne laisse aucun film gras et convient véritablement à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles et les plus grasses.\u003c\/p\u003e\n \u003cp\u003eQue vous souhaitiez utiliser l'\u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e, en soin capillaire ou comme base de massage, ce flacon de 50 ml avec pompe doseuse vous accompagnera au quotidien dans une routine beauté simple, efficace et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de jojoba est-elle si particulière ?\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eContrairement à la plupart des huiles végétales, l'huile de jojoba n'est pas un triglycéride mais une \u003cstrong\u003ecire liquide esters\u003c\/strong\u003e. Cette particularité lui confère des propriétés uniques.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🤝 Affinité exceptionnelle avec la peau\u003c\/h3\u003e\n \u003cp\u003eSa structure moléculaire est quasi identique au sébum humain. Votre peau la reconnaît et l'absorbe instantanément, sans sensation grasse ni pores obstrués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🛡️ Stabilité remarquable\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en antioxydants (vitamine E), elle ne rancit quasiment pas et se conserve très longtemps — un investissement durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧬 Richesse en acides gras\u003c\/h3\u003e\n \u003cp\u003eAcide gadoléique (65-80 %), acide érucique et acide oléique : ils nourrissent, protègent et assouplissent la peau et les cheveux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de jojoba bio pour le visage\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eAppliquer de l'\u003cstrong\u003ehuile de jojoba sur le visage\u003c\/strong\u003e est l'un des gestes les plus simples et les plus bénéfiques que vous puissiez adopter.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eEn « mimant » le sébum, elle envoie un signal à votre peau pour qu'elle réduise sa propre production de gras. Les peaux mixtes à grasses retrouvent un équilibre naturel, les brillances s'atténuent visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💧 Hydratation sans excès\u003c\/h3\u003e\n \u003cp\u003eElle forme un film protecteur imperceptible qui empêche la déshydratation tout en laissant la peau respirer. Les peaux sèches et déshydratées retrouvent confort et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eEn cas de rougeurs, tiraillements ou irritations, l'huile de jojoba calme la peau grâce à ses propriétés adoucissantes. Particulièrement appréciée des peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e✨ Prévention du vieillissement\u003c\/h3\u003e\n \u003cp\u003eSa richesse en vitamine E et en antioxydants aide à lutter contre les radicaux libres responsables du vieillissement prématuré. Le teint apparaît plus lumineux, plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🎯 Soin anti-imperfections\u003c\/h3\u003e\n \u003cp\u003eNon comédogène, elle n'obstrue pas les pores. Elle convient aux peaux à tendance acnéique et aide à apaiser les petites inflammations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eL'huile de jojoba pour les cheveux : un soin complet\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eL'\u003cstrong\u003ehuile de jojoba pour cheveux\u003c\/strong\u003e est un véritable allié capillaire, quel que soit votre type de chevelure.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💆 Nutrition des cheveux secs et cassants\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, la nourrit en profondeur et lui redonne éclat et souplesse. Fini les pointes fourchues et les cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du cuir chevelu gras\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes massées avant le shampooing aident à rééquilibrer la production de sébum du cuir chevelu, tout comme elle le fait sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n \u003cp\u003eVent, froid, chaleur du sèche-cheveux, exposition au soleil… L'huile de jojoba forme un duo protecteur qui limite la casse et la déshydratation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n \u003cp\u003eEn masque ou en soin sans rinçage sur les pointes, elle assouplit la fibre et rend les cheveux plus faciles à coiffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de jojoba au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"jjb-timeline\"\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eMatin ou soir, sur peau propre et légèrement humide, appliquez \u003cstrong\u003e2 à 3 pressions de pompe\u003c\/strong\u003e dans le creux de votre main. Chauffez l'huile entre vos paumes, puis massez délicatement votre visage par mouvements circulaires en remontant vers les tempes. L'huile pénètre en quelques secondes. Utilisez-la seule ou avant votre crème habituelle pour en renforcer l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn démaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eLe soir, massez généreusement l'huile sur l'ensemble du visage, y compris les yeux (paupières fermées). Elle dissout efficacement le maquillage — même waterproof — tout en respectant l'équilibre de votre peau. Rincez à l'eau tiède ou retirez l'excédent avec un coton réutilisable humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez une quantité généreuse sur les longueurs et les pointes sèches. Enveloppez vos cheveux dans une serviette chaude et laissez poser \u003cstrong\u003e30 minutes à 1 heure\u003c\/strong\u003e avant votre shampooing. Renouvelez une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn huile de massage ou base pour huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide et sa pénétration rapide en font une excellente huile de massage pour le corps. Elle constitue également une \u003cstrong\u003ebase idéale pour diluer vos huiles essentielles\u003c\/strong\u003e, puisqu'elle est neutre en odeur et très bien tolérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn soin des ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule chaque soir. Les ongles cassants retrouvent force et les cuticules sont nourries et assouplies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"jjb-composition-box\"\u003e\n \u003cdiv class=\"jjb-composition-inci\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient unique (INCI) :\u003c\/strong\u003e \u003cem\u003eSimmondsia Chinensis Seed Oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e* Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-grid-compact\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine de jojoba\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚙️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de jojoba Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🏔️ Production française artisanale\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est implantée en Auvergne et perpétue un savoir-faire reconnu dans la distillation et le pressage d'huiles végétales de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid certifiée bio\u003c\/h3\u003e\n \u003cp\u003eCe procédé préserve l'intégralité des actifs naturels (vitamines, acides gras, antioxydants). Aucun solvant chimique, aucun raffinage agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre ambré avec pompe\u003c\/h3\u003e\n \u003cp\u003eLe verre protège l'huile de la lumière et de l'oxydation, tandis que la pompe garantit un dosage précis et hygiénique, sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, aucun additif, aucun parfum ajouté, aucun conservateur. La garantie d'un soin brut, authentique et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"jjb-accordion\"\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez tout contact direct avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003cp\u003eBien que l'huile de jojoba soit très bien tolérée, il est toujours recommandé de réaliser un \u003cstrong\u003etest cutané dans le pli du coude\u003c\/strong\u003e 24 heures avant la première utilisation, surtout si vous avez une peau très réactive ou des allergies connues.\u003c\/p\u003e\n \u003cp\u003eConvient à toute la famille, y compris aux enfants. En cas de doute ou de terrain allergique particulier, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eGardez le flacon dans un endroit frais et sec, à l'abri de la lumière directe et des sources de chaleur. Grâce à sa stabilité naturelle, l'huile de jojoba se conserve facilement \u003cstrong\u003e12 à 18 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de problème dermatologique persistant, consultez votre médecin ou votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de jojoba bio\u003c\/h2\u003e\n \u003cdiv class=\"jjb-accordion\"\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eL'huile de jojoba convient-elle aux peaux grasses ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, c'est même l'une de ses utilisations les plus pertinentes. L'\u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e régule naturellement la production de sébum. Les peaux grasses et mixtes la tolèrent parfaitement car elle n'obstrue pas les pores et n'alourdit pas la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003ePeut-on utiliser l'huile de jojoba sur les cheveux tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eTout dépend de l'usage. En soin des pointes, vous pouvez appliquer une petite quantité d'\u003cstrong\u003ehuile de jojoba sur les cheveux\u003c\/strong\u003e quotidiennement sans les alourdir. Pour un masque capillaire en profondeur, une à deux fois par semaine suffit amplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eL'huile de jojoba est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. L'huile de jojoba possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles peu comédogènes. Elle est généralement bien tolérée par les peaux sujettes aux imperfections, précisément parce qu'elle aide à réguler le sébum plutôt qu'à surcharger la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003ePeut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de jojoba pure, sans ajout d'huile essentielle, est considérée comme sûre pendant la grossesse et l'allaitement. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures et hydrater la peau qui tiraille. En cas de doute, consultez votre sage-femme ou votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"jjb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jjb-cta-box\"\u003e\n \u003cp\u003e🌿 Une huile, mille usages : visage, cheveux, corps, ongles, massage. Offrez à votre peau le soin le plus naturel qui soit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jjb-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --jjb-cream: #FAF6F2;\n --jjb-white: #ffffff;\n --jjb-primary: #8B5E3C;\n --jjb-primary-dark: #5C3A22;\n --jjb-primary-light: #F5EDE6;\n --jjb-secondary: #E8B5A0;\n --jjb-accent: #5A7A3A;\n --jjb-text: #1a1a1a;\n --jjb-text-light: #5a5a5a;\n --jjb-border: #e8ddd4;\n --jjb-shadow: 0 4px 24px rgba(92,58,34,.08);\n --jjb-shadow-lg: 0 12px 48px rgba(92,58,34,.15);\n --jjb-radius: 20px;\n --jjb-radius-sm: 12px;\n}\n\n.jjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A22 0%, #8B5E3C 40%, #C4906C 75%, #E8B5A0 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--jjb-shadow-lg);\n}\n\n.jjb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.jjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jjb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.jjb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jjb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.jjb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.jjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jjb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.jjb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--jjb-primary), var(--jjb-secondary));\n border-radius: 2px;\n}\n\n.jjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.jjb-highlight-box {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jjb-shadow);\n border-left: 4px solid var(--jjb-secondary);\n}\n\n.jjb-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--jjb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.jjb-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.jjb-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jjb-shadow-lg);\n border-color: var(--jjb-primary);\n}\n\n.jjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.jjb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jjb-grid-compact .jjb-card {\n padding: 1rem;\n}\n\n.jjb-grid-compact .jjb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jjb-grid-compact .jjb-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.jjb-composition-box {\n margin-bottom: 1.5rem;\n}\n\n.jjb-composition-inci {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n text-align: center;\n border: 2px dashed var(--jjb-secondary);\n}\n\n.jjb-composition-inci p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--jjb-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.jjb-composition-inci p:last-child {\n margin-bottom: 0;\n font-size: clamp(12px, 2vw, 14px);\n color: var(--jjb-text-light);\n}\n\n\/* === TIMELINE === *\/\n.jjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jjb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jjb-primary), var(--jjb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.jjb-timeline-content {\n flex: 1;\n background: var(--jjb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jjb-radius-sm);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jjb-timeline-content p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.jjb-accordion {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n box-shadow: var(--jjb-shadow);\n overflow: hidden;\n}\n\n.jjb-accordion-item {\n border-bottom: 1px solid var(--jjb-border);\n margin: 0;\n padding: 0;\n}\n\n.jjb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jjb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jjb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.jjb-accordion-header:hover {\n background: var(--jjb-primary-light);\n}\n\n.jjb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jjb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jjb-primary);\n transition: transform .2s ease;\n}\n\n.jjb-accordion-item[open] .jjb-accordion-header::after {\n content: '−';\n}\n\n.jjb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jjb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jjb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.jjb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.jjb-cta-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jjb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(232,181,160,.15) 0%, transparent 60%);\n}\n\n.jjb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.jjb-disclaimer {\n font-size: 12px;\n color: var(--jjb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .jjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jjb-card {\n padding: 1.125rem;\n }\n\n .jjb-section {\n margin-bottom: 1.75rem;\n }\n\n .jjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jjb-radius-sm);\n }\n\n .jjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jjb-grid-compact {\n gap: .625rem;\n }\n\n .jjb-grid-compact .jjb-card {\n padding: .75rem;\n }\n\n .jjb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jjb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jjb-timeline-content h3 {\n font-size: 14px;\n }\n\n .jjb-timeline-content p {\n font-size: 13px;\n }\n\n .jjb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .jjb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .jjb-highlight-box {\n padding: 1.25rem;\n }\n\n .jjb-highlight-box p {\n font-size: 14px;\n }\n\n .jjb-composition-inci {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jjb-card {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-card:nth-child(1) { animation-delay: .05s; }\n .jjb-card:nth-child(2) { animation-delay: .1s; }\n .jjb-card:nth-child(3) { animation-delay: .15s; }\n .jjb-card:nth-child(4) { animation-delay: .2s; }\n .jjb-card:nth-child(5) { animation-delay: .25s; }\n .jjb-card:nth-child(6) { animation-delay: .3s; }\n\n .jjb-timeline-item {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .jjb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .jjb-timeline-item:nth-child(3) { animation-delay: .15s; }\n .jjb-timeline-item:nth-child(4) { animation-delay: .2s; }\n .jjb-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes jjbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .jjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54863397716345,"sku":"NBAIDSH0008","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HV_jojoba-min.jpg?v=1770369059"},{"product_id":"huile-vegetale-rose-musquee-bio-50ml","title":"Huile Végétale de Rose musquée Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Rose musquée Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #8B4E2A (brun ambré du flacon)\n - Secondaire: #E8B4C0 (rose poudré du bandeau packaging)\n - Accent: #C4564A (rouge des cynorrhodons\/fruits)\nAmbiance: Naturel\/botanique, élégant et féminin, cosmétique bio premium, artisanat français\nPréfixe CSS: rm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de Rose musquée bio : le secret d'une peau régénérée et lumineuse\"\n 2. \"Pourquoi la rose musquée est-elle si précieuse pour la peau ?\"\n 3. \"Les bienfaits concrets de cette huile de rose musquée bio\"\n 4. \"Pour qui est faite cette huile végétale de rose musquée ?\"\n 5. \"Comment utiliser l'huile de rose musquée sur le visage ?\"\n 6. \"La qualité Saint-Hilaire : un savoir-faire d'Auvergne\"\n 7. \"Huile de rose musquée : danger ou précautions ?\"\n 8. \"Composition complète (INCI)\"\n 9. \"Questions fréquentes sur l'huile de rose musquée\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 Rosa rubiginosa\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e❄️ Pressée à froid\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile végétale de Rose musquée bio\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eUn trésor botanique concentré en vitamine A naturelle et en acides gras essentiels, pour une peau visiblement régénérée, lumineuse et unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile végétale de Rose musquée bio : le secret d'une peau régénérée et lumineuse\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eObtenue par pression à froid des graines de \u003cem\u003eRosa rubiginosa\u003c\/em\u003e, cette huile concentre une richesse exceptionnelle en acides gras essentiels, en vitamine A (rétinol naturel) et en vitamine E.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔬 Rétinol naturel\u003c\/h3\u003e\n \u003cp\u003eVitamine A acide d'origine végétale pour stimuler le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège les cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Oméga 3-6-9\u003c\/h3\u003e\n \u003cp\u003eProfil lipidique rare pour nourrir, apaiser et renforcer la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🎯 Flacon pompe\u003c\/h3\u003e\n \u003cp\u003e50 ml en verre ambré pour un dosage précis et une conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center;margin-top:1.25rem;font-size:clamp(13px,2vw,15px);color:var(--rm-text-light);line-height:1.7;\"\u003eQue vous souhaitiez atténuer des cicatrices, estomper des taches pigmentaires, lisser des ridules ou simplement offrir à votre visage une nutrition profonde, cette huile s'adapte à de nombreuses préoccupations cutanées.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePourquoi la rose musquée est-elle si précieuse pour la peau ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eLa rose musquée (\u003cem\u003eRosa rubiginosa\u003c\/em\u003e) est un arbuste originaire d'Amérique du Sud dont les petits fruits rouges renferment des graines exceptionnellement riches en nutriments. Son profil lipidique rare est dominé par des acides gras polyinsaturés.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧬 Acide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et limite les pertes en eau pour une peau durablement hydratée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌊 Acide alpha-linolénique (oméga-3)\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles ou réactives et favorise la souplesse cutanée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✨ Acide oléique (oméga-9)\u003c\/h3\u003e\n \u003cp\u003eFacilite la pénétration de l'huile et nourrit les couches profondes de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔬 Trétinoïne naturelle\u003c\/h3\u003e\n \u003cp\u003eVitamine A acide rare à l'état naturel, reconnue pour stimuler le renouvellement cellulaire et améliorer la texture de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège les cellules du stress oxydatif et préserve la jeunesse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est cette combinaison unique qui fait de l'huile de rose musquée un actif cosmétique aussi réputé, aussi bien en soin anti-âge qu'en soin réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette huile de rose musquée bio\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e🩹 Régénération et réparation cutanée\u003c\/h3\u003e\n \u003cp\u003eParticulièrement appréciée pour accompagner la peau après des agressions : cicatrices d'acné, marques post-opératoires, vergetures ou brûlures superficielles. Sa teneur en rétinol et en acides gras essentiels soutient le renouvellement cellulaire naturel. Beaucoup d'utilisateurs constatent une nette amélioration dès quelques semaines d'application régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e⏳ Soin anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRidules autour des yeux, perte de fermeté, teint terne : en stimulant la synthèse de collagène et en améliorant l'élasticité de la peau, elle aide à lisser visiblement la surface cutanée. Après quelques semaines, le teint apparaît plus lumineux et la peau plus rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e🎨 Atténuation des taches pigmentaires\u003c\/h3\u003e\n \u003cp\u003eTaches brunes, masque de grossesse, hyperpigmentation post-inflammatoire : la vitamine A naturelle favorise le renouvellement des cellules superficielles, aidant à estomper progressivement les zones hyperpigmentées au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e💦 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eVotre peau tiraille ou manque de souplesse ? Cette huile pénètre rapidement sans laisser de film gras désagréable. Elle restaure le film hydrolipidique et offre un confort immédiat, même aux peaux desséchées par le froid, le vent ou la climatisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePour qui est faite cette huile végétale de rose musquée ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eL'un de ses grands atouts : elle convient à une grande variété de types de peau.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👵 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eRéduit l'apparence des rides et redonne de l'éclat au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition profonde et durable pour retrouver souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🩹 Peaux marquées par des cicatrices\u003c\/h3\u003e\n \u003cp\u003eAcné, chirurgie, brûlures légères, vergetures : accompagne la réparation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e😶‍🌫️ Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003ePour retrouver un teint uniforme et lumineux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eComposition apaisante riche en oméga-3 pour calmer les inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous avez une peau à tendance grasse ou acnéique, utilisez cette huile avec parcimonie, de préférence le soir, en ciblant les zones qui en ont le plus besoin (cicatrices, taches). Sa légère teinte orangée est tout à fait normale : elle témoigne de sa richesse en caroténoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de rose musquée sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003ePour profiter pleinement de tous ses bienfaits, voici une routine simple et efficace :\u003c\/p\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir (utilisation recommandée)\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, pressez 3 à 5 gouttes dans le creux de votre main. Réchauffez l'huile entre vos paumes, puis appliquez-la sur le visage, le cou et le décolleté en effectuant de doux mouvements ascendants et circulaires. L'application sur peau humide favorise une meilleure pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin (en option)\u003c\/h3\u003e\n \u003cp\u003eMélangez 2 gouttes d'huile à votre crème de jour habituelle pour un effet bonne mine immédiat. Pensez à appliquer une protection solaire par-dessus, car la vitamine A peut rendre la peau légèrement plus sensible au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🎯 En soin ciblé\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement quelques gouttes directement sur les cicatrices, vergetures ou taches que vous souhaitez atténuer, matin et soir, pendant au moins 8 semaines pour observer des résultats significatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🧪 En mélange\u003c\/h3\u003e\n \u003cp\u003eExcellente base pour diluer vos huiles essentielles (lavande, géranium, hélichryse italienne…) dans le cadre de soins personnalisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLa qualité Saint-Hilaire : un savoir-faire d'Auvergne\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eLa Distillerie Saint-Hilaire, implantée au cœur de l'Auvergne, cultive un savoir-faire artisanal exigeant dans la production d'huiles végétales et d'huiles essentielles biologiques.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌿 Certifiée biologique\u003c\/h3\u003e\n \u003cp\u003e100 % des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé doux qui préserve l'intégralité des actifs sans altération par la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 Pure et sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun parfum synthétique, aucun solvant chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🫙 Flacon verre ambré\u003c\/h3\u003e\n \u003cp\u003eProtection contre la lumière et l'oxydation pour une fraîcheur optimale jusqu'à la dernière goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile de rose musquée : danger ou précautions ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eRassurez-vous : cette huile végétale est globalement très bien tolérée et ne présente pas de risque particulier pour la grande majorité des utilisateurs. Quelques précautions sont toutefois à respecter.\u003c\/p\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eAvant la première utilisation, appliquez une petite quantité dans le pli du coude et attendez 24 heures pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e☀️ Photosensibilité\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de sa teneur en vitamine A, évitez l'exposition prolongée au soleil juste après l'application, ou appliquez-la de préférence le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin ou sage-femme avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🩹 Plaies ouvertes\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer sur des plaies ouvertes ou des lésions infectées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe. Une fois ouvert, utilisez l'huile dans les 6 mois pour bénéficier de toutes ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eEn cas de doute ou de problème cutané persistant, consultez un dermatologue. Cette huile végétale est un soin cosmétique et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"rm-composition-box\"\u003e\n \u003cp class=\"rm-inci\"\u003e\u003cstrong\u003eIngrédient :\u003c\/strong\u003e \u003cem\u003eRosa rubiginosa seed oil*\u003c\/em\u003e (huile végétale de rose musquée)\u003c\/p\u003e\n \u003cp class=\"rm-inci-note\"\u003e* Ingrédient issu de l'agriculture biologique. \u003cstrong\u003e100 % du total des ingrédients sont d'origine biologique.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact rm-composition-details\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌹 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRosa rubiginosa\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de rose musquée\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on utiliser l'huile de rose musquée tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tout à fait. L'huile de rose musquée peut s'intégrer à votre routine quotidienne, de préférence le soir. Pour les peaux sensibles ou mixtes, une application un jour sur deux peut suffire dans un premier temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003eAu bout de combien de temps voit-on les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eChaque peau est différente, mais de nombreux utilisateurs observent une amélioration de la texture et de l'éclat du teint dès 3 à 4 semaines d'utilisation régulière. Pour les cicatrices plus anciennes ou les taches installées, comptez 2 à 3 mois d'application assidue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003eL'huile de rose musquée est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de rose musquée possède un indice de comédogénicité faible (1 sur 5). Elle est donc généralement bien tolérée par les peaux mixtes. Toutefois, si vous êtes sujette aux imperfections, privilégiez une utilisation ciblée plutôt qu'une application sur l'ensemble du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on l'utiliser sur le corps ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. L'huile de rose musquée est excellente en soin corporel, notamment sur les zones sujettes aux vergetures (ventre, cuisses, poitrine) ou sur les cicatrices situées sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on la mélanger avec d'autres huiles ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, elle se marie très bien avec d'autres huiles végétales comme l'huile de jojoba, l'huile d'argan ou l'huile de bourrache pour des soins sur mesure adaptés à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau le pouvoir régénérant de la rose musquée bio.\u003cbr\u003eUn flacon de 50 ml suffit pour plusieurs mois de soin quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eLes compléments alimentaires et soins cosmétiques ne se substituent pas à une alimentation variée et équilibrée, ni à un suivi médical. Se référer aux précautions d'emploi avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #FDF8F5;\n --rm-white: #ffffff;\n --rm-primary: #8B4E2A;\n --rm-primary-dark: #5E3219;\n --rm-primary-light: #F5EAE2;\n --rm-secondary: #E8B4C0;\n --rm-accent: #C4564A;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e8ddd6;\n --rm-shadow: 0 4px 24px rgba(139, 78, 42, .08);\n --rm-shadow-lg: 0 12px 48px rgba(139, 78, 42, .15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #8B4E2A 0%, #A0664A 40%, #C4564A 70%, #E8B4C0 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,180,192,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.rm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.rm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-secondary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-card-highlight {\n border-left: 4px solid var(--rm-secondary);\n text-align: left;\n}\n\n.rm-card-highlight:hover {\n border-color: var(--rm-primary);\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL (unused here but kept for system) === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-primary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rm-composition-box {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n text-align: center;\n}\n\n.rm-inci {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.rm-inci-note {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0 0 1.5rem 0;\n line-height: 1.6;\n}\n\n.rm-composition-details {\n margin-top: 0;\n}\n\n.rm-composition-details .rm-card {\n background: var(--rm-primary-light);\n box-shadow: none;\n}\n\n.rm-composition-details .rm-card:hover {\n box-shadow: var(--rm-shadow);\n}\n\n\/* === CTA FINAL === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n\n .rm-composition-box {\n padding: 1.25rem;\n }\n\n .rm-card-highlight {\n border-left-width: 3px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54864015589753,"sku":"NBAIDSH0036","price":13.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-rose-musquee-bio-saint-hilaire-50-ml-ingredients_3454db5c-e4fd-41e6-853f-57e525646821.webp?v=1771577430"},{"product_id":"eau-florale-bleuet-bio-saint-hilaire-200ml","title":"Eau Florale de Bleuet Bio - Saint-Hilaire - 200ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Eau Florale de Bleuet Bio - Distillerie Saint-Hilaire - 200ml\nPalette détectée:\n - Primaire: #1e3a6e (bleu profond du flacon cobalt)\n - Secondaire: #5b8fd9 (bleu bleuet\/cornflower)\n - Accent: #3b5998 (bleu moyen intermédiaire)\n - Fond packaging blanc: #ffffff (bandeau étiquette)\nAmbiance: Naturel, botanique, artisanal français, cosmétique bio, douceur florale, pureté\nPréfixe CSS: bf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Eau florale de bleuet bio : un soin ancestral pour les peaux sensibles\"\n 2. \"Bienfaits de l'eau florale de bleuet bio\"\n 3. \"Comment utiliser cet hydrolat de bleuet ?\"\n 4. \"Composition\"\n 5. \"La Distillerie Saint-Hilaire : un savoir-faire artisanal d'Auvergne\"\n 6. \"Conseils de conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bf-hero\"\u003e\n \u003cdiv class=\"bf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bf-hero-content\"\u003e\n \u003cdiv class=\"bf-badges-top\"\u003e\n \u003cspan class=\"bf-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e💧 100% pur hydrolat\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🌸 Sans conservateur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bf-hero-title\"\u003eEau Florale de Bleuet Bio\u003c\/span\u003e\n \u003cp class=\"bf-subtitle\"\u003eDistillerie Saint-Hilaire — 200 ml\u003c\/p\u003e\n \u003cp class=\"bf-description\"\u003eUn hydrolat d'exception, distillé à la vapeur d'eau au cœur de l'Auvergne, pour apaiser les peaux sensibles et décongestionner le contour des yeux naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eEau florale de bleuet bio : un soin ancestral pour les peaux sensibles\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003eConnue depuis des siècles pour sa douceur exceptionnelle, l'eau florale de bleuet est l'alliée incontournable des peaux délicates et des yeux fatigués. Cet hydrolat de bleuet signé Distillerie Saint-Hilaire est obtenu par distillation à la vapeur d'eau de la partie aérienne fleurie du \u003cem\u003eCentaurea cyanus\u003c\/em\u003e, cultivé en agriculture biologique au cœur de l'Auvergne. Le résultat : un soin pur, sans conservateur ni additif, qui respecte profondément votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eBienfaits de l'eau florale de bleuet bio\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003ePourquoi cet hydrolat de bleuet est-il si apprécié en cosmétique naturelle ? Ses propriétés sont multiples et particulièrement adaptées aux peaux réactives.\u003c\/p\u003e\n \u003cdiv class=\"bf-grid\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌿 Apaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les irritations cutanées et les sensations d'inconfort, y compris après un coup de soleil ou le feu du rasoir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e👁️ Décongestionnante contour des yeux\u003c\/h3\u003e\n \u003cp\u003eSon usage le plus célèbre : elle aide à réduire les poches, les cernes et à soulager les yeux gonflés par la fatigue ou les allergies saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✨ Adoucissante et régénérante\u003c\/h3\u003e\n \u003cp\u003eElle favorise la réparation des peaux fragilisées, abîmées par l'acné, l'eczéma ou les petites agressions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e💎 Rafraîchissante et tonifiante\u003c\/h3\u003e\n \u003cp\u003eAppliquée en brume, elle ravive instantanément l'éclat du teint et resserre les pores en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComment utiliser cet hydrolat de bleuet ?\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eLe format spray 200 ml rend l'utilisation de cette eau florale très pratique au quotidien. Voici les façons les plus efficaces de l'intégrer à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"bf-timeline\"\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn tonique visage\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur l'ensemble du visage après le nettoyage, matin et soir. Laissez sécher naturellement avant d'appliquer votre sérum ou votre crème hydratante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn compresse sur les yeux\u003c\/h3\u003e\n \u003cp\u003eImbibez deux cotons ou compresses, placez-les sur vos paupières fermées pendant 10 à 15 minutes. Un geste simple qui fait toute la différence en cas de yeux fatigués ou irrités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn brume rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eGardez le flacon au réfrigérateur pour un effet fraîcheur décuplé, idéal en été pour revitaliser votre peau tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn ingrédient cosmétique maison\u003c\/h3\u003e\n \u003cp\u003eCet hydrolat constitue une base parfaite pour vos masques, lotions ou sérums faits maison. Une versatilité appréciable pour les passionnés de DIY beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"bf-composition-box\"\u003e\n \u003cdiv class=\"bf-composition-inci\"\u003e\n \u003cspan class=\"bf-composition-label\"\u003eIngrédient (INCI)\u003c\/span\u003e\n \u003cspan class=\"bf-composition-value\"\u003eCentaurea Cyanus Flower Water*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-composition-note\"\u003e*issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eAucun agent de conservation ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum de synthèse\u003c\/h3\u003e\n \u003cp\u003eUniquement l'odeur naturelle du bleuet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eAucun alcool ajouté dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✅ Pureté totale\u003c\/h3\u003e\n \u003cp\u003eCertifié biologique, un seul ingrédient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire artisanal d'Auvergne\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003eInstallée au cœur de l'Auvergne, la Distillerie Saint-Hilaire perpétue un savoir-faire artisanal dans la distillation de plantes aromatiques et médicinales. Chaque lot d'eau florale de bleuet bio est élaboré en petites quantités pour garantir une qualité optimale. La marque s'engage dans une démarche biologique et équitable, avec un conditionnement en flacon bleu recyclable qui protège le produit de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"bf-accordion\"\u003e\n \u003cdetails class=\"bf-accordion-item\" open\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003ePour préserver toutes les propriétés de votre hydrolat de bleuet, conservez-le au réfrigérateur après ouverture et utilisez-le dans les six mois. Le flacon opaque assure une bonne protection, mais la fraîcheur prolonge la durée de vie du produit et renforce son action décongestionnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bf-accordion-item\"\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bf-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau la douceur ancestrale du bleuet d'Auvergne — un hydrolat pur, biologique et artisanal pour un rituel beauté naturel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS — EAU FLORALE BLEUET === *\/\n:root {\n --bf-cream: #f4f7fb;\n --bf-white: #ffffff;\n --bf-primary: #2c4f8a;\n --bf-primary-dark: #1a3262;\n --bf-primary-light: #e8eff8;\n --bf-secondary: #6b9de8;\n --bf-accent: #8fb4f0;\n --bf-text: #1a1a2e;\n --bf-text-light: #556075;\n --bf-border: #d6e0ee;\n --bf-shadow: 0 4px 24px rgba(28, 50, 98, .07);\n --bf-shadow-lg: 0 12px 48px rgba(28, 50, 98, .14);\n --bf-radius: 20px;\n --bf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bf-hero {\n position: relative;\n background: linear-gradient(135deg, #1a3262 0%, #2c4f8a 40%, #5b8fd9 80%, #8fb4f0 100%);\n border-radius: var(--bf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bf-shadow-lg);\n}\n\n.bf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.bf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.bf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.bf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.bf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n}\n\n.bf-subtitle {\n color: rgba(255, 255, 255, .85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .03em;\n}\n\n.bf-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.bf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bf-primary), var(--bf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bf-card {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bf-shadow-lg);\n border-color: var(--bf-primary);\n}\n\n.bf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bf-grid-compact .bf-card {\n padding: 1rem;\n}\n\n.bf-grid-compact .bf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bf-grid-compact .bf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bf-primary), var(--bf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bf-timeline-content {\n flex: 1;\n background: var(--bf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bf-radius-sm);\n box-shadow: var(--bf-shadow);\n}\n\n.bf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bf-timeline-content p {\n font-size: 14px;\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bf-testimonial {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bf-shadow);\n border-left: 4px solid var(--bf-primary);\n}\n\n.bf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.bf-composition-box {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n border: 2px solid var(--bf-primary-light);\n}\n\n.bf-composition-inci {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n align-items: center;\n}\n\n.bf-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--bf-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.bf-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--bf-primary-dark);\n font-style: italic;\n}\n\n.bf-composition-note {\n margin: .75rem 0 0 0;\n font-size: 14px;\n color: var(--bf-text-light);\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.bf-accordion {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n box-shadow: var(--bf-shadow);\n overflow: hidden;\n}\n\n.bf-accordion-item {\n border-bottom: 1px solid var(--bf-border);\n margin: 0;\n padding: 0;\n}\n\n.bf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bf-accordion-header:hover {\n background: var(--bf-primary-light);\n}\n\n.bf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bf-primary);\n transition: transform .2s ease;\n}\n\n.bf-accordion-item[open] .bf-accordion-header::after {\n content: '−';\n}\n\n.bf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bf-cta-box {\n background: linear-gradient(135deg, var(--bf-primary) 0%, var(--bf-primary-dark) 100%);\n border-radius: var(--bf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bf-disclaimer {\n font-size: 12px;\n color: var(--bf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bf-card {\n padding: 1.125rem;\n }\n\n .bf-section {\n margin-bottom: 1.75rem;\n }\n\n .bf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bf-radius-sm);\n }\n\n .bf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bf-grid-compact {\n gap: .625rem;\n }\n\n .bf-grid-compact .bf-card {\n padding: .75rem;\n }\n\n .bf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bf-timeline-content h3 {\n font-size: 14px;\n }\n\n .bf-timeline-content p {\n font-size: 13px;\n }\n\n .bf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bf-testimonial {\n padding: 1.25rem;\n }\n\n .bf-testimonial-text {\n font-size: 14px;\n }\n\n .bf-composition-value {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bf-card {\n animation: bfFadeInUp .5s ease backwards;\n }\n .bf-card:nth-child(1) { animation-delay: .05s; }\n .bf-card:nth-child(2) { animation-delay: .1s; }\n .bf-card:nth-child(3) { animation-delay: .15s; }\n .bf-card:nth-child(4) { animation-delay: .2s; }\n .bf-card:nth-child(5) { animation-delay: .25s; }\n .bf-card:nth-child(6) { animation-delay: .3s; }\n\n .bf-timeline-item {\n animation: bfFadeInUp .5s ease backwards;\n }\n .bf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bf-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54868407484793,"sku":"NBAIDSH0027","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HVbleuet_1_-min.jpg?v=1766172678"},{"product_id":"eau-florale-tea-tree-bio-200ml","title":"Eau Florale Tea Tree Bio - Saint-Hilaire - 200ml","description":"\u003cdiv class=\"tt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tt-hero\"\u003e\n \u003cdiv class=\"tt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tt-hero-content\"\u003e\n \u003cdiv class=\"tt-badges-top\"\u003e\n \u003cspan class=\"tt-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e💧 200 ml spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tt-hero-title\"\u003eEau Florale Tea Tree Bio\u003c\/span\u003e\n \u003cp class=\"tt-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"tt-description\"\u003eLa puissance purifiante du tea tree dans une eau florale 100 % pure, biologique et non diluée. Votre alliée quotidienne pour une peau nette, apaisée et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eEau florale de tea tree bio : le soin purifiant par excellence\u003c\/h2\u003e\n \u003cdiv class=\"tt-testimonial\"\u003e\n \u003cp class=\"tt-testimonial-text\"\u003eVous cherchez un soin naturel capable de purifier votre peau sans l'agresser ? L'eau florale bio de tea tree Saint-Hilaire est faite pour vous. Obtenue par distillation à la vapeur d'eau des feuilles de \u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e issues de l'agriculture biologique, cette eau florale concentre toute la puissance du tea tree dans une formule douce, sans additif chimique ni conservateur de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-section-intro\" style=\"margin-top:1.25rem;\"\u003eConditionnée en flacon spray de 200 ml, elle devient vite indispensable dans votre routine beauté quotidienne, que ce soit pour le visage, le corps ou même le cuir chevelu.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eBienfaits de l'eau florale tea tree pour la peau\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eLe tea tree est reconnu depuis des siècles pour ses propriétés antibactériennes, antiseptiques et purifiantes. Sous forme d'eau florale, ces vertus sont présentes dans une concentration plus douce que l'huile essentielle, adaptée à une utilisation quotidienne, même sur les peaux sensibles.\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✨ Purifie et assainit\u003c\/h3\u003e\n \u003cp\u003eAide à réduire les imperfections, les boutons et les points noirs en limitant la prolifération bactérienne à la surface de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💎 Régule le sébum\u003c\/h3\u003e\n \u003cp\u003eParticulièrement recommandée pour les peaux mixtes à grasses, elle contribue à matifier le teint sans dessécher l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌸 Apaise les irritations\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, petites démangeaisons — elle calme la peau en douceur grâce à ses propriétés anti-inflammatoires naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🎯 Tonifie et resserre les pores\u003c\/h3\u003e\n \u003cp\u003eUtilisée en lotion tonique, elle affine visiblement le grain de peau et redonne de l'éclat au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💆 Assainit le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eEn cas de démangeaisons ou de cuir chevelu à tendance grasse, elle constitue un soin complémentaire efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau florale de tea tree bio ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eGrâce à son format spray pratique, cette eau florale tea tree s'utilise de multiples façons :\u003c\/p\u003e\n \u003cdiv class=\"tt-timeline\"\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn lotion tonique matin et soir\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur un coton et passez-le délicatement sur le visage après le nettoyage. Cela prépare votre peau à recevoir votre sérum ou votre crème hydratante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn brume fraîcheur\u003c\/h3\u003e\n \u003cp\u003ePulvérisez directement sur le visage à tout moment de la journée pour un effet rafraîchissant et purifiant immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquez en friction sur le cuir chevelu avant le shampoing pour apaiser les démangeaisons et réguler l'excès de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn complément d'un masque à l'argile\u003c\/h3\u003e\n \u003cp\u003eRemplacez l'eau par cette eau florale pour préparer vos masques purifiants maison — un geste simple pour décupler les résultats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComposition et qualité certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"tt-grid-compact\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003eMelaleuca alternifolia (tea tree) leaf water* — *issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🏔️ Distillée en Auvergne\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire maîtrise l'intégralité du processus de distillation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuille — distillation lente à la vapeur d'eau pour préserver tous les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✅ Pureté garantie\u003c\/h3\u003e\n \u003cp\u003ePure, non diluée, sans aucun ajout — certifiée biologique et commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-tip\"\u003e\n \u003cspan class=\"tt-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eLes feuilles de tea tree sont distillées lentement à la vapeur d'eau, ce qui permet de préserver l'ensemble des actifs végétaux pour une eau florale d'une qualité exceptionnelle. Contenance : \u003cstrong\u003e200 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"tt-accordion\"\u003e\n \u003cdetails class=\"tt-accordion-item\" open\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre eau florale bio à l'abri de la lumière et de la chaleur. Une fois ouverte, vous pouvez la placer au réfrigérateur pour prolonger sa fraîcheur et décupler l'effet tonifiant lors de l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e⏳ Durée d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eUtilisez-la de préférence dans les six mois suivant l'ouverture pour profiter de toutes ses propriétés purifiantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e⚠️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eCette eau florale de tea tree bio est un soin cosmétique naturel. Elle ne remplace en aucun cas un avis ou un traitement médical. En cas de doute, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tt-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le pouvoir purifiant du tea tree bio — une eau florale pure, distillée en Auvergne, pour une routine beauté naturelle et efficace au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit ne se substitue pas à un suivi médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tt-cream: #f4f6fa;\n --tt-white: #ffffff;\n --tt-primary: #2e4a8e;\n --tt-primary-dark: #1a2f5e;\n --tt-primary-light: #e8edf7;\n --tt-secondary: #4a7cb5;\n --tt-accent: #3b6db0;\n --tt-text: #1a1a1a;\n --tt-text-light: #5a5a5a;\n --tt-border: #dde3ef;\n --tt-shadow: 0 4px 24px rgba(46,74,142,.08);\n --tt-shadow-lg: 0 12px 48px rgba(26,47,94,.15);\n --tt-radius: 20px;\n --tt-radius-sm: 12px;\n}\n\n.tt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tt-hero {\n position: relative;\n background: linear-gradient(135deg, #1a2f5e 0%, #2e4a8e 40%, #4a7cb5 100%);\n border-radius: var(--tt-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tt-shadow-lg);\n}\n\n.tt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.02) 0%, transparent 70%);\n opacity: 1;\n}\n\n.tt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tt-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tt-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tt-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.tt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.tt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tt-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tt-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tt-primary), var(--tt-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.tt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.tt-card {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tt-shadow-lg);\n border-color: var(--tt-primary);\n}\n\n.tt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tt-grid-compact .tt-card {\n padding: 1rem;\n}\n\n.tt-grid-compact .tt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tt-grid-compact .tt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tt-primary), var(--tt-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.tt-timeline-content {\n flex: 1;\n background: var(--tt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tt-radius-sm);\n box-shadow: var(--tt-shadow);\n}\n\n.tt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tt-timeline-content p {\n font-size: 14px;\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.tt-testimonial {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tt-shadow);\n border-left: 4px solid var(--tt-primary);\n}\n\n.tt-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.tt-accordion {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n box-shadow: var(--tt-shadow);\n overflow: hidden;\n}\n\n.tt-accordion-item {\n border-bottom: 1px solid var(--tt-border);\n margin: 0;\n padding: 0;\n}\n\n.tt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tt-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.tt-accordion-header:hover {\n background: var(--tt-primary-light);\n}\n\n.tt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tt-primary);\n transition: transform .2s ease;\n}\n\n.tt-accordion-item[open] .tt-accordion-header::after {\n content: '−';\n}\n\n.tt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tt-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.tt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tt-primary-light);\n border-radius: var(--tt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tt-tip p {\n font-size: 14px;\n color: var(--tt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.tt-cta-box {\n background: linear-gradient(135deg, var(--tt-primary) 0%, var(--tt-primary-dark) 100%);\n border-radius: var(--tt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tt-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tt-disclaimer {\n font-size: 12px;\n color: var(--tt-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tt-card {\n padding: 1.125rem;\n }\n\n .tt-section {\n margin-bottom: 1.75rem;\n }\n\n .tt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tt-radius-sm);\n }\n\n .tt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tt-grid-compact {\n gap: .625rem;\n }\n\n .tt-grid-compact .tt-card {\n padding: .75rem;\n }\n\n .tt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tt-timeline-content h3 {\n font-size: 14px;\n }\n\n .tt-timeline-content p {\n font-size: 13px;\n }\n\n .tt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tt-testimonial {\n padding: 1.25rem;\n }\n\n .tt-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tt-card {\n animation: ttFadeInUp .5s ease backwards;\n }\n .tt-card:nth-child(1) { animation-delay: .05s; }\n .tt-card:nth-child(2) { animation-delay: .1s; }\n .tt-card:nth-child(3) { animation-delay: .15s; }\n .tt-card:nth-child(4) { animation-delay: .2s; }\n .tt-card:nth-child(5) { animation-delay: .25s; }\n .tt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ttFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54868447494521,"sku":"NBAIDSH0011","price":9.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-tea-tree-bio-saint-hilaire-200ml-ingredients.webp?v=1774261234"},{"product_id":"huile-ricin-bio-saint-hilaire-200ml","title":"Huile Végétale de Ricin Bio - Saint-Hilaire - 200ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Ricin Bio - Saint-Hilaire - 200ml\nPalette détectée:\n - Primaire: #D48B8B (rose doux\/vieux rose du bandeau packaging)\n - Secondaire: #2D4A2D (vert foncé du logo et des éléments végétaux)\n - Accent: #E8C96A (jaune doré de l'huile dans le flacon)\n - Crème: #FDF8F3 (fond chaud\/naturel)\nAmbiance: Naturel\/bio, élégant, féminin-doux, artisanal français, végétal\nPréfixe CSS: rc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de ricin bio Saint-Hilaire : le soin naturel par excellence pour vos cheveux, votre peau et vos ongles\"\n 2. \"Pourquoi l'huile de ricin est-elle si prisée en cosmétique naturelle ?\"\n 3. \"Huile de ricin et cheveux : un duo incontournable\"\n 4. \"Au-delà des cheveux : les multiples usages de l'huile de ricin bio\"\n 5. \"Comment utiliser l'huile de ricin sur les cheveux et la peau ?\"\n 6. \"Composition\"\n 7. \"Ce qui distingue l'huile de ricin bio Saint-Hilaire\"\n 8. \"Questions fréquentes sur l'huile de ricin bio\"\n 9. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rc-hero\"\u003e\n \u003cdiv class=\"rc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rc-hero-content\"\u003e\n \u003cdiv class=\"rc-badges-top\"\u003e\n \u003cspan class=\"rc-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e❄️ Pressée à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-hero-title\"\u003eHuile végétale de ricin bio\u003c\/span\u003e\n \u003cp class=\"rc-subtitle\"\u003eDistillerie Saint-Hilaire · Auvergne · 200 ml\u003c\/p\u003e\n \u003cp class=\"rc-description\"\u003eL'huile de ricin pure et vierge, issue de l'agriculture biologique et équitable, pour fortifier vos cheveux, nourrir votre peau et renforcer vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eHuile végétale de ricin bio Saint-Hilaire : le soin naturel par excellence pour vos cheveux, votre peau et vos ongles\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e vraiment efficace, pure et obtenue dans le respect de l'environnement ? L'huile végétale de ricin de la Distillerie Saint-Hilaire, en format généreux de 200 ml, coche toutes les cases.\u003c\/p\u003e\n \u003cp class=\"rc-section-intro\"\u003ePressée à froid à partir de graines de \u003cem\u003eRicinus communis\u003c\/em\u003e issues de l'agriculture biologique et équitable, elle préserve l'intégralité de ses actifs naturels pour vous offrir un soin polyvalent d'une qualité remarquable.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid-compact\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💇 Cheveux fortifiés\u003c\/h3\u003e\n \u003cp\u003eStimule la pousse et renforce la fibre capillaire de l'intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧴 Peau nourrie\u003c\/h3\u003e\n \u003cp\u003eHydratation profonde et durable pour les peaux sèches ou irritées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eRéduit la casse et favorise la pousse d'ongles plus résistants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧔 Barbe soignée\u003c\/h3\u003e\n \u003cp\u003eAdoucit, nourrit et donne de la densité à votre barbe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de ricin est-elle si prisée en cosmétique naturelle ?\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eUtilisée depuis des millénaires, l'huile de ricin doit ses vertus exceptionnelles à sa \u003cstrong\u003erichesse en acide ricinoléique\u003c\/strong\u003e (85 à 90 % de sa composition), un acide gras rare que l'on ne retrouve dans quasiment aucune autre huile végétale.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💪 Action fortifiante\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire, les ongles et les cils de l'intérieur pour une résistance accrue au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💧 Pouvoir nourrissant intense\u003c\/h3\u003e\n \u003cp\u003ePénètre les couches superficielles de la peau et du cheveu pour une hydratation profonde et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🛡️ Propriétés protectrices\u003c\/h3\u003e\n \u003cp\u003eForme un film lipidique naturel qui protège contre le froid, la pollution et la sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e✨ Effet gainant\u003c\/h3\u003e\n \u003cp\u003eEnrobe le cheveu pour lui donner plus de densité, de brillance et de souplesse sans alourdir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssociée à la \u003cstrong\u003evitamine E\u003c\/strong\u003e naturellement présente dans l'huile, ces propriétés font de l'huile de ricin bio un soin complet, efficace et 100 % d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eHuile de ricin et cheveux : un duo incontournable\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eSi l'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e jouit d'une telle réputation, ce n'est pas un hasard. C'est l'une des huiles végétales les plus efficaces pour répondre à de nombreuses problématiques capillaires.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌱 Stimuler la pousse des cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquée régulièrement en massage sur le cuir chevelu, l'huile de ricin favorise la microcirculation sanguine au niveau des follicules pileux. Ce geste simple, réalisé du bout des doigts pendant quelques minutes, crée un environnement propice à la croissance capillaire. Beaucoup constatent des cheveux plus vigoureux après quelques semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🔧 Nourrir et réparer les cheveux secs ou abîmés\u003c\/h3\u003e\n \u003cp\u003eCheveux ternes, fourchus ou fragilisés par les colorations, le lissage ou le soleil ? En masque avant-shampoing, l'acide ricinoléique comble les micro-fissures de la fibre capillaire et restaure la gaine protectrice naturelle du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌟 Donner volume et brillance\u003c\/h3\u003e\n \u003cp\u003eL'effet gainant de l'huile de ricin sur cheveux fins est particulièrement intéressant : en enrobant chaque fibre, elle donne une impression de densité accrue tout en apportant une brillance naturelle, sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eAu-delà des cheveux : les multiples usages de l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Soin des ongles et des cuticules\u003c\/h3\u003e\n \u003cp\u003eVos ongles se dédoublent ou se cassent ? Massez chaque soir une goutte sur chaque ongle et ses cuticules. En quelques semaines, observez des \u003cstrong\u003eongles plus résistants\u003c\/strong\u003e et des cuticules plus souples et mieux hydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e👁️ Soin des cils et des sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquée à l'aide d'une brosse à mascara propre, l'huile de ricin nourrit et fortifie vos cils et sourcils. Une alternative naturelle pour retrouver des cils plus épais et des sourcils mieux fournis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧴 Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eAllié précieux pour les \u003cstrong\u003epeaux sèches ou irritées\u003c\/strong\u003e, elle apaise les zones de sécheresse (coudes, talons, mains abîmées) et aide à améliorer l'apparence des petites cicatrices ou vergetures. Idéale aussi dans vos préparations cosmétiques maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧔 Entretien de la barbe\u003c\/h3\u003e\n \u003cp\u003eMessieurs, elle nourrit le poil en profondeur, adoucit la barbe, réduit les démangeaisons et hydrate la peau sous-jacente. Quelques gouttes suffisent pour une barbe plus douce, plus dense et visuellement plus fournie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin sur les cheveux et la peau ?\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eL'huile de ricin a une texture naturellement \u003cstrong\u003eépaisse et visqueuse\u003c\/strong\u003e. C'est tout à fait normal et c'est le signe d'une huile pure et non diluée. Voici nos conseils pratiques :\u003c\/p\u003e\n\n \u003cdiv class=\"rc-card\" style=\"margin-bottom:1.25rem;\"\u003e\n \u003ch3\u003e🧖 En masque capillaire (méthode la plus populaire)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline\"\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez et réchauffez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette d'huile de ricin dans le creux de votre main et réchauffez-la entre vos paumes pour la rendre plus fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le cuir chevelu en massant par mouvements circulaires, puis répartissez sur les longueurs et les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eEnveloppez vos cheveux dans une serviette chaude ou un bonnet de douche et laissez poser \u003cstrong\u003eau minimum 30 minutes\u003c\/strong\u003e, idéalement toute une nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eRincez et répétez\u003c\/h3\u003e\n \u003cp\u003eProcédez à deux shampoings doux pour éliminer complètement l'huile. Répétez 1 à 2 fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous trouvez la texture trop épaisse, mélangez l'huile de ricin avec une huile plus légère comme l'huile de coco, de jojoba ou d'amande douce (moitié-moitié). L'application sera plus facile et les bienfaits complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-card\" style=\"margin-top:1.25rem;\"\u003e\n \u003ch3\u003e🎯 En soin ciblé (ongles, cils, sourcils, peau)\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité directement sur la zone à traiter, massez délicatement pour favoriser la pénétration, puis laissez agir sans rincer — de préférence le soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rc-card rc-composition-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient (INCI)\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis seed oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"font-size:12px;color:var(--rc-text-light);margin-top:.5rem;\"\u003e* Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌾 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine de ricin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e❄️ Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique et équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e200 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCette huile est \u003cstrong\u003e100 % pure, vierge et sans aucun additif\u003c\/strong\u003e. Aucun parfum, aucun conservateur, aucun solvant chimique n'entre dans sa composition. Un produit brut, tel que la nature l'a conçu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de ricin bio Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌿 Certifiée biologique\u003c\/h3\u003e\n \u003cp\u003eLes graines de ricin sont cultivées sans pesticides ni engrais chimiques de synthèse, pour une huile respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUn choix éthique qui garantit une juste rémunération des producteurs et soutient des pratiques agricoles durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eCe procédé mécanique, sans chaleur excessive, préserve intégralement les acides gras, la vitamine E et tous les actifs sensibles de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e📦 Format 200 ml généreux\u003c\/h3\u003e\n \u003cp\u003eIdéal pour une utilisation régulière sur plusieurs mois, que ce soit pour les cheveux, la peau ou les ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est implantée en Auvergne et perpétue un savoir-faire artisanal depuis plusieurs générations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🌱 L'huile de ricin fait-elle vraiment pousser les cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de ricin ne possède pas de propriétés « magiques », mais son action nourrissante et stimulante sur le cuir chevelu crée des conditions favorables à la pousse. En massant régulièrement le cuir chevelu, vous favorisez la circulation sanguine et apportez des nutriments essentiels au bulbe pileux. Les résultats varient d'une personne à l'autre, mais beaucoup constatent une amélioration nette après \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e💇 Peut-on l'utiliser sur tous les types de cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, l'huile de ricin et les cheveux de tous types font bon ménage. Cheveux crépus, frisés, bouclés, lisses, fins ou épais peuvent tous bénéficier de ses propriétés. La seule précaution : adaptez la quantité utilisée. Les cheveux fins nécessiteront moins de produit pour ne pas être alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🔬 L'huile de ricin est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de ricin a un indice de comédogénicité considéré comme faible (1 sur 5). Elle peut donc être utilisée sur le visage avec précaution, notamment en soin ciblé. Si vous avez une peau à tendance acnéique, il est recommandé de faire un test sur une petite zone avant de l'adopter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🕐 Combien de temps se conserve-t-elle ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre huile de ricin bio à l'abri de la lumière et de la chaleur. Dans ces conditions, elle se conserve généralement entre \u003cstrong\u003e12 et 18 mois\u003c\/strong\u003e après ouverture. Fiez-vous à la date indiquée sur le flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané dans le pli du coude 24 heures avant la première utilisation pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rc-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de problème capillaire ou cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rc-cream: #FDF8F3;\n --rc-white: #ffffff;\n --rc-primary: #C9787C;\n --rc-primary-dark: #8B3A3E;\n --rc-primary-light: #FBF0F0;\n --rc-secondary: #2D4A2D;\n --rc-accent: #D4A843;\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n --rc-border: #e8e0d8;\n --rc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rc-radius: 20px;\n --rc-radius-sm: 12px;\n}\n\n.rc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rc-hero {\n position: relative;\n background: linear-gradient(135deg, #2D4A2D 0%, #3D6B3D 35%, #C9787C 75%, #8B3A3E 100%);\n border-radius: var(--rc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rc-shadow-lg);\n}\n\n.rc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.05) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 45%);\n opacity: 1;\n}\n\n.rc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.rc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.rc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rc-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.rc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rc-primary), var(--rc-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rc-card {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rc-shadow-lg);\n border-color: var(--rc-primary);\n}\n\n.rc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rc-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rc-grid-compact .rc-card {\n padding: 1rem;\n}\n\n.rc-grid-compact .rc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rc-grid-compact .rc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rc-primary), var(--rc-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rc-timeline-content {\n flex: 1;\n background: var(--rc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rc-radius-sm);\n box-shadow: var(--rc-shadow);\n}\n\n.rc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rc-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.rc-timeline-content p {\n font-size: 14px;\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rc-testimonial {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-primary);\n}\n\n.rc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rc-accordion {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n box-shadow: var(--rc-shadow);\n overflow: hidden;\n}\n\n.rc-accordion-item {\n border-bottom: 1px solid var(--rc-border);\n margin: 0;\n padding: 0;\n}\n\n.rc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rc-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rc-accordion-header:hover {\n background: var(--rc-primary-light);\n}\n\n.rc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rc-primary);\n transition: transform .2s ease;\n}\n\n.rc-accordion-item[open] .rc-accordion-header::after {\n content: '−';\n}\n\n.rc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rc-primary-light);\n border-radius: var(--rc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rc-tip p {\n font-size: 14px;\n color: var(--rc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION CARD === *\/\n.rc-composition-card {\n border-left: 4px solid var(--rc-secondary);\n text-align: left;\n}\n\n\/* === DISCLAIMER === *\/\n.rc-disclaimer {\n font-size: 12px;\n color: var(--rc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rc-card {\n padding: 1.125rem;\n }\n\n .rc-section {\n margin-bottom: 1.75rem;\n }\n\n .rc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rc-radius-sm);\n }\n\n .rc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rc-grid-compact {\n gap: .625rem;\n }\n\n .rc-grid-compact .rc-card {\n padding: .75rem;\n }\n\n .rc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rc-timeline-content h3 {\n font-size: 14px;\n }\n\n .rc-timeline-content p {\n font-size: 13px;\n }\n\n .rc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rc-testimonial {\n padding: 1.25rem;\n }\n\n .rc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rc-card {\n animation: rcFadeInUp .5s ease backwards;\n }\n .rc-card:nth-child(1) { animation-delay: .05s; }\n .rc-card:nth-child(2) { animation-delay: .1s; }\n .rc-card:nth-child(3) { animation-delay: .15s; }\n .rc-card:nth-child(4) { animation-delay: .2s; }\n .rc-card:nth-child(5) { animation-delay: .25s; }\n .rc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54868516766073,"sku":"NBAIDSH0023","price":13.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-ricin-bio-saint-hilaire-200ml-packshothd.webp?v=1775115262"},{"product_id":"huile-rose-musquee-bio-chili","title":"Huile végétale de Rose Musquée du Chili Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile végétale de Rose Musquée du Chili Bio - 30 ml\nPalette détectée:\n - Primaire: #C4567A (rose musquée\/mauve du packaging)\n - Secondaire: #D4A574 (ambre doré de l'huile)\n - Accent: #4A4A4A (gris anthracite du logo)\nAmbiance: Féminin, naturel\/bio, élégant, soins premium, inspiration florale\nPréfixe CSS: rm\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n \n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 100% Bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇨🇱 Origine Chili\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e✨ Revitalisante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile de Rose Musquée\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eLe trésor régénérant des Andes chiliennes\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eExtraite par première pression à froid, cette huile précieuse révèle tout son potentiel anti-âge et réparateur pour sublimer votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e🌸 Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔄 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eRiche en acide linoléique et vitamine A, elle stimule le renouvellement cellulaire pour une peau plus lisse et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✨ Réduction des imperfections\u003c\/h3\u003e\n \u003cp\u003eAtténue visiblement les cicatrices, vergetures et taches pigmentaires pour une peau unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePropriétés nourrissantes qui apportent confort et souplesse à toutes les peaux, même les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants combattent les radicaux libres, retardant l'apparition des rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👩 Peaux marquées\u003c\/h3\u003e\n \u003cp\u003eIdéale pour atténuer les cicatrices d'acné, marques ou vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌟 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eParfaite pour lutter contre les signes du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément les peaux en manque de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e💎 Une pureté absolue\u003c\/h2\u003e\n \u003cdiv class=\"rm-purity-box\"\u003e\n \u003cdiv class=\"rm-purity-grid\"\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003e100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🏔️\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eRégions préservées du Chili\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eSans additifs ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eRespectueuse de l'environnement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rm-steps\"\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur une peau propre et sèche, de préférence le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n \u003cp\u003ePrélevez quelques gouttes au creux de vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eL'huile agit en profondeur pendant votre sommeil pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-tip\"\u003e💡 \u003cstrong\u003eAstuce :\u003c\/strong\u003e Peut être mélangée à votre crème hydratante habituelle pour booster ses effets.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content\"\u003e\n \u003cp\u003eFlacon airless de 30 ml. Utilisée quotidiennement, cette huile vous accompagne pendant environ 2 à 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🏆 Certification Bio\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content\"\u003e\n \u003cp\u003eCertifiée biologique, issue de graines de rose musquée cultivées selon les standards de l'agriculture biologique dans les régions préservées du Chili.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau le pouvoir régénérant de la Rose Musquée du Chili et révélez votre éclat naturel. \u003cem\u003eVotre éclat, notre signature.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #FDF8F5;\n --rm-white: #ffffff;\n --rm-primary: #C4567A;\n --rm-primary-dark: #9E3D5C;\n --rm-primary-light: #FAF0F3;\n --rm-secondary: #D4A574;\n --rm-accent: #4A4A4A;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e8ddd8;\n --rm-shadow: 0 4px 24px rgba(196,86,122,.08);\n --rm-shadow-lg: 0 12px 48px rgba(196,86,122,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #C4567A 0%, #D4A574 50%, #E8C5A8 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C16.2 5 5 16.2 5 30s11.2 25 25 25 25-11.2 25-25S43.8 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.rm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-purity-box {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid var(--rm-primary-light);\n}\n\n.rm-purity-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n}\n\n.rm-purity-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n}\n\n.rm-purity-icon {\n font-size: 24px;\n}\n\n.rm-purity-text {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 600;\n color: var(--rm-text);\n}\n\n.rm-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: 1.25rem;\n box-shadow: var(--rm-shadow);\n transition: all .3s ease;\n}\n\n.rm-step:hover {\n transform: translateX(6px);\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-step-number {\n min-width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rm-step-content h3 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-step-content p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rm-tip {\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--rm-primary-dark);\n margin-top: 1.25rem;\n text-align: center;\n}\n\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.rm-cta-box em {\n display: block;\n margin-top: .5rem;\n font-style: italic;\n opacity: .9;\n}\n\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rm-card {\n padding: 1.125rem;\n }\n \n .rm-section {\n margin-bottom: 1.75rem;\n }\n \n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n \n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .rm-purity-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rm-step {\n padding: 1rem;\n }\n \n .rm-step-number {\n min-width: 36px;\n height: 36px;\n font-size: 14px;\n }\n \n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n \n .rm-step {\n animation: fadeInUp .5s ease backwards;\n }\n .rm-step:nth-child(1) { animation-delay: .05s; }\n .rm-step:nth-child(2) { animation-delay: .1s; }\n .rm-step:nth-child(3) { animation-delay: .15s; }\n .rm-step:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":54869182218617,"sku":"ROSEMUSQUEEARCENSEL","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-rose-musquee-du-chili-bio-30-ml-arc-en-sel-lifestyle.webp?v=1768500480"},{"product_id":"huile-nigelle-bio-cumin-noir","title":"Huile Végétale de Nigelle (Cumin Noir) - Clarifiante 100 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Nigelle (Cumin Noir) - Clarifiante\nPalette détectée:\n - Primaire: #1E3A5F (bleu marine profond du logo et des accents)\n - Secondaire: #C4A962 (doré\/jaune de l'huile dans le flacon)\n - Accent: #7B8FB0 (bleu lavande des éléments décoratifs)\nAmbiance: Élégante et raffinée, inspirée de l'Orient avec des motifs mandala, naturelle et premium, univers cosmétique haut de gamme\nPréfixe CSS: ng\n--\u003e\n\n\u003cdiv class=\"ng-premium\"\u003e\n \n \u003cdiv class=\"ng-hero\"\u003e\n \u003cdiv class=\"ng-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ng-hero-content\"\u003e\n \u003cdiv class=\"ng-badges-top\"\u003e\n \u003cspan class=\"ng-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e✨ Clarifiante\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🌙 Trésor d'Orient\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ng-hero-title\"\u003eHuile de Nigelle\u003c\/span\u003e\n \u003cp class=\"ng-subtitle\"\u003eCumin noir • Pression à froid\u003c\/p\u003e\n \u003cp class=\"ng-description\"\u003eUn élixir précieux millénaire aux propriétés exceptionnelles pour révéler l'éclat de votre peau et renforcer votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌸 Apaisante \u0026amp; réparatrice\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations, rougeurs et inflammations cutanées pour une peau apaisée et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🛡️ Renforce l'immunité\u003c\/h3\u003e\n \u003cp\u003eSes composés actifs comme la thymoquinone renforcent les défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💎 Anti-imperfections\u003c\/h3\u003e\n \u003cp\u003ePropriétés purifiantes et équilibrantes, idéale pour les peaux mixtes à grasses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels qui nourrissent et protègent la peau tout en préservant son élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les cheveux, limite leur chute et apaise le cuir chevelu irrité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌟 Antioxydante\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et antioxydants pour lutter contre le vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e🌿 Une pureté incomparable\u003c\/h2\u003e\n \u003cdiv class=\"ng-purity-box\"\u003e\n \u003cdiv class=\"ng-purity-content\"\u003e\n \u003cp class=\"ng-purity-text\"\u003eCertifiée \u003cstrong\u003e100% biologique\u003c\/strong\u003e, cette huile de nigelle est extraite par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e pour préserver tous ses actifs naturels. Sans additifs ni conservateurs, cultivée dans le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"ng-purity-badges\"\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e🌱 Sans additifs\u003c\/span\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e🍃 Sans conservateurs\u003c\/span\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e♻️ Production éthique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e💆 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-usage-grid\"\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Soin visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur les zones concernées et massez délicatement matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💆 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampoing pour nourrir et revitaliser la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e🥄 Usage interne\u003c\/h3\u003e\n \u003cp\u003eUne cuillère à café par jour pour ses propriétés bienfaisantes (avis médical recommandé).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e👤 Pour qui est fait l'huile de nigelle ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid-compact\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌺 Peaux ternes\u003c\/h3\u003e\n \u003cp\u003eRévèle l'éclat naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e😓 Peaux fatiguées\u003c\/h3\u003e\n \u003cp\u003eRevitalise et régénère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Peaux mixtes\/grasses\u003c\/h3\u003e\n \u003cp\u003ePurifie et équilibre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🔥 Peaux irritées\u003c\/h3\u003e\n \u003cp\u003eApaise et répare\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ng-accordion\"\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les qualités de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eEn usage interne, demandez l'avis d'un professionnel de santé. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Faire un test cutané avant première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🏭 Engagement Arc en Sels\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eArc en Sels sélectionne avec soin les meilleures matières premières pour proposer des produits naturels et biologiques d'une qualité irréprochable. Cette huile est issue d'une production éthique et durable, respectant autant votre santé que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ng-cta-box\"\u003e\n \u003cp\u003e🌙 Découvrez ce trésor d'Orient millénaire et offrez à votre peau l'éclat qu'elle mérite.\u003cbr\u003e\u003cstrong\u003eVotre éclat, notre signature.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ng-cream: #FAF8F5;\n --ng-white: #ffffff;\n --ng-primary: #1E3A5F;\n --ng-primary-dark: #152A45;\n --ng-primary-light: #E8EEF4;\n --ng-secondary: #C4A962;\n --ng-accent: #7B8FB0;\n --ng-text: #1a1a1a;\n --ng-text-light: #5a5a5a;\n --ng-border: #e0e0e0;\n --ng-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ng-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ng-radius: 20px;\n --ng-radius-sm: 12px;\n}\n\n.ng-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ng-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ng-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 50%, #0D1B2A 100%);\n border-radius: var(--ng-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ng-shadow-lg);\n}\n\n.ng-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, var(--ng-secondary) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, var(--ng-secondary) 1px, transparent 1px),\n radial-gradient(circle at 50% 50%, var(--ng-accent) 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n opacity: .15;\n}\n\n.ng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.ng-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ng-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ng-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(196,169,98,.3);\n}\n\n.ng-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.ng-subtitle {\n color: var(--ng-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.ng-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ng-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ng-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ng-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ng-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ng-primary), var(--ng-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.ng-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ng-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ng-shadow-lg);\n border-color: var(--ng-secondary);\n}\n\n.ng-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ng-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ng-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ng-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ng-grid-compact .ng-card {\n padding: 1rem;\n}\n\n.ng-grid-compact .ng-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ng-grid-compact .ng-card p {\n font-size: 12px;\n}\n\n\/* === PURITY BOX === *\/\n.ng-purity-box {\n background: linear-gradient(135deg, var(--ng-primary-light) 0%, var(--ng-white) 100%);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--ng-secondary);\n box-shadow: var(--ng-shadow);\n}\n\n.ng-purity-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text);\n line-height: 1.8;\n text-align: center;\n margin: 0 0 1.5rem 0;\n}\n\n.ng-purity-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.ng-purity-badge {\n background: var(--ng-white);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--ng-primary);\n box-shadow: 0 2px 8px rgba(0,0,0,.08);\n}\n\n\/* === USAGE CARDS === *\/\n.ng-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.ng-usage-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.ng-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--ng-shadow-lg);\n}\n\n.ng-usage-number {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--ng-secondary) 0%, #D4B972 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 900;\n color: var(--ng-primary-dark);\n box-shadow: 0 4px 12px rgba(196,169,98,.4);\n}\n\n.ng-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: .75rem 0 .5rem 0;\n}\n\n.ng-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ng-accordion {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n box-shadow: var(--ng-shadow);\n overflow: hidden;\n}\n\n.ng-accordion-item {\n border-bottom: 1px solid var(--ng-border);\n margin: 0;\n padding: 0;\n}\n\n.ng-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ng-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ng-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ng-accordion-header:hover {\n background: var(--ng-primary-light);\n}\n\n.ng-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ng-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ng-secondary);\n transition: transform .2s ease;\n}\n\n.ng-accordion-item[open] .ng-accordion-header::after {\n content: '−';\n}\n\n.ng-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ng-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ng-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.ng-cta-box {\n background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 100%);\n border-radius: var(--ng-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ng-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, var(--ng-secondary) 0%, transparent 50%);\n opacity: .1;\n}\n\n.ng-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ng-usage-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n \n .ng-card {\n padding: 1.125rem;\n }\n \n .ng-section {\n margin-bottom: 1.75rem;\n }\n \n .ng-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ng-radius-sm);\n }\n \n .ng-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ng-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ng-grid-compact {\n gap: .625rem;\n }\n \n .ng-grid-compact .ng-card {\n padding: .75rem;\n }\n \n .ng-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ng-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ng-purity-box {\n padding: 1.25rem;\n }\n \n .ng-purity-badges {\n gap: .5rem;\n }\n \n .ng-purity-badge {\n font-size: 12px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ng-card, .ng-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ng-card:nth-child(1), .ng-usage-card:nth-child(1) { animation-delay: .05s; }\n .ng-card:nth-child(2), .ng-usage-card:nth-child(2) { animation-delay: .1s; }\n .ng-card:nth-child(3), .ng-usage-card:nth-child(3) { animation-delay: .15s; }\n .ng-card:nth-child(4) { animation-delay: .2s; }\n .ng-card:nth-child(5) { animation-delay: .25s; }\n .ng-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ng-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":54869209710969,"sku":"CUMINNOIRARCENSELS","price":20.15,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-nigelle-cumin-noir-clarifiante-100-ml-arc--lifestyle.webp?v=1768500555"},{"product_id":"huile-neem-bio-30ml","title":"Huile de Neem Bio - Réparatrice - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Neem Bio - Arc en Sels\nPalette détectée:\n - Primaire: #4A7C34 (vert olive\/neem des éléments graphiques)\n - Secondaire: #8B6914 (ambre doré de l'huile)\n - Accent: #2D5A1E (vert foncé des feuilles)\n - Neutre: #F7F5F0 (blanc cassé du packaging)\nAmbiance: Naturel\/Bio, Ayurvédique, Éthique, Épuré avec touches orientales\nPréfixe CSS: neem\n--\u003e\n\n\u003cdiv class=\"neem-premium\"\u003e\n \n \u003cdiv class=\"neem-hero\"\u003e\n \u003cdiv class=\"neem-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"neem-hero-content\"\u003e\n \u003cdiv class=\"neem-badges-top\"\u003e\n \u003cspan class=\"neem-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"neem-badge\"\u003e🧴 Pressée à froid\u003c\/span\u003e\n \u003cspan class=\"neem-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"neem-hero-title\"\u003eHuile de Neem Bio\u003c\/span\u003e\n \u003cp class=\"neem-subtitle\"\u003eRéparatrice \u0026amp; Purifiante\u003c\/p\u003e\n \u003cp class=\"neem-description\"\u003eTrésor millénaire de la tradition ayurvédique, cette huile précieuse prend soin de votre peau, vos cheveux et même de vos plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e✨ Peau plus nette\u003c\/h3\u003e\n \u003cp\u003ePurifiante, antibactérienne et antifongique, elle réduit les imperfections et apaise les irritations cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle nourrit intensément et favorise la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💆 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eApaise le cuir chevelu, combat les pellicules et renforce la fibre capillaire de la racine aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌱 Protection des plantes\u003c\/h3\u003e\n \u003cp\u003eRépulsif naturel contre les insectes nuisibles, respectueux de l'écosystème de votre jardin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eSes puissants antioxydants préservent la jeunesse, l'élasticité et l'éclat de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🛡️ Action réparatrice\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux à imperfections et les marques disgracieuses, elle aide à restaurer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e💡 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid\"\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes pures ou diluées sur les zones à purifier. Massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eMélangez avec une huile plus légère (jojoba, coco) et appliquez en masque avant shampoing. Laissez poser 30 min.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e🌿 Pour les plantes\u003c\/h3\u003e\n \u003cp\u003eDiluez quelques gouttes dans de l'eau et vaporisez sur les feuilles pour éloigner naturellement les insectes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid-compact\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🔬 Peaux grasses\u003c\/h3\u003e\n \u003cp\u003eRégule le sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🩹 Peaux à imperfections\u003c\/h3\u003e\n \u003cp\u003eAction purifiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e😣 Cuirs chevelus irrités\u003c\/h3\u003e\n \u003cp\u003eApaise et assainit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🪴 Jardiniers écolos\u003c\/h3\u003e\n \u003cp\u003eProtection naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"neem-accordion\"\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eConservez votre huile de Neem à l'abri de la lumière et de la chaleur, dans un endroit frais et sec. L'huile peut se solidifier en dessous de 20°C, c'est normal : il suffit de la réchauffer légèrement entre vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Déconseillé aux femmes enceintes et allaitantes. En cas de doute, effectuez un test cutané dans le pli du coude avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e🏭 Fabrication éthique\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eIssue de l'agriculture biologique certifiée, notre huile de Neem est pressée à froid pour préserver tous ses actifs. Arc en Sels s'engage dans le commerce équitable et les filières durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e📜 Note olfactive\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eL'huile de Neem possède une odeur caractéristique, terreuse et prononcée. C'est le signe d'une huile pure et non raffinée. Pour atténuer l'odeur, mélangez-la avec une huile végétale plus douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"neem-cta-box\"\u003e\n \u003cp\u003e🌿 Découvrez le pouvoir ancestral du Neem, utilisé depuis des millénaires dans la médecine ayurvédique. Une huile bio, pure et multifonction pour une beauté naturelle et un jardin préservé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --neem-cream: #F8F6F1;\n --neem-white: #ffffff;\n --neem-primary: #4A7C34;\n --neem-primary-dark: #2D5A1E;\n --neem-primary-light: #E8F0E4;\n --neem-secondary: #8B6914;\n --neem-accent: #C4A035;\n --neem-text: #1a1a1a;\n --neem-text-light: #5a5a5a;\n --neem-border: #e0e0e0;\n --neem-shadow: 0 4px 24px rgba(0,0,0,.08);\n --neem-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --neem-radius: 20px;\n --neem-radius-sm: 12px;\n}\n\n.neem-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--neem-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.neem-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C34 0%, #2D5A1E 50%, #1E4516 100%);\n border-radius: var(--neem-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--neem-shadow-lg);\n}\n\n.neem-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C15 5 5 15 5 30s10 25 25 25 25-10 25-25S45 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.neem-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.neem-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.neem-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--neem-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.neem-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.neem-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.neem-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.neem-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.neem-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.neem-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--neem-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.neem-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--neem-primary), var(--neem-secondary));\n border-radius: 2px;\n}\n\n.neem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.neem-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.neem-card {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--neem-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.neem-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--neem-shadow-lg);\n border-color: var(--neem-primary);\n}\n\n.neem-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--neem-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.neem-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--neem-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.neem-grid-compact .neem-card {\n padding: 1rem;\n}\n\n.neem-grid-compact .neem-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.neem-grid-compact .neem-card p {\n font-size: 12px;\n}\n\n.neem-card-usage {\n background: linear-gradient(135deg, var(--neem-white) 0%, var(--neem-primary-light) 100%);\n}\n\n.neem-accordion {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n box-shadow: var(--neem-shadow);\n overflow: hidden;\n}\n\n.neem-accordion-item {\n border-bottom: 1px solid var(--neem-border);\n margin: 0;\n padding: 0;\n}\n\n.neem-accordion-item:last-child {\n border-bottom: none;\n}\n\n.neem-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--neem-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.neem-accordion-header:hover {\n background: var(--neem-primary-light);\n}\n\n.neem-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.neem-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--neem-primary);\n transition: transform .2s ease;\n}\n\n.neem-accordion-item[open] .neem-accordion-header::after {\n content: '−';\n}\n\n.neem-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--neem-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.neem-accordion-content p {\n margin: 0;\n}\n\n.neem-cta-box {\n background: linear-gradient(135deg, var(--neem-primary) 0%, var(--neem-primary-dark) 100%);\n border-radius: var(--neem-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.neem-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.neem-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .neem-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .neem-card {\n padding: 1.125rem;\n }\n \n .neem-section {\n margin-bottom: 1.75rem;\n }\n \n .neem-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--neem-radius-sm);\n }\n \n .neem-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .neem-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .neem-grid-compact {\n gap: .625rem;\n }\n \n .neem-grid-compact .neem-card {\n padding: .75rem;\n }\n \n .neem-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .neem-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .neem-badges-top {\n gap: 8px;\n }\n \n .neem-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .neem-card {\n animation: fadeInUp .5s ease backwards;\n }\n .neem-card:nth-child(1) { animation-delay: .05s; }\n .neem-card:nth-child(2) { animation-delay: .1s; }\n .neem-card:nth-child(3) { animation-delay: .15s; }\n .neem-card:nth-child(4) { animation-delay: .2s; }\n .neem-card:nth-child(5) { animation-delay: .25s; }\n .neem-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .neem-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":54869231501689,"sku":"HUILENEEMARCENSELS","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-reparatrice-30-ml-arc-en-sels-lifestyle.webp?v=1768500779"},{"product_id":"tea-tree-bio-huile-essentielle-10ml","title":"Huile essentielle de Tea Tree Bio - Saint-Hilaire - 10ml","description":"\u003cdiv class=\"tt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tt-hero\"\u003e\n \u003cdiv class=\"tt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tt-hero-content\"\u003e\n \u003cdiv class=\"tt-badges-top\"\u003e\n \u003cspan class=\"tt-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e💧 100 % pure \u0026amp; naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tt-hero-title\"\u003eHuile essentielle de Tea Tree Bio\u003c\/span\u003e\n \u003cp class=\"tt-subtitle\"\u003eDistillerie Saint-Hilaire — 10 ml\u003c\/p\u003e\n \u003cp class=\"tt-description\"\u003eL'incontournable de l'aromathérapie : purifiante, assainissante et polyvalente. Issue de feuilles de \u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e d'Australie, chémotypée et certifiée Ecocert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Tea Tree Bio – L'indispensable de votre trousse aromathérapie\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de tea tree\u003c\/strong\u003e fiable, polyvalente et certifiée biologique ? Celle proposée par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"tt-highlight-box\"\u003e\n \u003cp\u003eObtenue par distillation à la vapeur d'eau des feuilles de \u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e, cette huile 100 % pure concentre le meilleur de l'arbre à thé australien, sans aucun additif ni solvant. Un flacon de 10 ml suffit pour des semaines d'utilisation tant ses applications sont variées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Tea Tree : pourquoi elle est si prisée\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile essentielle de tea tree\u003c\/strong\u003e sont documentés depuis des décennies en aromathérapie. Voici ses principaux atouts :\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✨ Purifie la peau en profondeur\u003c\/h3\u003e\n \u003cp\u003eBoutons, imperfections, points noirs… Le tea tree aide à retrouver un teint plus net. Particulièrement apprécié en cas de peau grasse ou acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🛡️ Soutient les défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eEn période hivernale ou lors des changements de saison, cette huile stimule vos défenses naturelles pour mieux résister.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🧹 Assainit et désinfecte\u003c\/h3\u003e\n \u003cp\u003ePetite coupure, éraflure, zone à nettoyer… Le tea tree est reconnu pour ses propriétés assainissantes, un véritable couteau suisse naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🦷 Hygiène bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eAphtes, gencives sensibles ou envie d'une haleine plus fraîche : une goutte sur votre dentifrice peut faire la différence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌬️ Purifie l'air ambiant\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle contribue à assainir l'atmosphère de votre intérieur et à créer une ambiance fraîche et vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de Tea Tree au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eSavoir \u003cstrong\u003eutiliser l'huile essentielle de tea tree\u003c\/strong\u003e correctement, c'est profiter pleinement de ses propriétés en toute sécurité.\u003c\/p\u003e\n \u003cdiv class=\"tt-timeline\"\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 2 gouttes dans une cuillère à café d'huile végétale (jojoba, amande douce) puis appliquez localement. Ne l'appliquez jamais pure sur une grande surface de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur pendant 15 à 20 minutes pour assainir l'air d'une pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003eEn soin bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eDéposez 1 goutte sur votre dentifrice avant le brossage, 2 à 3 fois par semaine maximum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Tea Tree : danger et précautions à connaître\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eComme toute huile essentielle concentrée, le tea tree demande quelques précautions. Concernant l'\u003cstrong\u003ehuile essentielle de tea tree et ses dangers\u003c\/strong\u003e potentiels, retenez ceci :\u003c\/p\u003e\n \u003cdiv class=\"tt-accordion\"\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; enfants\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux \u003cstrong\u003eenfants de moins de 3 ans\u003c\/strong\u003e sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🧪 Test cutané obligatoire\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eToujours effectuer un \u003cstrong\u003etest cutané\u003c\/strong\u003e au pli du coude 24 heures avant la première utilisation pour écarter tout risque d'allergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter le contact avec les yeux et les muqueuses. En cas de contact accidentel, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"tt-grid-compact\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de Tea Tree (\u003cem\u003eMelaleuca alternifolia\u003c\/em\u003e) – 100 % pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🔬 Chémotype principal\u003c\/h3\u003e\n \u003cp\u003eTerpinèn-4-ol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB) – Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌏 Origine de la plante\u003c\/h3\u003e\n \u003cp\u003eAustralie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🏭 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré recyclable avec compte-gouttes, fabriqué en France (Auvergne)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"tt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Tea Tree Bio Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"tt-cta-box\"\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est une référence française en aromathérapie biologique. Chaque lot est \u003cstrong\u003echémotypé\u003c\/strong\u003e, garantissant une composition précise et constante. Le flacon en verre ambré protège l'huile de la lumière, préservant toute sa richesse aromatique.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003eEn choisissant cette huile essentielle de tea tree bio, vous optez pour un produit \u003cstrong\u003etraçable, éthique et efficace\u003c\/strong\u003e – un allié naturel toujours à portée de main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tt-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. Ne pas dépasser les doses recommandées. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tt-cream: #f5f7f2;\n --tt-white: #ffffff;\n --tt-primary: #2d6a4f;\n --tt-primary-dark: #1b4332;\n --tt-primary-light: #e8f0eb;\n --tt-secondary: #52b788;\n --tt-accent: #95d5b2;\n --tt-text: #1a1a1a;\n --tt-text-light: #5a5a5a;\n --tt-border: #dce5dc;\n --tt-shadow: 0 4px 24px rgba(27, 67, 50, .08);\n --tt-shadow-lg: 0 12px 48px rgba(27, 67, 50, .15);\n --tt-radius: 20px;\n --tt-radius-sm: 12px;\n}\n\n.tt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tt-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tt-primary-dark) 0%, var(--tt-primary) 50%, var(--tt-secondary) 100%);\n border-radius: var(--tt-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tt-shadow-lg);\n}\n\n.tt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(149,213,178,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.tt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tt-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.tt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tt-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tt-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.tt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.tt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tt-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.tt-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tt-primary), var(--tt-secondary));\n border-radius: 2px;\n}\n\n.tt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.tt-highlight-box {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tt-shadow);\n border-left: 4px solid var(--tt-secondary);\n max-width: 750px;\n margin: 0 auto;\n}\n\n.tt-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--tt-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.tt-card {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tt-shadow-lg);\n border-color: var(--tt-primary);\n}\n\n.tt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tt-grid-compact .tt-card {\n padding: 1rem;\n}\n\n.tt-grid-compact .tt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tt-grid-compact .tt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.tt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tt-primary), var(--tt-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45, 106, 79, .3);\n}\n\n.tt-timeline-content {\n flex: 1;\n background: var(--tt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tt-radius-sm);\n box-shadow: var(--tt-shadow);\n}\n\n.tt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tt-timeline-content p {\n font-size: 14px;\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.tt-accordion {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n box-shadow: var(--tt-shadow);\n overflow: hidden;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.tt-accordion-item {\n border-bottom: 1px solid var(--tt-border);\n margin: 0;\n padding: 0;\n}\n\n.tt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tt-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.tt-accordion-header:hover {\n background: var(--tt-primary-light);\n}\n\n.tt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tt-primary);\n transition: transform .2s ease;\n}\n\n.tt-accordion-item[open] .tt-accordion-header::after {\n content: '−';\n}\n\n.tt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tt-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.tt-cta-box {\n background: linear-gradient(135deg, var(--tt-primary) 0%, var(--tt-primary-dark) 100%);\n border-radius: var(--tt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tt-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(149,213,178,.15) 0%, transparent 60%);\n}\n\n.tt-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.tt-disclaimer {\n font-size: 12px;\n color: var(--tt-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tt-card {\n padding: 1.125rem;\n }\n\n .tt-section {\n margin-bottom: 1.75rem;\n }\n\n .tt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tt-radius-sm);\n }\n\n .tt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tt-grid-compact {\n gap: .625rem;\n }\n\n .tt-grid-compact .tt-card {\n padding: .75rem;\n }\n\n .tt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tt-timeline-content h3 {\n font-size: 14px;\n }\n\n .tt-timeline-content p {\n font-size: 13px;\n }\n\n .tt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tt-highlight-box {\n padding: 1.25rem;\n }\n\n .tt-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tt-card {\n animation: ttFadeInUp .5s ease backwards;\n }\n .tt-card:nth-child(1) { animation-delay: .05s; }\n .tt-card:nth-child(2) { animation-delay: .1s; }\n .tt-card:nth-child(3) { animation-delay: .15s; }\n .tt-card:nth-child(4) { animation-delay: .2s; }\n .tt-card:nth-child(5) { animation-delay: .25s; }\n .tt-card:nth-child(6) { animation-delay: .3s; }\n .tt-card:nth-child(7) { animation-delay: .35s; }\n .tt-card:nth-child(8) { animation-delay: .4s; }\n\n .tt-timeline-item {\n animation: ttFadeInUp .5s ease backwards;\n }\n .tt-timeline-item:nth-child(1) { animation-delay: .1s; }\n .tt-timeline-item:nth-child(2) { animation-delay: .2s; }\n .tt-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes ttFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54874984612217,"sku":"NBAIDSH0009","price":6.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-tea-tree-saint-hilaire-min.jpg?v=1774283802"},{"product_id":"petit-grain-bigaradier-bio-10ml","title":"Huile Essentielle Petit Grain Bigaradier Bio - Saint-Hilaire - 10 ml","description":"\u003cdiv class=\"pgb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pgb-hero\"\u003e\n \u003cdiv class=\"pgb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pgb-hero-content\"\u003e\n \u003cdiv class=\"pgb-badges-top\"\u003e\n \u003cspan class=\"pgb-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🔬 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"pgb-badge\"\u003e🍃 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pgb-hero-title\"\u003eHuile essentielle petit grain bigaradier bio\u003c\/span\u003e\n \u003cp class=\"pgb-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"pgb-description\"\u003eUn concentré de douceur et d'apaisement issu des feuilles d'oranger amer, pour retrouver calme et sérénité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eHuile essentielle de Petit Grain Bigarade Bio : l'alliée naturelle de la sérénité\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eObtenue par distillation à la vapeur d'eau des \u003cstrong\u003efeuilles et jeunes rameaux de l'oranger amer\u003c\/strong\u003e (\u003cem\u003eCitrus aurantium var amara\u003c\/em\u003e), l'huile essentielle de petit grain bigaradier de la Distillerie Saint-Hilaire vous offre un concentré de douceur et d'apaisement.\u003c\/p\u003e\n \u003cp class=\"pgb-section-intro\"\u003eSon parfum à la fois boisé, floral et légèrement acidulé en fait l'une des huiles essentielles les plus appréciées en aromathérapie pour retrouver calme et équilibre au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle petit grain bigarade ?\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eParmi les huiles essentielles relaxantes, le \u003cstrong\u003epetit grain de bigarade\u003c\/strong\u003e se distingue par sa polyvalence et sa grande tolérance. Voici ses principaux bienfaits traditionnellement reconnus :\u003c\/p\u003e\n \u003cdiv class=\"pgb-grid\"\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e😌 Apaisement nerveux\u003c\/h3\u003e\n \u003cp\u003eRéputée pour aider à apaiser le stress, l'anxiété et les tensions nerveuses accumulées. Idéale en période de surmenage ou de nervosité passagère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🌙 Soutien du sommeil\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes en diffusion avant le coucher contribuent à créer une atmosphère propice à un sommeil plus serein et réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e✨ Soin cutané\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés régulatrices, elle aide à équilibrer les peaux grasses ou à tendance mixte et à atténuer les petites imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e💛 Réconfort émotionnel\u003c\/h3\u003e\n \u003cp\u003eSon parfum subtil et enveloppant aide à retrouver confiance en soi et à dissiper les pensées négatives au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eCarte d'identité du produit\u003c\/h2\u003e\n \u003cdiv class=\"pgb-grid-compact\"\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus aurantium\u003c\/em\u003e var. \u003cem\u003eamara\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e💧 Méthode d'extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🔬 Composants principaux\u003c\/h3\u003e\n \u003cp\u003eAcétate de linalyle, linalol, myrcène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique (AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne (France)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-tip\"\u003e\n \u003cspan class=\"pgb-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003eLa mention \u003cstrong\u003e« chémotypée »\u003c\/strong\u003e figurant sur le flacon vous garantit que la composition biochimique de cette huile essentielle a été rigoureusement analysée. C'est un gage de qualité et de traçabilité indispensable pour une utilisation en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de petit grain bigarade ?\u003c\/h2\u003e\n \u003cp class=\"pgb-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle petit grain\u003c\/strong\u003e se prête à de nombreux usages. Voici les modes d'utilisation les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"pgb-timeline\"\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur pendant 20 à 30 minutes pour parfumer et assainir votre intérieur tout en créant une ambiance relaxante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🤲 En massage\u003c\/h3\u003e\n \u003cp\u003eDiluez 3 à 4 gouttes dans une cuillère à soupe d'huile végétale (amande douce, jojoba) et massez le plexus solaire, la nuque ou les poignets pour un effet détente immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base neutre ou du sel de bain avant de verser dans l'eau chaude pour un moment de relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-item\"\u003e\n \u003cdiv class=\"pgb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pgb-timeline-content\"\u003e\n \u003ch3\u003e💆 En soin cosmétique\u003c\/h3\u003e\n \u003cp\u003eAjoutez 1 à 2 gouttes dans votre crème de nuit ou votre huile de soin pour favoriser une peau nette et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pgb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pgb-accordion\"\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e⚠️ Application cutanée\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale avant toute application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e👶 Hors de portée des enfants\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pgb-accordion-item\"\u003e\n \u003csummary class=\"pgb-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"pgb-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, consultez un professionnel de santé avant utilisation. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"pgb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pgb-cta-box\"\u003e\n \u003cp\u003e🍊 Avec cette \u003cstrong\u003ehuile essentielle de petit grain bigarade bio\u003c\/strong\u003e Saint-Hilaire, vous faites le choix d'un produit artisanal, certifié biologique et distillé en France. Un essentiel de votre trousse d'aromathérapie pour traverser chaque journée avec plus de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pgb-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Les huiles essentielles ne sont pas des médicaments.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pgb-cream: #faf8f4;\n --pgb-white: #ffffff;\n --pgb-primary: #2d5a3d;\n --pgb-primary-dark: #1e3d2a;\n --pgb-primary-light: #e8f2ec;\n --pgb-secondary: #e5a830;\n --pgb-accent: #f0c24d;\n --pgb-text: #1a1a1a;\n --pgb-text-light: #5a5a5a;\n --pgb-border: #e0e0e0;\n --pgb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pgb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pgb-radius: 20px;\n --pgb-radius-sm: 12px;\n}\n\n.pgb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pgb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pgb-hero {\n position: relative;\n background: linear-gradient(135deg, #1e3d2a 0%, #2d5a3d 40%, #3a7a50 70%, #e5a830 100%);\n border-radius: var(--pgb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pgb-shadow-lg);\n}\n\n.pgb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(229,168,48,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.pgb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pgb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pgb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pgb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pgb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pgb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pgb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.pgb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pgb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pgb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pgb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pgb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pgb-primary), var(--pgb-secondary));\n border-radius: 2px;\n}\n\n.pgb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pgb-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pgb-card {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pgb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pgb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pgb-shadow-lg);\n border-color: var(--pgb-primary);\n}\n\n.pgb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pgb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pgb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pgb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pgb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pgb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pgb-grid-compact .pgb-card {\n padding: 1rem;\n}\n\n.pgb-grid-compact .pgb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pgb-grid-compact .pgb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pgb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pgb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pgb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pgb-primary), var(--pgb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pgb-timeline-content {\n flex: 1;\n background: var(--pgb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pgb-radius-sm);\n box-shadow: var(--pgb-shadow);\n}\n\n.pgb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pgb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pgb-timeline-content p {\n font-size: 14px;\n color: var(--pgb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pgb-testimonial {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pgb-shadow);\n border-left: 4px solid var(--pgb-primary);\n}\n\n.pgb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pgb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pgb-accordion {\n background: var(--pgb-white);\n border-radius: var(--pgb-radius);\n box-shadow: var(--pgb-shadow);\n overflow: hidden;\n}\n\n.pgb-accordion-item {\n border-bottom: 1px solid var(--pgb-border);\n margin: 0;\n padding: 0;\n}\n\n.pgb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pgb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pgb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pgb-accordion-header:hover {\n background: var(--pgb-primary-light);\n}\n\n.pgb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pgb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pgb-primary);\n transition: transform .2s ease;\n}\n\n.pgb-accordion-item[open] .pgb-accordion-header::after {\n content: '−';\n}\n\n.pgb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pgb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pgb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pgb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pgb-primary-light);\n border-radius: var(--pgb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pgb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pgb-tip p {\n font-size: 14px;\n color: var(--pgb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pgb-cta-box {\n background: linear-gradient(135deg, var(--pgb-primary) 0%, var(--pgb-primary-dark) 100%);\n border-radius: var(--pgb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pgb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pgb-disclaimer {\n font-size: 12px;\n color: var(--pgb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pgb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pgb-card {\n padding: 1.125rem;\n }\n\n .pgb-section {\n margin-bottom: 1.75rem;\n }\n\n .pgb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pgb-radius-sm);\n }\n\n .pgb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pgb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pgb-grid-compact {\n gap: .625rem;\n }\n\n .pgb-grid-compact .pgb-card {\n padding: .75rem;\n }\n\n .pgb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pgb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pgb-timeline-content h3 {\n font-size: 14px;\n }\n\n .pgb-timeline-content p {\n font-size: 13px;\n }\n\n .pgb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pgb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pgb-testimonial {\n padding: 1.25rem;\n }\n\n .pgb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pgb-card {\n animation: pgbFadeInUp .5s ease backwards;\n }\n .pgb-card:nth-child(1) { animation-delay: .05s; }\n .pgb-card:nth-child(2) { animation-delay: .1s; }\n .pgb-card:nth-child(3) { animation-delay: .15s; }\n .pgb-card:nth-child(4) { animation-delay: .2s; }\n .pgb-card:nth-child(5) { animation-delay: .25s; }\n .pgb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pgbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pgb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54875014857081,"sku":"NBAIDSH0010","price":7.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-petit-grain-bigaradier-bio-saint-hilaire-1-packshothd.webp?v=1774342701"},{"product_id":"eau-florale-rose-bio-saint-hilaire-200ml","title":"Eau Florale de Rose Bio - Saint-Hilaire - 200 ml","description":"\u003cdiv class=\"efr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"efr-hero\"\u003e\n \u003cdiv class=\"efr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"efr-hero-content\"\u003e\n \u003cdiv class=\"efr-badges-top\"\u003e\n \u003cspan class=\"efr-badge\"\u003e🌹 Rosa x damascena\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e♻️ Flacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"efr-hero-title\"\u003eEau Florale de Rose Bio\u003c\/span\u003e\n \u003cp class=\"efr-subtitle\"\u003eDistillerie Saint-Hilaire — 200 ml\u003c\/p\u003e\n \u003cp class=\"efr-description\"\u003eL'éclat naturel de la rose de Damas, capturé dans un hydrolat pur, biologique et équitable. 98 % d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eEau florale de Rose de Damas bio : le secret d'une peau lumineuse\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eVous cherchez une \u003cstrong\u003eeau de rose pour le visage\u003c\/strong\u003e qui soit à la fois pure, efficace et respectueuse de votre peau ?\u003c\/p\u003e\n \u003cdiv class=\"efr-testimonial\"\u003e\n \u003cp class=\"efr-testimonial-text\"\u003eCette eau florale de Rose bio de la Distillerie Saint-Hilaire est obtenue par distillation à la vapeur d'eau de pétales de \u003cstrong\u003eRosa x damascena\u003c\/strong\u003e, cultivés en agriculture biologique et équitable. Chaque flacon concentre toute la délicatesse et la puissance de la rose de Damas, sans aucun ajout de parfum ni de conservateur synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003ePourquoi appliquer de l'eau de rose sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eUn incontournable des rituels de beauté naturelle depuis des siècles. Des résultats visibles dès les premières applications.\u003c\/p\u003e\n \u003cdiv class=\"efr-grid\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e✨ Astringente et purifiante\u003c\/h3\u003e\n \u003cp\u003eElle aide à resserrer les pores dilatés et affine visiblement le grain de peau, idéale après le nettoyage du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e👁️ Décongestionnante\u003c\/h3\u003e\n \u003cp\u003eAppliquée en compresse fraîche sur les yeux, elle atténue les poches et les cernes liés à la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e💧 Hydratante\u003c\/h3\u003e\n \u003cp\u003eElle préserve le film hydrolipidique de la peau et prépare parfaitement l'épiderme à recevoir votre sérum ou votre crème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les tiraillements et les sensations d'inconfort, même sur les peaux les plus sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice\u003c\/h3\u003e\n \u003cp\u003eElle forme un voile protecteur contre les agressions extérieures comme la pollution ou le vent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau de rose au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eIntégrer l'eau de rose dans votre routine est très simple. Voici un rituel beauté en trois étapes pour un teint frais et éclatant.\u003c\/p\u003e\n \u003cdiv class=\"efr-timeline\"\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, directement sur le visage, ou imbibez un coton réutilisable que vous passez délicatement sur l'ensemble du visage et du cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes sans frotter : la peau absorbe naturellement les actifs de la rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eAppliquez votre soin\u003c\/h3\u003e\n \u003cp\u003eVotre soin hydratant habituel (sérum, huile végétale ou crème) pour sceller l'hydratation et maximiser les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-tip\"\u003e\n \u003cspan class=\"efr-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e conservez votre flacon au réfrigérateur pour un effet fraîcheur décuplé, particulièrement agréable en été ou sur les yeux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"efr-grid\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌹 Rosa Damascena Flower Water*\u003c\/h3\u003e\n \u003cp\u003eEau florale de rose de Damas issue de la distillation des fleurs. L'ingrédient star de ce soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌱 Leuconostoc \/ Radish Root Ferment Filtrate\u003c\/h3\u003e\n \u003cp\u003eConservateur naturel obtenu par fermentation de radis, qui préserve la fraîcheur du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau purifiée entrant dans la composition de l'hydrolat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🔬 Molécules naturelles de la rose\u003c\/h3\u003e\n \u003cp\u003eCitronellol°, Farnesol°, Geraniol°, Linalool°, Citral°, Eugenol° — naturellement présentes dans la rose de Damas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"efr-disclaimer\"\u003e* 98 % des ingrédients sont issus de l'agriculture biologique. ° Molécules naturellement présentes dans la plante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eDes engagements éthiques concrets\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eBien plus qu'une simple eau de rose : un produit qui respecte la planète et les producteurs.\u003c\/p\u003e\n \u003cdiv class=\"efr-grid-compact\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert, garantie d'un produit véritablement biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🤝 Fair For Life\u003c\/h3\u003e\n \u003cp\u003eLes producteurs de roses sont rémunérés équitablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclé\u003c\/h3\u003e\n \u003cp\u003e200 ml en plastique 100 % recyclé et recyclable, sans suremballage superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Auvergne\u003c\/h3\u003e\n \u003cp\u003eDistillée par la Distillerie Saint-Hilaire, un savoir-faire artisanal français reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"efr-accordion\"\u003e\n \u003cdetails class=\"efr-accordion-item\" open\u003e\n \u003csummary class=\"efr-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"efr-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez l'application chez les enfants de moins de 3 ans. Conservez le flacon bien fermé, dans un endroit frais et à l'abri de la lumière. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"efr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"efr-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau la pureté de la rose de Damas bio — un geste beauté simple, naturel et profondément efficace, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --efr-cream: #f8f5f0;\n --efr-white: #ffffff;\n --efr-primary: #2e3d7c;\n --efr-primary-dark: #1c2754;\n --efr-primary-light: #e8ebf4;\n --efr-secondary: #d4a0b0;\n --efr-accent: #c97d94;\n --efr-text: #1a1a1a;\n --efr-text-light: #5a5a5a;\n --efr-border: #e0ddd8;\n --efr-shadow: 0 4px 24px rgba(46,61,124,.08);\n --efr-shadow-lg: 0 12px 48px rgba(46,61,124,.15);\n --efr-radius: 20px;\n --efr-radius-sm: 12px;\n}\n\n.efr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--efr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.efr-hero {\n position: relative;\n background: linear-gradient(135deg, #1c2754 0%, #2e3d7c 40%, #5a6db5 70%, #d4a0b0 100%);\n border-radius: var(--efr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--efr-shadow-lg);\n}\n\n.efr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(212,160,176,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.efr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.efr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.efr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.efr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.efr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.efr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--efr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.efr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.efr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.efr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--efr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.efr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--efr-primary), var(--efr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.efr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--efr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.efr-card {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--efr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.efr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--efr-shadow-lg);\n border-color: var(--efr-primary);\n}\n\n.efr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--efr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.efr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--efr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.efr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.efr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.efr-grid-compact .efr-card {\n padding: 1rem;\n}\n\n.efr-grid-compact .efr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.efr-grid-compact .efr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.efr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.efr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.efr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--efr-primary), var(--efr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.efr-timeline-content {\n flex: 1;\n background: var(--efr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--efr-radius-sm);\n box-shadow: var(--efr-shadow);\n}\n\n.efr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--efr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.efr-timeline-content p {\n font-size: 14px;\n color: var(--efr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.efr-testimonial {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--efr-shadow);\n border-left: 4px solid var(--efr-secondary);\n}\n\n.efr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--efr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.efr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--efr-primary-light);\n border-radius: var(--efr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.efr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.efr-tip p {\n font-size: 14px;\n color: var(--efr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.efr-accordion {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n box-shadow: var(--efr-shadow);\n overflow: hidden;\n}\n\n.efr-accordion-item {\n border-bottom: 1px solid var(--efr-border);\n margin: 0;\n padding: 0;\n}\n\n.efr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.efr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--efr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.efr-accordion-header:hover {\n background: var(--efr-primary-light);\n}\n\n.efr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.efr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--efr-primary);\n transition: transform .2s ease;\n}\n\n.efr-accordion-item[open] .efr-accordion-header::after {\n content: '−';\n}\n\n.efr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--efr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.efr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.efr-cta-box {\n background: linear-gradient(135deg, var(--efr-primary) 0%, var(--efr-primary-dark) 50%, #4a3060 100%);\n border-radius: var(--efr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.efr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.efr-disclaimer {\n font-size: 12px;\n color: var(--efr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .efr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .efr-card {\n padding: 1.125rem;\n }\n\n .efr-section {\n margin-bottom: 1.75rem;\n }\n\n .efr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--efr-radius-sm);\n }\n\n .efr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .efr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .efr-grid-compact {\n gap: .625rem;\n }\n\n .efr-grid-compact .efr-card {\n padding: .75rem;\n }\n\n .efr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .efr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .efr-timeline-content h3 {\n font-size: 14px;\n }\n\n .efr-timeline-content p {\n font-size: 13px;\n }\n\n .efr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .efr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .efr-testimonial {\n padding: 1.25rem;\n }\n\n .efr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .efr-card {\n animation: efrFadeInUp .5s ease backwards;\n }\n .efr-card:nth-child(1) { animation-delay: .05s; }\n .efr-card:nth-child(2) { animation-delay: .1s; }\n .efr-card:nth-child(3) { animation-delay: .15s; }\n .efr-card:nth-child(4) { animation-delay: .2s; }\n .efr-card:nth-child(5) { animation-delay: .25s; }\n .efr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes efrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .efr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54875067482489,"sku":"NBAIDSH0021","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-de-rose-bio-saint-hilaire-200-ml-packshothd.webp?v=1774283652"},{"product_id":"beurre-karite-bio-cacao-najel-100g","title":"Beurre de Karité Parfum Cacao Certifié Bio – 100 g – Najel","description":"\u003cdiv class=\"bk-premium\"\u003e\n \u003cdiv class=\"bk-hero\"\u003e\n \u003cdiv class=\"bk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bk-hero-content\"\u003e\n \u003cdiv class=\"bk-badges-top\"\u003e\n \u003cspan class=\"bk-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e🍫 Parfum Cacao\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e💯 100 % Naturel\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e✨ Multi-usage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bk-hero-title\"\u003eBeurre de Karité Parfum Cacao Bio\u003c\/span\u003e\n \u003cp class=\"bk-subtitle\"\u003eNajel · 100 g · Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"bk-description\"\u003eOffrez à votre peau et à vos cheveux un soin \u003cstrong\u003enaturel, gourmand et ultra nourrissant\u003c\/strong\u003e. Un pot de 100 g qui allie la richesse du karité brut à la senteur chaleureuse du cacao pour une expérience sensorielle inégalée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eUn beurre de karité bio aux multiples vertus\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eIssu de l'agriculture biologique et certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce beurre de karité concentre acides gras essentiels, vitamines A, E et F, et insaponifiables. Une véritable pépite naturelle.\u003c\/p\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eNourrit les peaux sèches, sensibles ou abîmées et restaure durablement le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🛡️ Action protectrice\u003c\/h3\u003e\n \u003cp\u003eForme un film lipidique qui protège des agressions extérieures : froid, vent, soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🩹 Soin réparateur\u003c\/h3\u003e\n \u003cp\u003eApaise gerçures, irritations, coudes rugueux, talons secs et vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e✨ Effet anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses antioxydants, il préserve la souplesse et l'éclat de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eBeurre de karité et cheveux : un duo d'exception\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eVous vous demandez comment utiliser le beurre de karité dans les cheveux ? C'est l'allié précieux des chevelures sèches, crépues, frisées ou abîmées. Il gaine la fibre, discipline les frisottis et apporte brillance et douceur.\u003c\/p\u003e\n \u003cdiv class=\"bk-timeline\"\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e🛁 En masque avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur cheveux humides, des longueurs aux pointes. Laissez poser 30 minutes puis lavez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e💆‍♀️ En soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003eUne infime quantité chauffée entre les paumes suffit pour dompter les pointes sèches au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e🌸 Pour le cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eMassage doux pour apaiser et nourrir en profondeur les zones les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-tip\"\u003e\n \u003cspan class=\"bk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous cherchiez une alternative au célèbre \u003cstrong\u003eAroma Zone beurre de karité\u003c\/strong\u003e, la version Najel séduit par sa qualité bio, sa traçabilité et son délicat parfum cacao naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"bk-composition\"\u003e\n \u003ch3\u003e🌱 Ingrédients (INCI)\u003c\/h3\u003e\n \u003cp class=\"bk-inci\"\u003eButyrospermum Parkii (Shea) Butter*, Parfum (Fragrance), Benzyl Benzoate, Benzyl Cinnamate.\u003c\/p\u003e\n \u003cp class=\"bk-inci-note\"\u003e\u003cem\u003e*Issu de l'agriculture biologique. 100 % du total des ingrédients sont d'origine naturelle. 96 % sont issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-grid-compact\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans huile minérale\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant de synthèse\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003ePrélevez une petite quantité de beurre, réchauffez-la entre vos doigts jusqu'à fonte, puis appliquez selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👤 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eEn soin nourrissant ciblé sur les zones sèches et inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🌟 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez après la douche pour une peau veloutée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👄 Sur les lèvres\u003c\/h3\u003e\n \u003cp\u003eComme baume réparateur en cas de gerçures ou de lèvres desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💇‍♀️ Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque profond ou soin coiffant pour gainer et sublimer les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-tip\"\u003e\n \u003cspan class=\"bk-tip-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière. À fortes températures, le beurre peut se liquéfier sans altérer ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"bk-cta-box\"\u003e\n \u003cp\u003eMarque pionnière des cosmétiques naturels d'inspiration orientale, \u003cstrong\u003eNajel\u003c\/strong\u003e sélectionne des matières premières d'une grande pureté, dans le respect des savoir-faire traditionnels et de l'environnement. Avec ce beurre de karité parfum cacao, vous adoptez une routine \u003cstrong\u003esensorielle, éthique et efficace\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bk-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --bk-cream: #faf6f1;\n --bk-white: #ffffff;\n --bk-primary: #d68a5b;\n --bk-primary-dark: #8b4a2b;\n --bk-primary-light: #fbeee2;\n --bk-secondary: #5d3a24;\n --bk-accent: #c9a87a;\n --bk-text: #2a1810;\n --bk-text-light: #6b5645;\n --bk-border: #e8dccd;\n --bk-shadow: 0 4px 24px rgba(139, 74, 43, .08);\n --bk-shadow-lg: 0 12px 48px rgba(139, 74, 43, .15);\n --bk-radius: 20px;\n --bk-radius-sm: 12px;\n }\n\n .bk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bk-text);\n line-height: 1.6;\n }\n\n .bk-hero {\n position: relative;\n background: linear-gradient(135deg, #d68a5b 0%, #b86a3e 50%, #8b4a2b 100%);\n border-radius: var(--bk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bk-shadow-lg);\n }\n\n .bk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .6;\n }\n\n .bk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .bk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .bk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n }\n\n .bk-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n .bk-description strong {\n color: white;\n }\n\n .bk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .bk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .bk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .bk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .bk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .bk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bk-primary), var(--bk-secondary));\n border-radius: 2px;\n }\n\n .bk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bk-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .bk-card {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .bk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bk-shadow-lg);\n border-color: var(--bk-primary);\n }\n\n .bk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .bk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .bk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .bk-grid-compact .bk-card {\n padding: 1rem;\n }\n\n .bk-grid-compact .bk-card h3 {\n font-size: 14px;\n margin-bottom: 0;\n }\n\n .bk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .bk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .bk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bk-primary), var(--bk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: var(--bk-shadow);\n }\n\n .bk-timeline-content {\n flex: 1;\n background: var(--bk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bk-radius-sm);\n box-shadow: var(--bk-shadow);\n }\n\n .bk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bk-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .bk-timeline-content p {\n font-size: 14px;\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .bk-composition {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bk-shadow);\n border-left: 4px solid var(--bk-primary);\n max-width: 900px;\n margin: 0 auto;\n }\n\n .bk-composition h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bk-primary-dark);\n margin: 0 0 .75rem 0;\n }\n\n .bk-inci {\n font-size: 14px;\n color: var(--bk-text);\n margin: 0 0 .75rem 0;\n line-height: 1.7;\n }\n\n .bk-inci-note {\n font-size: 13px;\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bk-primary-light);\n border-radius: var(--bk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .bk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .bk-tip p {\n font-size: 14px;\n color: var(--bk-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-cta-box {\n background: linear-gradient(135deg, var(--bk-primary) 0%, var(--bk-primary-dark) 100%);\n border-radius: var(--bk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--bk-shadow-lg);\n }\n\n .bk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .bk-cta-box strong {\n color: white;\n font-weight: 800;\n }\n\n .bk-disclaimer {\n font-size: 12px;\n color: var(--bk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 767px) {\n .bk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bk-card {\n padding: 1.125rem;\n }\n\n .bk-section {\n margin-bottom: 1.75rem;\n }\n\n .bk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bk-radius-sm);\n }\n\n .bk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bk-grid-compact {\n gap: .625rem;\n }\n\n .bk-grid-compact .bk-card {\n padding: .75rem;\n }\n\n .bk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bk-timeline-content h3 {\n font-size: 14px;\n }\n\n .bk-timeline-content p {\n font-size: 13px;\n }\n\n .bk-composition {\n padding: 1.25rem;\n }\n\n .bk-tip {\n padding: .875rem 1rem;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .bk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bk-card:nth-child(1) { animation-delay: .05s; }\n .bk-card:nth-child(2) { animation-delay: .1s; }\n .bk-card:nth-child(3) { animation-delay: .15s; }\n .bk-card:nth-child(4) { animation-delay: .2s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875322777977,"sku":"65131002","price":6.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-parfum-cacao-certifie-bio-100-g-najel-lifestyle.webp?v=1778149736"},{"product_id":"huile-figue-barbarie-bio-najel-80ml","title":"Huile Végétale de Graines de Figue de Barbarie Bio - 80 ml - Najel","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 Certifiée COSMOS Natural\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🌵 100 % pure \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e✨ Anti-rides d'exception\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eHuile végétale de graines de figue de barbarie bio\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eLe secret anti-âge le plus précieux du monde végétal\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003ePressée à froid, concentrée en vitamine E et oméga-6, cette huile rare de Najel sublime les peaux matures et redonne éclat et fermeté à votre visage — flacon verre teinté 80 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eHuile de graines de figue de barbarie bio Najel : le soin anti-âge d'exception\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eConsidérée comme l'une des huiles végétales les plus précieuses au monde, l'huile de figue de barbarie signée Najel est un véritable trésor cosmétique.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid des pépins de figue de barbarie issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Natural\u003c\/h3\u003e\n \u003cp\u003eCertifiée naturelle, sans additif ni conservateur, une pureté totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💎 Richesse nutritive\u003c\/h3\u003e\n \u003cp\u003eUne concentration incomparable en actifs anti-âge pour les peaux matures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✨ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eSublime les peaux en quête de fermeté, d'éclat et de jeunesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de pépins de figue de barbarie est-elle si précieuse ?\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eIl faut environ \u003cstrong\u003eune tonne de figues de barbarie\u003c\/strong\u003e pour obtenir un seul litre d'huile. Ce rendement extrêmement faible explique sa rareté et sa valeur.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eEnviron \u003cstrong\u003e3× plus que l'huile d'argan\u003c\/strong\u003e — un antioxydant remarquable qui protège les cellules cutanées du stress oxydatif et du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e💧 Oméga-6 (acide linoléique)\u003c\/h3\u003e\n \u003cp\u003eReprésente \u003cstrong\u003eplus de 60 % de la composition\u003c\/strong\u003e — renforce la barrière hydrolipidique et maintient une hydratation en profondeur, durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🔬 Stérols végétaux\u003c\/h3\u003e\n \u003cp\u003eFavorisent la \u003cstrong\u003erégénération cellulaire\u003c\/strong\u003e et améliorent visiblement la souplesse et l'élasticité de la peau au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e🌵\u003c\/span\u003e\n \u003cp\u003eCette synergie unique d'actifs fait de l'huile de pépins de figue de barbarie un allié de choix pour atténuer les rides, les ridules et les marques de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eBienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🧴 Soin anti-rides naturel\u003c\/h3\u003e\n \u003cp\u003eLisse le grain de peau et redonne fermeté et élasticité au visage, application après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eTexture sèche et légère qui nourrit intensément sans film gras, même sur les peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🫧 Non comédogène\u003c\/h3\u003e\n \u003cp\u003eNe bouche pas les pores — adaptée à tous les types de peau, y compris les peaux sensibles ou à tendance acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e☀️ Éclat du teint\u003c\/h3\u003e\n \u003cp\u003ePropriétés antioxydantes qui aident à unifier le teint et à estomper les taches pigmentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eSuffisamment douce et fine pour cette zone fragile — atténue les cernes et les poches efficacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de figue de barbarie ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-timeline\"\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eChaque soir, sur une peau propre et sèche, préparez votre peau à recevoir le soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eDéposez 2 à 3 gouttes\u003c\/h3\u003e\n \u003cp\u003eAu creux de votre main, chauffez légèrement l'huile entre vos paumes pour activer ses principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eAppliquez par légers tapotements\u003c\/h3\u003e\n \u003cp\u003eSur le visage, le cou et le décolleté. Insistez délicatement sur le contour des yeux et les zones marquées par les rides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce soin capillaire :\u003c\/strong\u003e quelques gouttes sur les pointes sèches ou abîmées leur redonneront brillance et vitalité. En masque avant-shampoing, laissez poser 30 minutes sous une serviette chaude pour un effet nourrissant optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"fb-composition-box\"\u003e\n \u003cp class=\"fb-composition-inci\"\u003e\u003cstrong\u003eOpuntia Ficus-Indica Seed Oil*\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"fb-composition-detail\"\u003e100 % huile de graines de figue de barbarie biologique, obtenue par pression à froid.\u003c\/p\u003e\n \u003cp class=\"fb-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa qualité Najel, un choix engagé\u003c\/h2\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003eNajel perpétue un savoir-faire artisanal depuis plus de \u003cstrong\u003e120 ans\u003c\/strong\u003e. En choisissant cette huile de pépins de figue de barbarie certifiée naturelle, vous optez pour un produit éthique, fabriqué dans le respect de l'environnement et des producteurs. Le flacon en verre teinté de 80 ml protège l'huile de la lumière pour préserver tous ses actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #faf6f1;\n --fb-white: #ffffff;\n --fb-primary: #d4a843;\n --fb-primary-dark: #3a3225;\n --fb-primary-light: #f5edd9;\n --fb-secondary: #8b6f3a;\n --fb-accent: #c28a2e;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5247;\n --fb-border: #e6ddd0;\n --fb-shadow: 0 4px 24px rgba(58, 50, 37, .08);\n --fb-shadow-lg: 0 12px 48px rgba(58, 50, 37, .15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fb-primary-dark) 0%, #5c4a2a 40%, var(--fb-primary) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212, 168, 67, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(212, 168, 67, .1) 0%, transparent 30%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.fb-subtitle {\n color: var(--fb-primary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card-highlight {\n border-left: 4px solid var(--fb-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.fb-composition-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n text-align: center;\n border: 2px solid var(--fb-primary-light);\n}\n\n.fb-composition-inci {\n font-size: clamp(17px, 3vw, 22px);\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: .01em;\n}\n\n.fb-composition-detail {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--fb-text-light);\n margin: 0 0 .75rem 0;\n line-height: 1.6;\n}\n\n.fb-composition-note {\n font-size: 13px;\n color: var(--fb-secondary);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary-dark) 0%, #5c4a2a 50%, var(--fb-secondary) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-composition-box {\n padding: 1.25rem;\n }\n\n .fb-tip {\n padding: .875rem 1rem;\n }\n\n .fb-tip-icon {\n font-size: 20px;\n }\n\n .fb-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875393786233,"sku":"NJ0195","price":18.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-graines-de-figue-de-barbarie-bio-80-ml-naj-lifestyle.webp?v=1774342900"},{"product_id":"beurre-karite-bio-najel-150-ml","title":"Beurre de Karité Brut Bio - Najel - 100 g","description":"\u003cdiv class=\"nj-premium\"\u003e\n\u003cdiv class=\"nj-hero\"\u003e\n\u003cdiv class=\"nj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nj-hero-content\"\u003e\n\u003cdiv class=\"nj-badges-top\"\u003e\n\u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e✋ Récolte traditionnelle\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e💯 100% brut\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e🌍 Afrique de l'Ouest\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nj-hero-title\"\u003eBeurre de Karité Brut Bio\u003c\/span\u003e\n\u003cp class=\"nj-subtitle\"\u003eNajel - 100 g · Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n\u003cp class=\"nj-description\"\u003eUn trésor de la nature, extrait à la main des noix de karité d'Afrique de l'Ouest selon des méthodes traditionnelles. Non raffiné, non désodorisé et certifié Cosmos Organic, il conserve l'intégralité de ses actifs précieux pour offrir à votre peau et à vos cheveux un soin authentique, pur et profondément nourrissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un beurre de karité brut et non raffiné ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eContrairement aux versions transformées du marché, ce beurre Najel est \u003cstrong\u003e100 % brut\u003c\/strong\u003e. Sa couleur ivoire à beige et son odeur naturelle légèrement fumée témoignent de son authenticité, garantissant une concentration maximale en actifs.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌟 Vitamines A, D, E \u0026amp; F\u003c\/h3\u003e\n\u003cp\u003eAntioxydants puissants qui luttent activement contre le vieillissement cutané et préservent la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eOléique, stéarique et linoléique : ils nourrissent en profondeur et restructurent durablement l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Insaponifiables jusqu'à 17 %\u003c\/h3\u003e\n\u003cp\u003eDes substances rares aux propriétés réparatrices et protectrices exceptionnelles, signature du karité brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eLes bienfaits du beurre de karité pour la peau\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eVéritable soin polyvalent, le beurre de karité agit en profondeur sur tous les types de peaux, des plus sensibles aux plus matures.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💦 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les peaux sèches, déshydratées ou matures, il restaure le film hydrolipidique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌸 Apaisant \u0026amp; calmant\u003c\/h3\u003e\n\u003cp\u003eSoulage les irritations, tiraillements et rougeurs en quelques applications.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🛡️ Bouclier protecteur\u003c\/h3\u003e\n\u003cp\u003eProtège du froid, du vent et du soleil grâce à un léger filtre UV naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🤰 Anti-vergetures\u003c\/h3\u003e\n\u003cp\u003eAide à atténuer les vergetures durant la grossesse et favorise la cicatrisation des gerçures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eBeurre de karité et cheveux : un duo gagnant\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eTradition ancestrale africaine qui a fait ses preuves, le beurre de karité est particulièrement adapté aux cheveux secs, bouclés, frisés, crépus ou abîmés par les colorations.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💪 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eNourrit la fibre capillaire en profondeur et limite efficacement la casse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Brillance \u0026amp; discipline\u003c\/h3\u003e\n\u003cp\u003eDiscipline les frisottis et apporte une brillance naturelle aux longueurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 Cuir chevelu apaisé\u003c\/h3\u003e\n\u003cp\u003eCalme et soulage les cuirs chevelus secs ou irrités en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🛡️ Pointes protégées\u003c\/h3\u003e\n\u003cp\u003eProtège les pointes des agressions extérieures : chaleur, pollution et coiffage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-tip\"\u003e\n\u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour appliquer le beurre de karité sur les cheveux, faites-le fondre entre vos paumes et utilisez-le en bain d'huile avant shampoing, en soin sans rinçage sur les pointes, ou en masque nourrissant une fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComment utiliser le beurre de karité Najel ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eÀ température ambiante, le beurre est solide. Prélevez une petite noisette, réchauffez-la entre vos doigts jusqu'à obtenir une texture huileuse, puis appliquez selon vos besoins.\u003c\/p\u003e\n\u003cdiv class=\"nj-timeline\"\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e👁️ Sur le visage\u003c\/h3\u003e\n\u003cp\u003eEn soin de nuit ou contour des yeux, en très fine couche pour une régénération nocturne optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, sur peau légèrement humide pour une absorption optimale et une peau veloutée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn masque avant-shampoing ou directement sur les longueurs sèches pour nourrir intensément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🎯 En zones ciblées\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons, lèvres gercées : un soin SOS pour les zones les plus sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComposition 100 % naturelle\u003c\/h2\u003e\n\u003cdiv class=\"nj-testimonial\"\u003e\n\u003cp class=\"nj-testimonial-text\"\u003e\"\u003cstrong\u003eINCI\u003c\/strong\u003e : Butyrospermum Parkii (Shea) Butter*. \u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003eUn seul ingrédient, brut et certifié bio. Sans parfum, sans conservateur, sans additif. Conditionnement : pot de \u003cstrong\u003e100 g\u003c\/strong\u003e.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"nj-grid-compact\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 1 ingrédient\u003c\/h3\u003e\n\u003cp\u003e100% beurre de karité bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🚫 0 additif\u003c\/h3\u003e\n\u003cp\u003eSans parfum ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✅ Certifié\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e📦 Format\u003c\/h3\u003e\n\u003cp\u003ePot de 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"nj-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"nj-accordion\"\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e⚠️ Conseils d'utilisation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eRéservé à l'usage cosmétique externe. Évitez le contact avec les yeux. En cas de réaction, cessez l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🥜 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques au latex (traces possibles).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne remplace en aucun cas un traitement médical : consultez un professionnel de santé en cas de problème dermatologique persistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière pour préserver toutes les qualités du beurre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --nj-cream: #fdf8f3;\n --nj-white: #ffffff;\n --nj-primary: #d68449;\n --nj-primary-dark: #8b4a1f;\n --nj-primary-light: #fbeadb;\n --nj-secondary: #c46a2e;\n --nj-accent: #5a3a1f;\n\n --nj-text: #2a1a0f;\n --nj-text-light: #6b5547;\n\n --nj-border: #ebd9c5;\n --nj-shadow: 0 4px 24px rgba(139, 74, 31, .08);\n --nj-shadow-lg: 0 12px 48px rgba(139, 74, 31, .18);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--nj-text);\n}\n\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #e89556 0%, #d68449 50%, #b8612a 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 25%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 30%);\n opacity: .15;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(214, 132, 73, .35);\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--nj-primary);\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nj-card {\n padding: 1.125rem;\n }\n \n .nj-section {\n margin-bottom: 1.75rem;\n }\n \n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n \n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nj-grid-compact {\n gap: .625rem;\n }\n \n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n \n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nj-timeline-content h3 {\n font-size: 14px;\n }\n \n .nj-timeline-content p {\n font-size: 13px;\n }\n \n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nj-testimonial {\n padding: 1.25rem;\n }\n \n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54878508319097,"sku":"NJ0225","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-brut-bio-najel-100-g-lifestyle.webp?v=1778142956"},{"product_id":"huile-dattier-desert-najel-80ml","title":"Huile de Dattier du Désert - Najel - 80 ml","description":"\u003cdiv class=\"dd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dd-hero\"\u003e\n \u003cdiv class=\"dd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dd-hero-content\"\u003e\n \u003cdiv class=\"dd-badges-top\"\u003e\n \u003cspan class=\"dd-badge\"\u003e🌿 Certifiée Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"dd-badge\"\u003e🌍 Origine Afrique subsaharienne\u003c\/span\u003e\n \u003cspan class=\"dd-badge\"\u003e✨ Toucher très sec\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dd-hero-title\"\u003eHuile de Dattier du Désert\u003c\/span\u003e\n \u003cp class=\"dd-subtitle\"\u003eNajel — Flacon spray 80 ml\u003c\/p\u003e\n \u003cp class=\"dd-description\"\u003eUn trésor cosmétique ancestral, réparateur et nourrissant, pour sublimer votre peau et vos cheveux au quotidien. 100 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eHuile de Dattier du Désert Najel : un soin réparateur certifié bio\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eConnue sous le nom de \u003cstrong\u003eBalanites aegyptiaca\u003c\/strong\u003e, l'huile de dattier du désert est un trésor cosmétique ancestral originaire d'Afrique subsaharienne.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid-compact\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🧴 Flacon spray 80 ml\u003c\/h3\u003e\n \u003cp\u003eFormat pratique en verre ambré pour un dosage précis et une protection optimale de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🌱 Certifiée Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio par Ecocert Greenlife selon le référentiel le plus exigeant du marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🤲 Toucher très sec\u003c\/h3\u003e\n \u003cp\u003ePénètre instantanément sans laisser de film gras. Idéale même le matin sous le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🏺 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraite par première pression à froid pour préserver l'intégralité de ses actifs précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eLes vertus de l'huile de dattier du désert pour la peau\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eRiche en \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e (oléique et linoléique) et en \u003cstrong\u003eantioxydants naturels\u003c\/strong\u003e, cette huile végétale offre des vertus remarquables pour les peaux fragilisées.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🔧 Réparatrice\u003c\/h3\u003e\n \u003cp\u003eElle aide à restaurer les peaux abîmées, desséchées ou sujettes aux tiraillements. Un véritable baume de reconstruction cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eElle assouplit et adoucit même les peaux les plus sèches et sensibles grâce à sa richesse en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice\u003c\/h3\u003e\n \u003cp\u003eElle forme un bouclier discret contre les agressions extérieures : froid, vent, pollution, sécheresse ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🍃 Purifiante\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés assainissantes, elle convient aussi aux peaux à imperfections sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-tip\"\u003e\n \u003cspan class=\"dd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSon fini non gras la distingue nettement d'autres huiles végétales : vous pouvez l'appliquer sur le visage le matin sans craindre les brillances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eUne huile végétale pour cheveux secs, bouclés et fragilisés\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eL'huile végétale de dattier du désert est aussi un soin capillaire d'exception. Si vous avez les cheveux secs, cassants ou bouclés, elle peut transformer votre routine.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e💪 Nourrit et répare\u003c\/h3\u003e\n \u003cp\u003eElle nourrit et répare la fibre capillaire en profondeur sans alourdir la chevelure ni laisser de résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e〰️ Discipline les boucles\u003c\/h3\u003e\n \u003cp\u003eElle discipline les cheveux bouclés et réduit les frisottis durablement pour des boucles définies et soyeuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e✨ Brillance et souplesse\u003c\/h3\u003e\n \u003cp\u003eElle redonne brillance et souplesse aux longueurs ternes et abîmées, révélant l'éclat naturel du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🔒 Protège les pointes\u003c\/h3\u003e\n \u003cp\u003eElle protège les pointes de la sécheresse et des agressions thermiques du sèche-cheveux et du lisseur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-tip\"\u003e\n \u003cspan class=\"dd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à une huile de ricin, souvent très épaisse, l'huile de dattier du désert possède une texture fluide et légère qui facilite son application et son absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile réparatrice Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"dd-timeline\"\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eVaporisez deux à trois gouttes sur peau propre, matin ou soir, et massez délicatement jusqu'à pénétration complète. Parfait sous une crème ou seul.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin cheveux secs ou bouclés\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques pressions sur les longueurs et pointes humides ou sèches. En bain d'huile avant le shampooing, laissez poser 30 minutes pour un soin intensif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin corps et barbe\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en massage sur les zones sèches (coudes, jambes) ou sur la barbe pour l'assouplir et la discipliner naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"dd-accordion\"\u003e\n \u003cdetails class=\"dd-accordion-item\" open\u003e\n \u003csummary class=\"dd-accordion-header\"\u003e🧬 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"dd-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eBalanites Roxburghii Seed Oil*\u003c\/strong\u003e — *Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003cp\u003e100 % du total des ingrédients est d'origine naturelle. Certifié bio par Ecocert Greenlife selon le référentiel Cosmos Organic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"dd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"dd-testimonial\"\u003e\n \u003cp class=\"dd-testimonial-text\"\u003eFondée à Alep, la maison Najel perpétue un savoir-faire cosmétique traditionnel tout en respectant des exigences écologiques strictes. Cette huile est extraite par première pression à froid pour préserver l'intégralité de ses actifs. Le flacon spray en verre ambré de 80 ml protège l'huile de la lumière et garantit un dosage précis à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et vos cheveux le pouvoir réparateur du désert — une huile précieuse, bio et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dd-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dd-cream: #faf6f0;\n --dd-white: #ffffff;\n --dd-primary: #c6973b;\n --dd-primary-dark: #8b6914;\n --dd-primary-light: #f5edd8;\n --dd-secondary: #d4a84b;\n --dd-accent: #3d2e12;\n --dd-text: #1a1a1a;\n --dd-text-light: #5a5a5a;\n --dd-border: #e6dcc8;\n --dd-shadow: 0 4px 24px rgba(139, 105, 20, .08);\n --dd-shadow-lg: 0 12px 48px rgba(139, 105, 20, .15);\n --dd-radius: 20px;\n --dd-radius-sm: 12px;\n}\n\n.dd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dd-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2e12 0%, #8b6914 40%, #c6973b 100%);\n border-radius: var(--dd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--dd-shadow-lg);\n}\n\n.dd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 60% 60%, rgba(212,168,75,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.dd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.dd-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.dd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.dd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dd-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dd-primary), var(--dd-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dd-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.dd-section-intro strong {\n color: var(--dd-primary-dark);\n}\n\n\/* === CARDS === *\/\n.dd-card {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dd-shadow-lg);\n border-color: var(--dd-primary);\n}\n\n.dd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dd-grid-compact .dd-card {\n padding: 1rem;\n}\n\n.dd-grid-compact .dd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dd-grid-compact .dd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dd-primary), var(--dd-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(198, 151, 59, .3);\n}\n\n.dd-timeline-content {\n flex: 1;\n background: var(--dd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dd-radius-sm);\n box-shadow: var(--dd-shadow);\n}\n\n.dd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dd-timeline-content p {\n font-size: 14px;\n color: var(--dd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dd-testimonial {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dd-shadow);\n border-left: 4px solid var(--dd-primary);\n margin-bottom: 1.25rem;\n}\n\n.dd-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dd-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dd-accordion {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n box-shadow: var(--dd-shadow);\n overflow: hidden;\n}\n\n.dd-accordion-item {\n border-bottom: 1px solid var(--dd-border);\n margin: 0;\n padding: 0;\n}\n\n.dd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dd-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.dd-accordion-header:hover {\n background: var(--dd-primary-light);\n}\n\n.dd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dd-primary);\n transition: transform .2s ease;\n}\n\n.dd-accordion-item[open] .dd-accordion-header::after {\n content: '−';\n}\n\n.dd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dd-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.dd-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.dd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dd-primary-light);\n border-radius: var(--dd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dd-tip p {\n font-size: 14px;\n color: var(--dd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dd-cta-box {\n background: linear-gradient(135deg, var(--dd-primary) 0%, var(--dd-primary-dark) 100%);\n border-radius: var(--dd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dd-disclaimer {\n font-size: 12px;\n color: var(--dd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dd-card {\n padding: 1.125rem;\n }\n\n .dd-section {\n margin-bottom: 1.75rem;\n }\n\n .dd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dd-radius-sm);\n }\n\n .dd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dd-grid-compact {\n gap: .625rem;\n }\n\n .dd-grid-compact .dd-card {\n padding: .75rem;\n }\n\n .dd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dd-timeline-content h3 {\n font-size: 14px;\n }\n\n .dd-timeline-content p {\n font-size: 13px;\n }\n\n .dd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dd-testimonial {\n padding: 1.25rem;\n }\n\n .dd-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dd-card {\n animation: ddFadeInUp .5s ease backwards;\n }\n .dd-card:nth-child(1) { animation-delay: .05s; }\n .dd-card:nth-child(2) { animation-delay: .1s; }\n .dd-card:nth-child(3) { animation-delay: .15s; }\n .dd-card:nth-child(4) { animation-delay: .2s; }\n .dd-card:nth-child(5) { animation-delay: .25s; }\n .dd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ddFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880980205945,"sku":"NJ0220","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-dattier-du-desert-najel-80-ml-lifestyle.webp?v=1778145499"},{"product_id":"masque-nettoyant-visage-au-lait-de-chevre-huile-dargan","title":"Masque nettoyant visage au lait de Chèvre \u0026 Huile d'Argan","description":"\u003cp\u003eLe \u003cstrong\u003eMasque Nettoyant Visage au Lait de Chèvre \u0026amp; Huile d'Argan\u003c\/strong\u003e est un savon doux et hydratant conçu pour nettoyer, purifier et nourrir la peau en profondeur. Adapté à tous les types de peau, même les plus sensibles, il combine les bienfaits du \u003cem\u003elait de chèvre\u003c\/em\u003e, reconnu pour ses propriétés apaisantes, et de l'\u003cem\u003ehuile d'argan\u003c\/em\u003e, aux vertus nourrissantes et protectrices.\u003c\/p\u003e \n\n\u003ch2\u003e Une mousse onctueuse qui se transforme en masque \u003c\/h2\u003e \n\u003cp\u003eGrâce à sa formulation unique, ce savon nettoyant crée une mousse délicate qui, en séchant, devient un \u003cstrong\u003emasque doux et réparateur\u003c\/strong\u003e. Utilisé quotidiennement, il aide à équilibrer le teint et à prévenir les imperfections, tout en laissant la peau fraîche et éclatante.\u003c\/p\u003e \n\n\u003ch2\u003e Les bienfaits du lait de chèvre et de l'huile d'argan \u003c\/h2\u003e \n\u003cul\u003e \n\u003cli\u003e\n\u003cstrong\u003eLait de chèvre :\u003c\/strong\u003e Riche en acides gras et vitamines, il hydrate, calme les rougeurs et aide à réguler le sébum.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eHuile d'argan :\u003c\/strong\u003e Nourrissante et réparatrice, elle protège la peau du dessèchement et préserve son élasticité.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité :\u003c\/strong\u003e Apaise et adoucit la peau tout en renforçant la barrière cutanée.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eHuile de coco :\u003c\/strong\u003e Purifiante et protectrice, elle aide à maintenir l’hydratation de la peau.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle d’eucalyptus :\u003c\/strong\u003e Revitalisante et rafraîchissante, elle apporte une sensation de fraîcheur immédiate.\u003c\/li\u003e \n\u003c\/ul\u003e \n\n\u003ch2\u003e Conseils d'utilisation \u003c\/h2\u003e \n\u003cp\u003eMatin et soir, humidifiez le savon et appliquez-le sur le visage en massant doucement du bout des doigts. Laissez la mousse agir environ 30 secondes avant de rincer abondamment. Pour un effet masque, laissez poser 5 minutes une fois par semaine avant de rincer.\u003c\/p\u003e \n\n\u003ch2\u003e Pourquoi adopter ce masque nettoyant visage ? \u003c\/h2\u003e \n\u003cul\u003e \n\u003cli\u003e\n\u003cstrong\u003eNettoyant et masque 2-en-1 :\u003c\/strong\u003e Pour une peau purifiée et éclatante.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eAdapté aux peaux sensibles :\u003c\/strong\u003e Formule douce et sans agents agressifs.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eHydratation et nutrition :\u003c\/strong\u003e Grâce à l’huile d’argan et au lait de chèvre.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eNaturel et efficace :\u003c\/strong\u003e Sans parabènes ni silicones, respectueux de la peau.\u003c\/li\u003e \n\u003cli\u003e\n\u003cstrong\u003eFacile à intégrer dans une routine beauté :\u003c\/strong\u003e Convient à un usage quotidien.\u003c\/li\u003e \n\u003c\/ul\u003e \n\n\u003cp\u003eOptez pour une peau douce, nourrie et éclatante avec le \u003cstrong\u003eMasque Nettoyant Visage au Lait de Chèvre \u0026amp; Huile d'Argan\u003c\/strong\u003e, un soin naturel et bienfaisant.\u003c\/p\u003e","brand":"SB COLLECTION","offers":[{"title":"Default Title","offer_id":54912179995001,"sku":"MASQUECHEVRE","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-nettoyant-lait-chevre-min.jpg?v=1738147563"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/soin-visage_45c2de44-1bda-4681-a230-1b3c9a5cac9a-540966.jpg?v=1732719607","url":"https:\/\/www.naturellement-bio.com\/collections\/visage.oembed?page=5","provider":"Naturellement Bio","version":"1.0","type":"link"}