{"title":"Soin Capillaire","description":"","products":[{"product_id":"huile-de-karanja-anti-oxydante-bio-100-ml-acorelle","title":"Huile De Karanja Anti Oxydante Bio - 100 ml - Acorelle","description":"\u003cdiv class=\"kar-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"kar-hero\"\u003e\n\u003cdiv class=\"kar-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kar-hero-content\"\u003e\n\u003cdiv class=\"kar-badges-top\"\u003e\n\u003cspan class=\"kar-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"kar-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"kar-badge\"\u003e🛡️ Antioxydant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kar-hero-title\"\u003eHuile de Karanja Bio Acorelle\u003c\/span\u003e\n\u003cp class=\"kar-subtitle\"\u003eProtection antioxydante \u0026amp; nutrition intense\u003c\/p\u003e\n\u003cp class=\"kar-description\"\u003eL'alliance parfaite entre tradition indienne et cosmétique bio française pour une peau protégée, nourrie et sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eL'huile de Karanja bio Acorelle : votre bouclier antioxydant naturel\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eVous recherchez une \u003cstrong\u003ehuile pour le corps hydratante\u003c\/strong\u003e qui protège véritablement votre peau des agressions quotidiennes ? L'\u003cstrong\u003ehuile de Karanja\u003c\/strong\u003e bio d'Acorelle répond à cette attente avec brio.\u003c\/p\u003e\n\u003cdiv class=\"kar-highlight-box\"\u003e\n\u003cdiv class=\"kar-highlight-content\"\u003e\n\u003cp\u003e🌺 Extraite des graines de \u003cem\u003ePongamia Glabra\u003c\/em\u003e, un arbre traditionnel indien, cette huile précieuse concentre des actifs naturels d'une efficacité remarquable pour \u003cstrong\u003enourrir, protéger et sublimer\u003c\/strong\u003e votre peau au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eHuile de Karanja : bienfaits exceptionnels pour votre peau\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003ePourquoi l'huile de Karanja suscite-t-elle autant d'intérêt dans le monde de la cosmétique naturelle ? Ses propriétés uniques en font une alliée incomparable.\u003c\/p\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eNaturellement riche en flavonoïdes et pongamol, elle neutralise les radicaux libres responsables du vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e☀️ Bouclier anti-UV\u003c\/h3\u003e\n\u003cp\u003ePrépare et protège la peau des effets néfastes du soleil, idéale avant et après l'exposition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eSes acides gras essentiels restaurent le film hydrolipidique et préservent l'hydratation naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e✨ Action réparatrice\u003c\/h3\u003e\n\u003cp\u003eApaise les peaux fragilisées et aide à retrouver souplesse et élasticité durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n\u003cp\u003eRapidement absorbée et non grasse, elle convient parfaitement comme huile quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003ePour qui cette huile hydratante pour le corps est-elle idéale ?\u003c\/h2\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e👵 Peaux matures\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un soin anti-âge naturel qui préserve la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n\u003cp\u003eQui ont besoin d'une nutrition profonde et durable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSa formule douce et certifiée bio respecte les épidermes les plus délicats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌞 Peaux mates et bronzées\u003c\/h3\u003e\n\u003cp\u003eSublime le hâle et prolonge l'éclat du bronzage naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs et abîmés\u003c\/h3\u003e\n\u003cp\u003eEn soin des pointes pour nourrir et réparer en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eHuile de Karanja : danger ou sécurité ?\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eVous avez peut-être lu des interrogations sur l'huile de Karanja. Rassurez-vous : utilisée en cosmétique dans des formulations adaptées comme celle d'Acorelle, cette huile est \u003cstrong\u003eparfaitement sûre\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"kar-safety-box\"\u003e\n\u003cdiv class=\"kar-safety-header\"\u003e\n\u003cspan class=\"kar-safety-icon\"\u003e✅\u003c\/span\u003e \u003cspan\u003eGaranties Acorelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eLa marque française garantit une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e et des \u003cstrong\u003econtrôles rigoureux\u003c\/strong\u003e à chaque étape de fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n\u003cp\u003eEffectuez un test dans le pli du coude avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e☀️ Complément solaire\u003c\/h3\u003e\n\u003cp\u003eNe remplace pas une protection SPF lors d'expositions prolongées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e👁️ Zones à éviter\u003c\/h3\u003e\n\u003cp\u003eÉvitez le contour des yeux et les muqueuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n\u003cp\u003eConservez à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile corps hydratante Acorelle ?\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003ePour profiter pleinement des bienfaits de l'huile de Karanja, voici nos conseils d'application.\u003c\/p\u003e\n\u003cdiv class=\"kar-usage-block\"\u003e\n\u003ch3 class=\"kar-usage-title\"\u003e🧴 Pour le corps\u003c\/h3\u003e\n\u003cdiv class=\"kar-timeline\"\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eVaporisez\u003c\/h3\u003e\n\u003cp\u003eQuelques pressions d'huile sur peau légèrement humide, juste après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eDélicatement en mouvements circulaires jusqu'à absorption complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eInsistez\u003c\/h3\u003e\n\u003cp\u003eSur les zones sèches : coudes, genoux, talons pour une nutrition ciblée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e✨ Pour le visage\u003c\/h3\u003e\n\u003cp\u003e2-3 gouttes sur peau propre et sèche. Tapotez doucement pour faire pénétrer. Utilisez seule ou mélangée à votre crème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes sur les pointes sèches. En soin de nuit : laissez poser toute la nuit, lavez au matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eComposition complète et certifiée bio\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eLa transparence est essentielle. Voici la liste complète des ingrédients (INCI) de cette huile hydratante.\u003c\/p\u003e\n\u003cdiv class=\"kar-ingredients\"\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003ePongamia Glabra Seed Oil\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eHuile de Karanja bio, ingrédient principal aux vertus protectrices\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eHelianthus Annuus Seed Oil\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eHuile de tournesol bio, nourrissante et émolliente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eParfum\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eFragrance naturelle pour une sensation de bien-être\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eTocopherol\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eVitamine E naturelle, antioxydant préservant la fraîcheur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eLimonene* \u0026amp; Linalool*\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eComposants naturels des huiles essentielles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-certification\"\u003e\n\u003cdiv class=\"kar-cert-content\"\u003e\n\u003cstrong\u003e🌿 Certification COSMOS Organic\u003c\/strong\u003e\n\u003cp\u003e100% des ingrédients d'origine naturelle • 98% issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eL'engagement Acorelle : cosmétique bio made in France\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eAcorelle incarne une vision exigeante de la beauté naturelle.\u003c\/p\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eAvec un savoir-faire artisanal et une expertise reconnue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌱 100% végétale\u003c\/h3\u003e\n\u003cp\u003eFormule vegan, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eSans parabènes, sans phénoxyéthanol, sans huiles minérales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n\u003cp\u003eAluminium 100ml avec spray pratique pour une application facile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDe la récolte des graines jusqu'à la mise en flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"kar-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eNos conseils pour optimiser les résultats\u003c\/h2\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🧽 Exfoliez\u003c\/h3\u003e\n\u003cp\u003eUne fois par semaine pour favoriser la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e📅 Régularité\u003c\/h3\u003e\n\u003cp\u003eAppliquez quotidiennement, matin ou soir, pour des résultats visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌞 Après-soleil\u003c\/h3\u003e\n\u003cp\u003eEn été, utilisez-la pour apaiser et prolonger le bronzage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🥗 Synergie alimentaire\u003c\/h3\u003e\n\u003cp\u003eAssociez à une alimentation riche en antioxydants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau le meilleur de la nature avec l'huile de Karanja bio Acorelle ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"kar-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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --kar-cream: #FDF8F4;\n --kar-white: #ffffff;\n --kar-primary: #D4A574;\n --kar-primary-dark: #B8895A;\n --kar-primary-light: #F5EDE6;\n --kar-secondary: #E8B4A0;\n --kar-accent: #7BA68D;\n --kar-accent-light: #E8F2EB;\n --kar-coral: #C97B6B;\n\n \/* Textes *\/\n --kar-text: #3D3028;\n --kar-text-light: #6B5D52;\n\n \/* Effets *\/\n --kar-border: #E8DED4;\n --kar-shadow: 0 4px 24px rgba(180,137,90,.12);\n --kar-shadow-lg: 0 12px 48px rgba(180,137,90,.18);\n --kar-radius: 20px;\n --kar-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.kar-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kar-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kar-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #E8B4A0 40%, #7BA68D 100%);\n border-radius: var(--kar-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(--kar-shadow-lg);\n}\n\n.kar-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.kar-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.kar-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.kar-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.kar-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.kar-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kar-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(--kar-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kar-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kar-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kar-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kar-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.kar-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(--kar-primary), var(--kar-accent));\n border-radius: 2px;\n}\n\n.kar-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kar-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.kar-card {\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kar-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kar-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kar-shadow-lg);\n border-color: var(--kar-primary);\n}\n\n.kar-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kar-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kar-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kar-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kar-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kar-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kar-grid-compact .kar-card {\n padding: 1rem;\n}\n\n.kar-grid-compact .kar-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kar-grid-compact .kar-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kar-highlight-box {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--kar-shadow);\n border-left: 5px solid var(--kar-accent);\n}\n\n.kar-highlight-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.kar-highlight-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--kar-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === SAFETY BOX === *\/\n.kar-safety-box {\n background: var(--kar-accent-light);\n border-radius: var(--kar-radius);\n padding: 1.25rem 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.kar-safety-header {\n display: flex;\n align-items: center;\n gap: .5rem;\n font-weight: 800;\n color: var(--kar-accent);\n font-size: 16px;\n margin-bottom: .5rem;\n}\n\n.kar-safety-icon {\n font-size: 20px;\n}\n\n.kar-safety-box p {\n margin: 0;\n font-size: 14px;\n color: var(--kar-text);\n line-height: 1.6;\n}\n\n\/* === USAGE BLOCK === *\/\n.kar-usage-block {\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--kar-shadow);\n margin-bottom: 1.5rem;\n}\n\n.kar-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--kar-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.kar-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kar-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kar-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kar-primary), var(--kar-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(212,165,116,.3);\n}\n\n.kar-timeline-content {\n flex: 1;\n background: var(--kar-primary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--kar-radius-sm);\n}\n\n.kar-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kar-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kar-timeline-content p {\n font-size: 14px;\n color: var(--kar-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INGREDIENTS === *\/\n.kar-ingredients {\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n overflow: hidden;\n box-shadow: var(--kar-shadow);\n margin-bottom: 1.5rem;\n}\n\n.kar-ingredient-item {\n display: flex;\n flex-direction: column;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--kar-border);\n}\n\n.kar-ingredient-item:last-child {\n border-bottom: none;\n}\n\n.kar-ingredient-name {\n font-weight: 700;\n color: var(--kar-primary-dark);\n font-size: 14px;\n margin-bottom: .25rem;\n}\n\n.kar-ingredient-desc {\n font-size: 13px;\n color: var(--kar-text-light);\n line-height: 1.5;\n}\n\n\/* === CERTIFICATION === *\/\n.kar-certification {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: linear-gradient(135deg, var(--kar-accent-light) 0%, var(--kar-primary-light) 100%);\n border-radius: var(--kar-radius);\n padding: 1.25rem 1.5rem;\n}\n\n.kar-cert-badge {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.kar-cert-content strong {\n display: block;\n font-size: 15px;\n color: var(--kar-accent);\n margin-bottom: .25rem;\n}\n\n.kar-cert-content p {\n margin: 0;\n font-size: 13px;\n color: var(--kar-text-light);\n}\n\n\/* === CTA FINAL === *\/\n.kar-cta-box {\n background: linear-gradient(135deg, var(--kar-primary) 0%, var(--kar-coral) 50%, var(--kar-accent) 100%);\n border-radius: var(--kar-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.kar-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.kar-disclaimer {\n font-size: 12px;\n color: var(--kar-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 .kar-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kar-card {\n padding: 1.125rem;\n }\n \n .kar-section {\n margin-bottom: 1.75rem;\n }\n \n .kar-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kar-radius-sm);\n }\n \n .kar-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kar-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kar-grid-compact {\n gap: .625rem;\n }\n \n .kar-grid-compact .kar-card {\n padding: .75rem;\n }\n \n .kar-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kar-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kar-timeline-content h3 {\n font-size: 14px;\n }\n \n .kar-timeline-content p {\n font-size: 13px;\n }\n \n .kar-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .kar-highlight-icon {\n font-size: 28px;\n }\n \n .kar-certification {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .kar-usage-block {\n padding: 1.25rem;\n }\n \n .kar-ingredient-item {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kar-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kar-card:nth-child(1) { animation-delay: .05s; }\n .kar-card:nth-child(2) { animation-delay: .1s; }\n .kar-card:nth-child(3) { animation-delay: .15s; }\n .kar-card:nth-child(4) { animation-delay: .2s; }\n .kar-card:nth-child(5) { animation-delay: .25s; }\n .kar-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 .kar-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754846445725,"sku":"LL0085","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-karanja-anti-oxydante-bio-100-ml-acorelle-lifestyle_60492682-6ce3-4f6e-8fed-ccfcdf671690.webp?v=1769435078"},{"product_id":"masque-reparateur-argile-et-karite-bio-200-g-k-pour-karite","title":"Masque Réparateur Argile \u0026 Karité Bio - 200g - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\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🧴 200g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eMasque Réparateur Argile \u0026amp; Karité Bio\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eK pour Karité\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eLa puissance purifiante de l'argile alliée aux vertus nourrissantes du karité bio pour redonner vie, douceur et éclat à vos cheveux abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eMasque réparateur argile \u0026amp; karité bio : un soin profond pour vos cheveux abîmés\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eVos cheveux sont secs, cassants ou fragilisés par les colorations, le soleil ou la chaleur du sèche-cheveux ?\u003c\/p\u003e\n \u003cdiv class=\"kpk-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eMasque Réparateur Argile \u0026amp; Karité Bio\u003c\/strong\u003e de \u003cstrong\u003eK pour Karité\u003c\/strong\u003e est un masque réparateur pour cheveux qui associe la puissance purifiante de l'argile aux vertus nourrissantes du beurre de karité. Certifié bio par Ecocert et fabriqué en France, ce soin capillaire de 200 g redonne vie, douceur et éclat à votre chevelure dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un masque argile pour cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-two-col\"\u003e\n \u003cdiv class=\"kpk-col-text\"\u003e\n \u003cp\u003eL'argile est un actif naturel prisé en cosmétique capillaire pour ses propriétés exceptionnelles. Utilisée en \u003cstrong\u003emasque argile verte pour cheveux\u003c\/strong\u003e, elle absorbe l'excès de sébum, élimine les résidus de pollution et de produits coiffants, tout en reminéralisant la fibre capillaire.\u003c\/p\u003e\n \u003cp\u003eContrairement aux masques conventionnels chargés en silicones, un \u003cstrong\u003emasque cheveux argile verte\u003c\/strong\u003e agit en profondeur sans étouffer le cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-col-text\"\u003e\n \u003cp\u003eAssociée au beurre de karité bio, l'argile offre ici un équilibre parfait : elle purifie et allège tandis que le karité nourrit et répare intensément.\u003c\/p\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eVos cheveux retrouvent leur souplesse naturelle, sans effet lourd ni gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eLes ingrédients clés et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e�ite Argile (kaolin)\u003c\/h3\u003e\n \u003cp\u003ePurifie le cuir chevelu, absorbe les impuretés et apporte volume et légèreté aux cheveux fins ou alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels et en vitamines A, D, E et F, il nourrit intensément, répare les pointes fourchues et protège contre la déshydratation.\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 en profondeur, apaise les cuirs chevelus sensibles et renforce la structure du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💧 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eRégule naturellement la production de sébum et gaine le cheveu sans l'alourdir, pour une brillance saine et durable.\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 sulfates\u003c\/strong\u003e. Tous les ingrédients sont d'origine naturelle, dans le respect de votre santé et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment utiliser ce masque réparateur cheveux ?\u003c\/h2\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\u003eEssorez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampooing, essorez délicatement vos cheveux.\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\u003eAppliquez le masque\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noix de produit et appliquez-la sur les longueurs et les pointes, en évitant les racines si vos cheveux sont à tendance grasse.\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\u003eDémêlez et répartissez\u003c\/h3\u003e\n \u003cp\u003eDémêlez avec un peigne à dents larges pour répartir le soin uniformément.\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\u003eLaissez poser 5 à 10 minutes\u003c\/h3\u003e\n \u003cp\u003ePour les cheveux très abîmés, enveloppez votre chevelure dans une serviette chaude afin d'intensifier la pénétration des actifs.\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\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède pour des cheveux soyeux et revitalisés.\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\u003e\u003cstrong\u003eFréquence conseillée :\u003c\/strong\u003e une à deux fois par semaine en cure, ou une fois toutes les deux semaines en entretien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eCe masque argile cheveux convient à tous les types de cheveux, mais il sera particulièrement apprécié si vous avez les cheveux :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🔥 Secs et cassants\u003c\/h3\u003e\n \u003cp\u003eCheveux fragilisés, fourchus, en manque de nutrition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧪 Traités chimiquement\u003c\/h3\u003e\n \u003cp\u003eFragilisés par les colorations, lissages ou permanentes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e😔 Ternes et fatigués\u003c\/h3\u003e\n \u003cp\u003eEn manque de vitalité, d'éclat et de brillance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🪨 Alourdis\u003c\/h3\u003e\n \u003cp\u003eRésidus de produits coiffants accumulés sur la fibre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEngagements qualité K pour Karité\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌾 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique certifiée, pour un soin respectueux de votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eFilières de commerce équitable pour l'approvisionnement en beurre de karité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit par le Laboratoire Ariland, garantissant traçabilité rigoureuse et contrôle qualité exigeant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003eOffrez à vos cheveux un soin naturel, efficace et respectueux. Ce \u003cstrong\u003emasque réparateur argile et karité bio\u003c\/strong\u003e deviendra vite un indispensable de votre routine capillaire. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #faf7f3;\n --kpk-white: #ffffff;\n --kpk-primary: #8B5E3C;\n --kpk-primary-dark: #5C3A1E;\n --kpk-primary-light: #f5ede5;\n --kpk-secondary: #C4854C;\n --kpk-accent: #A0522D;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e8ddd2;\n --kpk-shadow: 0 4px 24px rgba(92,58,30,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(92,58,30,.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.kpk-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A1E 0%, #8B5E3C 45%, #C4854C 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,.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.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\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 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.kpk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\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\/* === 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.3;\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\/* === 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.5vw, 16px);\n color: var(--kpk-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.kpk-highlight-box strong {\n color: var(--kpk-primary-dark);\n}\n\n\/* === TWO COLUMNS === *\/\n.kpk-two-col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n}\n\n.kpk-col-text {\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}\n\n.kpk-col-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n line-height: 1.7;\n margin: 0 0 .75rem 0;\n}\n\n.kpk-col-text p:last-child,\n.kpk-col-text .kpk-tip:last-child {\n margin-bottom: 0;\n}\n\n.kpk-col-text strong {\n color: var(--kpk-primary-dark);\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.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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.kpk-tip strong {\n color: var(--kpk-primary-dark);\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 margin-top: 1.5rem;\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\/* === 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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\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-two-col {\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 .kpk-timeline-item {\n animation: kpkFadeInUp .5s ease backwards;\n }\n .kpk-timeline-item:nth-child(1) { animation-delay: .05s; }\n .kpk-timeline-item:nth-child(2) { animation-delay: .1s; }\n .kpk-timeline-item:nth-child(3) { animation-delay: .15s; }\n .kpk-timeline-item:nth-child(4) { animation-delay: .2s; }\n .kpk-timeline-item:nth-child(5) { animation-delay: .25s; }\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":45755010154653,"sku":"REF992","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-reparateur-argile-karite-bio-200g-k-pour-karite-packshothd.webp?v=1775993730"},{"product_id":"huile-de-karite-la-voyageuse-50-ml-k-pour-karite","title":"Huile de Karité, La Voyageuse - 50ml - K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile De Karité, La Voyageuse - 50 Ml - K pour Karité\nPalette détectée:\n - Primaire: #C4A86B (doré\/or - couleur du \"K\" et de l'huile)\n - Secondaire: #3A8A9E (bleu-vert turquoise - illustration crabe\/mer)\n - Accent: #D4C4A0 (beige sable - fond carte vintage)\n - Cream: #F9F7F3 (blanc cassé chaud)\nAmbiance: Voyage, évasion, carte ancienne, naturalité précieuse, luxe accessible, nomade\nPréfixe CSS: kpk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"L'huile de karité La Voyageuse : votre alliée beauté nomade pour la peau, le visage et les cheveux\"\n 2. \"Pourquoi choisir une huile de karité pour vos soins quotidiens ?\"\n 3. \"Les bienfaits de l'huile de karité pour le visage\"\n 4. \"L'huile de karité pour les cheveux : brillance et vitalité retrouvées\"\n 5. \"Un soin polyvalent pour tout le corps\"\n 6. \"Une formule pure et naturelle\"\n 7. \"Huile de karité vs huile de coco : quelle différence ?\"\n 8. \"Comment intégrer l'huile de karité dans votre routine beauté ?\"\n 9. \"L'engagement K pour Karité\"\n 10. \"En résumé : pour qui est faite cette huile ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\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🌍 Format voyage 50ml\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e✨ 98% karité pur\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eHuile de Karité La Voyageuse\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eVotre alliée beauté nomade 3-en-1\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eVisage, corps, cheveux : un seul flacon précieux qui vous accompagne partout pour une nutrition intense et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eL'huile de karité La Voyageuse : votre alliée beauté nomade pour la peau, le visage et les cheveux\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eComposée à \u003cstrong\u003e98% de karité pur\u003c\/strong\u003e, cette huile précieuse concentre tous les bienfaits du beurre de karité dans une texture fluide et légère, idéale pour une absorption rapide sans film gras.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧴 Texture fluide\u003c\/h3\u003e\n \u003cp\u003eAbsorption rapide sans film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✈️ Format nomade\u003c\/h3\u003e\n \u003cp\u003e50ml, parfait en cabine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 100% naturelle\u003c\/h3\u003e\n \u003cp\u003eSans parabènes ni silicones\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💛 Multi-usage\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile de karité pour vos soins quotidiens ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eLe karité est reconnu depuis des siècles en Afrique pour ses vertus exceptionnelles. Contrairement au beurre classique, l'huile offre une texture légère tout en conservant tous les actifs précieux.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🔬 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eOléique, stéarique, linoléique : ils renforcent la barrière cutanée et préviennent la déshydratation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💎 Vitamines A et E\u003c\/h3\u003e\n \u003cp\u003ePuissants antioxydants qui luttent contre le vieillissement prématuré et favorisent la régénération cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌟 Karitène unique\u003c\/h3\u003e\n \u003cp\u003eUn composé exclusif au karité aux propriétés apaisantes et protectrices incomparables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de karité pour le visage\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003ePénètre en profondeur pour nourrir les couches supérieures de l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✨ Effet repulpant\u003c\/h3\u003e\n \u003cp\u003eRestaure le film hydrolipidique, redonne souplesse et élasticité à la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eParfaite pour les peaux sensibles, réactives ou sujettes aux tiraillements\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n \u003cp\u003eBouclier naturel contre le froid, la pollution et le vent\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil d'application :\u003c\/strong\u003e 2 à 3 gouttes le soir sur visage propre, en massant du centre vers l'extérieur. Réveillez-vous avec une peau douce et lumineuse !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eL'huile de karité pour les cheveux : brillance et vitalité retrouvées\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eCheveux secs, cassants ou difficiles à coiffer ? Cette huile agit comme un véritable soin réparateur pour tous types de cheveux.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💪 Nourrit la fibre\u003c\/h3\u003e\n \u003cp\u003ePénètre jusqu'au cœur du cheveu pour le réparer de l'intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✂️ Dompte les frisottis\u003c\/h3\u003e\n \u003cp\u003eLisse les écailles et apporte discipline et brillance naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🔥 Protège de la chaleur\u003c\/h3\u003e\n \u003cp\u003eSèche-cheveux, lisseur, soleil... crée une barrière protectrice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 Stimule la pousse\u003c\/h3\u003e\n \u003cp\u003eEn massage sur le cuir chevelu, favorise la microcirculation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cp\u003e\u003cstrong\u003eUtilisations :\u003c\/strong\u003e En masque avant-shampoing (20 min minimum), en soin sans rinçage sur les pointes, ou en sérum coiffant. Convient aux cheveux crépus, frisés et colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eUn soin polyvalent pour tout le corps\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eLa Voyageuse ne se limite pas au visage et aux cheveux. Son format pompe pratique vous accompagne partout !\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🦶 Zones très sèches\u003c\/h3\u003e\n \u003cp\u003eCoudes, genoux, talons retrouvent douceur et souplesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🤲 Mains abîmées\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes suffisent pour les réparer en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💅 Ongles fragilisés\u003c\/h3\u003e\n \u003cp\u003eMassez les cuticules pour les fortifier naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🪒 Après épilation\u003c\/h3\u003e\n \u003cp\u003eApaise et prévient les irritations post-rasage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🤰 Grossesse\u003c\/h3\u003e\n \u003cp\u003eEn prévention des vergetures (demandez conseil à votre médecin)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✈️ En voyage\u003c\/h3\u003e\n \u003cp\u003eSoin tout-en-un compact pour votre bagage cabine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eUne formule pure et naturelle\u003c\/h2\u003e\n \u003cdiv class=\"kpk-formula-box\"\u003e\n \u003cdiv class=\"kpk-formula-yes\"\u003e\n \u003ch3\u003e✅ Ce qu'elle contient\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eButyrospermum Parkii Butter\u003c\/strong\u003e — Beurre de karité pressé à froid \u003cspan class=\"kpk-highlight\"\u003e98%\u003c\/span\u003e\n\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eParfum naturel\u003c\/strong\u003e — Touche olfactive délicate\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTocopherol\u003c\/strong\u003e — Vitamine E antioxydante\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-formula-no\"\u003e\n \u003ch3\u003e❌ Ce qu'elle ne contient pas\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eParabènes\u003c\/li\u003e\n \u003cli\u003eSilicones\u003c\/li\u003e\n \u003cli\u003eSulfates\u003c\/li\u003e\n \u003cli\u003eHuiles minérales\u003c\/li\u003e\n \u003cli\u003eColorants artificiels\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eHuile de karité vs huile de coco : quelle différence ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-comparison\"\u003e\n \u003cdiv class=\"kpk-comparison-item kpk-comparison-winner\"\u003e\n \u003ch3\u003e🏆 Huile de karité\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003e15% d'insaponifiables\u003c\/strong\u003e — Propriétés réparatrices supérieures\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eToujours fluide\u003c\/strong\u003e — Texture constante à température ambiante\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eNon comédogène\u003c\/strong\u003e — Ne bouche pas les pores\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eHaute tolérance\u003c\/strong\u003e — Idéale peaux sensibles\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-comparison-item\"\u003e\n \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003e1% d'insaponifiables\u003c\/strong\u003e — Moins réparatrice\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSe solidifie\u003c\/strong\u003e — Texture variable selon température\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eComédogène\u003c\/strong\u003e — Peut boucher les pores\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMoins tolérée\u003c\/strong\u003e — Peut irriter certaines peaux\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment intégrer l'huile de karité dans votre routine beauté ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cspan class=\"kpk-timeline-number\"\u003e☀️\u003c\/span\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eLe matin\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gouttes mélangées à votre crème de jour pour un boost de nutrition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cspan class=\"kpk-timeline-number\"\u003e🌙\u003c\/span\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eLe soir\u003c\/h3\u003e\n \u003cp\u003eEn dernière étape de votre routine visage, pour sceller l'hydratation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cspan class=\"kpk-timeline-number\"\u003e💇\u003c\/span\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eAvant le coiffage\u003c\/h3\u003e\n \u003cp\u003eSur cheveux humides pour faciliter le démêlage et protéger de la chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cspan class=\"kpk-timeline-number\"\u003e✈️\u003c\/span\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eEn voyage\u003c\/h3\u003e\n \u003cp\u003eComme soin tout-en-un pour le visage, le corps et les cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cspan class=\"kpk-timeline-number\"\u003e❄️\u003c\/span\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eEn hiver\u003c\/h3\u003e\n \u003cp\u003eEn couche plus généreuse pour contrer les effets du froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eL'engagement K pour Karité\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card kpk-card-highlight\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eFormulation et conditionnement réalisés dans l'Hexagone avec un savoir-faire d'excellence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card kpk-card-highlight\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eKarité issu de coopératives africaines engagées dans des filières durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card kpk-card-highlight\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballages recyclables et formules biodégradables pour respecter la planète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 10 --\u003e\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est faite cette huile ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eCosmétiques sans ingrédients controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eSensibles ou matures en quête de nutrition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✨ Cheveux ternes\u003c\/h3\u003e\n \u003cp\u003eSecs, abîmés ou manquant de brillance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌍 Globe-trotters\u003c\/h3\u003e\n \u003cp\u003eBesoin d'un produit multi-usage compact\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau et vos cheveux le meilleur du karité africain.\u003cbr\u003eUn seul flacon précieux pour révéler tout votre éclat naturel, où que vous soyez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #F9F7F3;\n --kpk-white: #ffffff;\n --kpk-primary: #C4A86B;\n --kpk-primary-dark: #9A7F4A;\n --kpk-primary-light: #F5F0E5;\n --kpk-secondary: #3A8A9E;\n --kpk-accent: #D4C4A0;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e8e4dc;\n --kpk-shadow: 0 4px 24px rgba(150,130,90,.1);\n --kpk-shadow-lg: 0 12px 48px rgba(150,130,90,.18);\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, #C4A86B 0%, #9A7F4A 40%, #3A8A9E 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: 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 0L60 30L30 60L0 30Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .4;\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 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.kpk-subtitle {\n font-size: clamp(18px, 4vw, 26px);\n color: rgba(255,255,255,.95);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.kpk-description {\n font-size: clamp(14px, 2.5vw, 17px);\n color: rgba(255,255,255,.9);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\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}\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.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: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.kpk-section-intro strong {\n color: var(--kpk-primary-dark);\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.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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.kpk-card-highlight {\n background: linear-gradient(135deg, var(--kpk-primary-light) 0%, var(--kpk-white) 100%);\n border: 2px solid var(--kpk-accent);\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\/* === 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 border-left: 4px solid var(--kpk-primary);\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.kpk-tip strong {\n color: var(--kpk-primary-dark);\n}\n\n\/* === FORMULA BOX === *\/\n.kpk-formula-box {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.kpk-formula-yes,\n.kpk-formula-no {\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}\n\n.kpk-formula-yes {\n border-top: 4px solid #4CAF50;\n}\n\n.kpk-formula-no {\n border-top: 4px solid #E57373;\n}\n\n.kpk-formula-yes h3,\n.kpk-formula-no h3 {\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 1rem 0;\n color: var(--kpk-text);\n}\n\n.kpk-formula-yes ul,\n.kpk-formula-no ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.kpk-formula-yes li,\n.kpk-formula-no li {\n padding: .5rem 0;\n font-size: 14px;\n color: var(--kpk-text-light);\n border-bottom: 1px solid var(--kpk-border);\n line-height: 1.5;\n}\n\n.kpk-formula-yes li:last-child,\n.kpk-formula-no li:last-child {\n border-bottom: none;\n}\n\n.kpk-formula-yes li strong {\n color: var(--kpk-primary-dark);\n}\n\n.kpk-highlight {\n display: inline-block;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-secondary));\n color: white;\n padding: 2px 8px;\n border-radius: 4px;\n font-weight: 700;\n font-size: 12px;\n margin-left: 6px;\n}\n\n\/* === COMPARISON === *\/\n.kpk-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.kpk-comparison-item {\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 var(--kpk-border);\n}\n\n.kpk-comparison-winner {\n border-color: var(--kpk-primary);\n background: linear-gradient(135deg, var(--kpk-primary-light) 0%, var(--kpk-white) 100%);\n position: relative;\n}\n\n.kpk-comparison-item h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.kpk-comparison-item ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.kpk-comparison-item li {\n padding: .6rem 0;\n font-size: 14px;\n color: var(--kpk-text-light);\n border-bottom: 1px solid var(--kpk-border);\n line-height: 1.5;\n}\n\n.kpk-comparison-item li:last-child {\n border-bottom: none;\n}\n\n.kpk-comparison-item li strong {\n color: var(--kpk-text);\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: 48px;\n height: 48px;\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-size: 20px;\n box-shadow: 0 4px 12px rgba(196,168,107,.3);\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\/* === CTA BOX === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 50%, var(--kpk-secondary) 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 margin-top: 1.5rem;\n}\n\n.kpk-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n}\n\n.kpk-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,.15);\n margin: 0;\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: 40px;\n height: 40px;\n font-size: 16px;\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-formula-box,\n .kpk-comparison {\n grid-template-columns: 1fr;\n }\n \n .kpk-tip {\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: fadeInUp .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 .kpk-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .kpk-timeline-item:nth-child(1) { animation-delay: .05s; }\n .kpk-timeline-item:nth-child(2) { animation-delay: .1s; }\n .kpk-timeline-item:nth-child(3) { animation-delay: .15s; }\n .kpk-timeline-item:nth-child(4) { animation-delay: .2s; }\n .kpk-timeline-item:nth-child(5) { animation-delay: .25s; }\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 .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":45755010252957,"sku":"REF993","price":23.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-karite-la-voyageuse-50-ml-k-pour-karite-ingredients_7b43284d-e94b-47c9-b4ed-8fc61485487a.webp?v=1770105579"},{"product_id":"beurre-de-karite-200-g-k-pour-karite","title":"Beurre de Karité - 200 g - K pour Karité","description":"\u003cdiv class=\"kk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kk-hero\"\u003e\n \u003cdiv class=\"kk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kk-hero-content\"\u003e\n \u003cdiv class=\"kk-badges-top\"\u003e\n \u003cspan class=\"kk-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"kk-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e\n \u003cspan class=\"kk-badge\"\u003e🧴 200 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kk-hero-title\"\u003eBeurre de Karité Bio\u003c\/span\u003e\n \u003cp class=\"kk-subtitle\"\u003eK pour Karité — Laboratoire Ariland\u003c\/p\u003e\n \u003cp class=\"kk-description\"\u003eUn seul ingrédient d'une pureté totale. Soin cheveux \u0026amp; corps certifié bio par Ecocert, pur et non raffiné, pour nourrir, protéger et réparer au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eBeurre de karité bio K pour Karité : un soin cheveux et corps d'exception\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eVous cherchez un soin naturel capable de nourrir intensément votre peau \u003cstrong\u003eet\u003c\/strong\u003e vos cheveux en un seul geste ? Le \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e K pour Karité est un indispensable à glisser dans votre salle de bain.\u003c\/p\u003e\n \u003cdiv class=\"kk-grid-compact\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🌱 100 % pur\u003c\/h3\u003e\n \u003cp\u003eNon raffiné, sans aucun additif chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e💛 Actifs préservés\u003c\/h3\u003e\n \u003cp\u003eVitamines A, D, E, F et acides gras essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e📦 Format généreux\u003c\/h3\u003e\n \u003cp\u003e200 g pour des semaines de routine beauté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un beurre de karité pur et bio ?\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eTous les beurres de karité ne se valent pas. Beaucoup sont raffinés, désodorisés ou mélangés à des additifs qui appauvrissent leurs qualités. Celui de K pour Karité est \u003cstrong\u003e100 % pur\u003c\/strong\u003e, sans aucun ajout chimique.\u003c\/p\u003e\n \u003cdiv class=\"kk-grid\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🧬 Vitamines A, D, E et F\u003c\/h3\u003e\n \u003cp\u003eConcentration maximale en vitamines essentielles grâce à l'absence de raffinage. Votre peau reçoit le meilleur du karité brut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🫧 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eRichesse en insaponifiables et acides gras qui confèrent ses propriétés nourrissantes, protectrices et réparatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eSa texture onctueuse fond au contact de la peau et pénètre rapidement sans laisser de sensation grasse désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eLes bienfaits du beurre de karité pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eL'un des soins capillaires naturels les plus polyvalents qui existent. Découvrez comment l'intégrer à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"kk-timeline\"\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez le beurre de karité sur cheveux secs, mèche par mèche, en insistant sur les longueurs et les pointes. Laissez poser 30 minutes à 1 heure sous une serviette chaude, puis lavez normalement. Vos cheveux retrouvent douceur et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eSoin des pointes\u003c\/h3\u003e\n \u003cp\u003eChauffez une noisette de beurre de karité entre vos paumes et lissez les pointes sèches ou fourchues. Idéal pour discipliner les cheveux crépus, frisés ou bouclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-item\"\u003e\n \u003cdiv class=\"kk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kk-timeline-content\"\u003e\n \u003ch3\u003eProtection contre la chaleur et le froid\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité forme un film protecteur sur les cheveux qui limite la casse liée aux agressions extérieures, été comme hiver.\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=\"kk-section\"\u003e\n \u003ch2\u003eUn soin complet pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"kk-section-intro\"\u003eAu-delà des cheveux, ce beurre de karité bio est un allié remarquable pour toutes les zones du corps qui manquent de confort.\u003c\/p\u003e\n \u003cdiv class=\"kk-grid-compact\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🌙 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez une fine couche le soir pour nourrir les peaux sèches ou sensibles pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement les zones rugueuses : coudes, genoux et talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🤲 Mains\u003c\/h3\u003e\n \u003cp\u003eProtégez-les des gerçures hivernales grâce à un massage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e💋 Lèvres\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le comme baume naturel pour apaiser et réparer les lèvres desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"kk-compo-box\"\u003e\n \u003cdiv class=\"kk-compo-single\"\u003e\n \u003cspan class=\"kk-compo-name\"\u003eButyrospermum Parkii (Shea) Butter*\u003c\/span\u003e\n \u003cspan class=\"kk-compo-tag\"\u003e* Ingrédient issu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"kk-compo-note\"\u003eC'est tout. Aucun conservateur, aucun parfum synthétique, aucun colorant. Un seul ingrédient, d'une pureté totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"kk-section\"\u003e\n \u003ch2\u003eOrigine et engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"kk-grid\"\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🇧🇫 Burkina Faso\u003c\/h3\u003e\n \u003cp\u003eLes noix de karité sont récoltées par des coopératives de femmes, selon des méthodes artisanales transmises de génération en génération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eEn choisissant ce produit, vous soutenez l'autonomie économique de ces communautés locales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003eLe Laboratoire Ariland s'engage dans une démarche responsable, de la récolte jusqu'au conditionnement en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"kk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNos conseils pratiques\u003c\/h2\u003e\n \u003cdiv class=\"kk-accordion\"\u003e\n \u003cdetails class=\"kk-accordion-item\"\u003e\n \u003csummary class=\"kk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre pot à l'abri de la chaleur directe. Si le beurre durcit en hiver, réchauffez-le simplement entre vos mains avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kk-accordion-item\"\u003e\n \u003csummary class=\"kk-accordion-header\"\u003e🧪 Recettes maison\u003c\/summary\u003e\n \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n \u003cp\u003eVous pouvez le faire fondre légèrement au bain-marie pour l'incorporer dans vos recettes cosmétiques maison — masques capillaires, baumes ou crèmes hydratantes personnalisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kk-accordion-item\"\u003e\n \u003csummary class=\"kk-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n \u003cdiv class=\"kk-accordion-content mt-3\"\u003e\n \u003cp\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\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kk-tip\"\u003e\n \u003cspan class=\"kk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAstuce : appliquez le beurre de karité sur peau encore légèrement humide après la douche pour une absorption optimale et un effet cocooning immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kk-cream: #f7f3ee;\n --kk-white: #ffffff;\n --kk-primary: #b8955a;\n --kk-primary-dark: #7a5c2e;\n --kk-primary-light: #f3ebe0;\n --kk-secondary: #8b7355;\n --kk-accent: #d4a84b;\n --kk-text: #1a1a1a;\n --kk-text-light: #5a5a5a;\n --kk-border: #e4ddd4;\n --kk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kk-radius: 20px;\n --kk-radius-sm: 12px;\n}\n\n.kk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kk-hero {\n position: relative;\n background: linear-gradient(135deg, #7a5c2e 0%, #b8955a 50%, #d4a84b 100%);\n border-radius: var(--kk-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(--kk-shadow-lg);\n}\n\n.kk-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,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n 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='%23ffffff' fill-opacity='0.04'%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: 1;\n}\n\n.kk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kk-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.kk-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: .02em;\n text-transform: uppercase;\n}\n\n.kk-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.kk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kk-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(--kk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kk-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.kk-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(--kk-primary), var(--kk-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kk-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.kk-card {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kk-shadow-lg);\n border-color: var(--kk-primary);\n}\n\n.kk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kk-grid-compact .kk-card {\n padding: 1rem;\n}\n\n.kk-grid-compact .kk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kk-grid-compact .kk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kk-primary), var(--kk-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.kk-timeline-content {\n flex: 1;\n background: var(--kk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kk-radius-sm);\n box-shadow: var(--kk-shadow);\n}\n\n.kk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kk-timeline-content p {\n font-size: 14px;\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.kk-compo-box {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kk-shadow);\n text-align: center;\n}\n\n.kk-compo-single {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 2px dashed var(--kk-border);\n}\n\n.kk-compo-name {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--kk-primary-dark);\n letter-spacing: -.01em;\n}\n\n.kk-compo-tag {\n display: inline-block;\n padding: 4px 14px;\n background: var(--kk-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--kk-primary-dark);\n}\n\n.kk-compo-note {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kk-text-light);\n margin: 0;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.kk-accordion {\n background: var(--kk-white);\n border-radius: var(--kk-radius);\n box-shadow: var(--kk-shadow);\n overflow: hidden;\n}\n\n.kk-accordion-item {\n border-bottom: 1px solid var(--kk-border);\n margin: 0;\n padding: 0;\n}\n\n.kk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kk-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.kk-accordion-header:hover {\n background: var(--kk-primary-light);\n}\n\n.kk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kk-primary);\n transition: transform .2s ease;\n}\n\n.kk-accordion-item[open] .kk-accordion-header::after {\n content: '−';\n}\n\n.kk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kk-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kk-primary-light);\n border-radius: var(--kk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kk-tip p {\n font-size: 14px;\n color: var(--kk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kk-card {\n padding: 1.125rem;\n }\n\n .kk-section {\n margin-bottom: 1.75rem;\n }\n\n .kk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kk-radius-sm);\n }\n\n .kk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kk-grid-compact {\n gap: .625rem;\n }\n\n .kk-grid-compact .kk-card {\n padding: .75rem;\n }\n\n .kk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kk-timeline-content p {\n font-size: 13px;\n }\n\n .kk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kk-compo-name {\n font-size: 16px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kk-card {\n animation: kkFadeInUp .5s ease backwards;\n }\n .kk-card:nth-child(1) { animation-delay: .05s; }\n .kk-card:nth-child(2) { animation-delay: .1s; }\n .kk-card:nth-child(3) { animation-delay: .15s; }\n .kk-card:nth-child(4) { animation-delay: .2s; }\n .kk-card:nth-child(5) { animation-delay: .25s; }\n .kk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .kk-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":45755010449565,"sku":"REF994","price":22.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-200-g-k-pour-karite-packshothd.webp?v=1775998211"},{"product_id":"poudre-daloe-vera-100-g-ayurvana","title":"Poudre d’Aloe vera bio 100g – AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Poudre d'Aloe vera bio 100g – AyurVana\nPalette détectée:\n - Primaire: #4a7c3f (vert olive\/foncé du bandeau et de la typographie packaging)\n - Secondaire: #6db44d (vert vif de la plante aloe vera)\n - Accent: #c4903d (kraft\/brun doré du sachet)\n - Cream: #f7f3ec (beige clair rappelant l'étiquette)\n - Primary-light: #eef5e8 (vert très pâle)\nAmbiance: Naturel\/bio, ayurvédique, chaleureux, artisanal, indien avec motifs paisley colorés\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir la poudre d'Aloe vera plutôt qu'un gel ?\"\n 2. \"Bienfaits de la poudre d'Aloe vera pour la peau\"\n 3. \"Un soin capillaire naturel et efficace\"\n 4. \"Comment utiliser la poudre d'Aloe vera AyurVana ?\"\n 5. \"Composition\"\n 6. \"Origine et qualité AyurVana\"\n 7. \"Les engagements de ce produit\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e✨ 100 % pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003ePoudre d'Aloe vera bio\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eBeauté du corps et des cheveux — AyurVana\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eUn concentré de nature issu de l'\u003cem\u003eAloe barbadensis\u003c\/em\u003e, utilisé depuis des millénaires en médecine ayurvédique. 100 g de poudre pure, sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi choisir la poudre d'Aloe vera plutôt qu'un gel ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous connaissez le gel ou le jus d'aloe vera bio. Mais la forme en poudre présente des avantages souvent méconnus :\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🔬 Concentration supérieure\u003c\/h3\u003e\n \u003cp\u003eSans eau ajoutée, la poudre offre une densité d'actifs bien plus élevée qu'un gel aloe vera 100 pur bio classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🕰️ Longue conservation\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur nécessaire : la poudre se conserve naturellement pendant des mois dans son sachet refermable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⚖️ Dosage sur mesure\u003c\/h3\u003e\n \u003cp\u003eAdaptez la texture et la quantité exacte à chaque utilisation : masque visage, soin capillaire ou boisson bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de la poudre d'Aloe vera pour la peau\u003c\/h2\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eRiche en polysaccharides, l'aloe vera agit comme un véritable bouclier hydratant qui nourrit les peaux sèches en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Apaisement des peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSa douceur naturelle calme les peaux sensibles, irritées ou réactives sans aucune agressivité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Éclat retrouvé\u003c\/h3\u003e\n \u003cp\u003eGrâce aux vitamines A, C, E et aux enzymes naturelles, elle aide à maintenir l'éclat des peaux ternes et fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSon action douce la rend adaptée à \u003cstrong\u003etous les types de peaux\u003c\/strong\u003e, y compris les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eUn soin capillaire naturel et efficace\u003c\/h2\u003e\n \u003cdiv class=\"av-testimonial\"\u003e\n \u003cp class=\"av-testimonial-text\"\u003eAppliquée en masque, la poudre d'aloe vera hydrate le cuir chevelu, réduit les démangeaisons et apporte brillance et souplesse à la fibre capillaire. Elle se combine parfaitement avec d'autres poudres ayurvédiques comme le shikakaï ou le brahmi pour des soins sur mesure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eAlternative naturelle idéale aux soins conventionnels pour des cheveux nourris, brillants et revitalisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre d'Aloe vera AyurVana ?\u003c\/h2\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eMasque visage hydratant\u003c\/h3\u003e\n \u003cp\u003eMélangez 1 cuillère à café de poudre avec un peu d'eau tiède ou d'eau florale. Appliquez sur le visage, laissez poser 10 à 15 minutes, puis rincez à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eMasque capillaire nourrissant\u003c\/h3\u003e\n \u003cp\u003eMélangez 1 cuillère à soupe avec de l'eau tiède jusqu'à obtenir une pâte onctueuse. Appliquez sur les longueurs et le cuir chevelu, laissez agir 20 à 30 minutes avant votre shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eSoin corps apaisant\u003c\/h3\u003e\n \u003cp\u003eIncorporez la poudre à une huile végétale (coco, jojoba) pour un cataplasme apaisant sur les zones sèches ou inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eUsage interne ponctuel\u003c\/h3\u003e\n \u003cp\u003eDiluez ½ cuillère à café dans un smoothie ou une infusion tiède. Demandez toujours l'avis d'un professionnel de santé avant toute consommation régulière.\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=\"av-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"av-card\" style=\"text-align:center;\"\u003e\n \u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003ePoudre d'Aloe vera (\u003cem\u003eAloe barbadensis\u003c\/em\u003e) issue de l'agriculture biologique. \u003cstrong\u003e100 % pure\u003c\/strong\u003e, sans conservateurs, sans additifs, sans colorants.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003ePoids net : 100 g\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eOrigine et qualité AyurVana\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\" open\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🌍 Récolte et origine\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eLa plante est récoltée à la main en Inde, dans des plantations certifiées bio, respectant les traditions ayurvédiques ancestrales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🌡️ Séchage à basse température\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eElle est ensuite séchée à basse température puis finement broyée afin de \u003cstrong\u003epréserver l'intégralité de ses actifs naturels\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🇫🇷 Conditionnement en France\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eLe conditionnement est réalisé en France, garantissant une traçabilité complète et un contrôle qualité rigoureux.\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=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes engagements de ce produit\u003c\/h2\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-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=\"av-card\"\u003e\n \u003ch3\u003e🌿 100 % pur\u003c\/h3\u003e\n \u003cp\u003eSans additif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux, bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-cta-box\"\u003e\n \u003cp\u003e🌿 Un concentré de nature ancestrale pour sublimer votre peau et vos cheveux au quotidien, en toute simplicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un traitement médical. En cas de doute ou de condition particulière, consultez votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --av-cream: #f7f3ec;\n --av-white: #ffffff;\n --av-primary: #4a7c3f;\n --av-primary-dark: #345a2b;\n --av-primary-light: #eef5e8;\n --av-secondary: #6db44d;\n --av-accent: #c4903d;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0ddd6;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #345a2b 0%, #4a7c3f 40%, #6db44d 100%);\n border-radius: var(--av-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(--av-shadow-lg);\n}\n\n.av-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,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.av-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.av-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.av-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\/* === BADGES === *\/\n.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-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(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-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.av-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(--av-primary), var(--av-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.av-card p + p {\n margin-top: .5rem;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-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.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.av-testimonial {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-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.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-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.av-disclaimer {\n font-size: 12px;\n color: var(--av-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 .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-testimonial {\n padding: 1.25rem;\n }\n\n .av-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n\n .av-timeline-item {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-timeline-item:nth-child(1) { animation-delay: .05s; }\n .av-timeline-item:nth-child(2) { animation-delay: .1s; }\n .av-timeline-item:nth-child(3) { animation-delay: .15s; }\n .av-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes avFadeInUp {\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 .av-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":45755096694941,"sku":"AY9961","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-aloe-vera-100g-ayurvana.webp?v=1749648374"},{"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":"henne-neutre-soin-100-bio-et-vegetale-2-x-50-g-les-couleurs-de-jeanne","title":"Soin Naturel Henné Neutre - 100% Bio et Végétal - Les Couleurs de Jeanne","description":"\u003cdiv class=\"hn-premium\"\u003e\n\n \u003cdiv class=\"hn-hero\"\u003e\n \u003cdiv class=\"hn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hn-hero-content\"\u003e\n \u003cdiv class=\"hn-badges-top\"\u003e\n \u003cspan class=\"hn-badge\"\u003e🌿 100% bio et végétal\u003c\/span\u003e\n \u003cspan class=\"hn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hn-badge\"\u003e🐰 Cruelty Free \u0026amp; Vegan\u003c\/span\u003e\n \u003cspan class=\"hn-badge\"\u003e✨ Certifié COSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hn-hero-title\"\u003eSoin naturel henné neutre\u003c\/span\u003e\n \u003cp class=\"hn-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n \u003cp class=\"hn-description\"\u003eUn masque capillaire 100 % bio à base de Cassia auriculata pour sublimer vos cheveux sans les colorer. Brillance, volume et force dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hn-section\"\u003e\n \u003ch2\u003eHenné neutre bio : le soin végétal qui sublime vos cheveux sans les colorer\u003c\/h2\u003e\n \u003cp class=\"hn-section-intro\"\u003eVous rêvez de cheveux plus brillants, plus souples et visiblement renforcés, sans recourir à la coloration ?\u003c\/p\u003e\n \u003cdiv class=\"hn-testimonial\"\u003e\n \u003cp class=\"hn-testimonial-text\"\u003eLe henné neutre Les Couleurs de Jeanne est le soin capillaire 100 % bio et végétal qu'il vous faut. Issu exclusivement de la feuille de Cassia auriculata biologique, ce masque au henné neutre agit en profondeur sur la fibre capillaire tout en respectant votre couleur naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hn-section\"\u003e\n \u003ch2\u003ePourquoi choisir un henné neutre pour vos cheveux ?\u003c\/h2\u003e\n \u003cp class=\"hn-section-intro\"\u003eContrairement au henné colorant (Lawsonia inermis), le henné neutre ne modifie absolument pas la teinte de vos cheveux. Il s'agit d'un véritable soin de fond, plébiscité depuis des siècles dans les rituels capillaires traditionnels.\u003c\/p\u003e\n \u003cdiv class=\"hn-grid\"\u003e\n \u003cdiv class=\"hn-card\"\u003e\n \u003ch3\u003e✨ Brillance intense\u003c\/h3\u003e\n \u003cp\u003eLe henné neutre gaine chaque fibre capillaire et lui confère un éclat naturel visible dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-card\"\u003e\n \u003ch3\u003e💨 Volume et souplesse\u003c\/h3\u003e\n \u003cp\u003eVos cheveux retrouvent du corps et du mouvement, même les plus fins ou raplaplas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-card\"\u003e\n \u003ch3\u003e💪 Renforcement de la fibre\u003c\/h3\u003e\n \u003cp\u003eIl comble les écailles abîmées et rend le cheveu plus résistant à la casse et aux agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-card\"\u003e\n \u003ch3\u003e🧴 Assainissement du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eSes propriétés purifiantes aident à réguler l'excès de sébum et à apaiser les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-card\"\u003e\n \u003ch3\u003e🛡️ Action contre les poux\u003c\/h3\u003e\n \u003cp\u003eLe henné neutre gaine le cheveu et rend le cuir chevelu moins accueillant pour les parasites. Un soin complémentaire naturel et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdapté à tous les types de cheveux — secs, gras, normaux, bouclés, lisses ou crépus — ce soin convient à toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hn-section\"\u003e\n \u003ch2\u003eComposition – un seul ingrédient, une efficacité prouvée\u003c\/h2\u003e\n \u003cp class=\"hn-section-intro\"\u003eLa formule de ce henné neutre est d'une simplicité exemplaire :\u003c\/p\u003e\n \u003cdiv class=\"hn-composition-card\"\u003e\n \u003cdiv class=\"hn-composition-inner\"\u003e\n \u003cspan class=\"hn-composition-icon\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eCassia auriculata leaf powder*\u003c\/h3\u003e\n \u003cp\u003ePoudre de feuilles de Cassia, broyée finement pour une application homogène.\u003c\/p\u003e\n \u003cp class=\"hn-composition-note\"\u003e*Ingrédient issu de l'Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-composition-badges\"\u003e\n \u003cspan class=\"hn-composition-badge\"\u003eCOSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"hn-composition-badge\"\u003eCruelty Free\u003c\/span\u003e\n \u003cspan class=\"hn-composition-badge\"\u003eVegan\u003c\/span\u003e\n \u003cspan class=\"hn-composition-badge\"\u003e0 additif chimique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hn-section\"\u003e\n \u003ch2\u003eComment préparer et appliquer votre masque au henné neutre ?\u003c\/h2\u003e\n \u003cdiv class=\"hn-timeline\"\u003e\n \u003cdiv class=\"hn-timeline-item\"\u003e\n \u003cdiv class=\"hn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hn-timeline-content\"\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003eVersez les 100 g de poudre (2 sachets) dans un bol non métallique. Ajoutez progressivement 300 ml d'eau tiède en remuant jusqu'à obtenir une pâte lisse et homogène, sans grumeaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-timeline-item\"\u003e\n \u003cdiv class=\"hn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hn-timeline-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eSur cheveux secs, répartissez la pâte en couche épaisse, des racines jusqu'aux pointes. Coiffez la charlotte fournie pour maintenir la chaleur et l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-timeline-item\"\u003e\n \u003cdiv class=\"hn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hn-timeline-content\"\u003e\n \u003ch3\u003eTemps de pose\u003c\/h3\u003e\n \u003cp\u003eLaissez agir 30 minutes pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-timeline-item\"\u003e\n \u003cdiv class=\"hn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hn-timeline-content\"\u003e\n \u003ch3\u003eRinçage\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment, puis utilisez le shampooing fixateur et le baume 2-en-1 Les Couleurs de Jeanne pour prolonger les effets du soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-tip\"\u003e\n \u003cspan class=\"hn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e réalisez un soin préparateur à l'argile la veille pour ouvrir les écailles du cheveu et maximiser l'absorption. Les résultats sur vos cheveux avant et après le henné neutre sont souvent spectaculaires dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hn-section\"\u003e\n \u003ch2\u003eContenu du kit\u003c\/h2\u003e\n \u003cdiv class=\"hn-grid-compact\"\u003e\n \u003cdiv class=\"hn-card\"\u003e\n \u003ch3\u003e📦 2 sachets de 50 g\u003c\/h3\u003e\n \u003cp\u003ePoudre de henné neutre bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-card\"\u003e\n \u003ch3\u003e🧤 1 paire de gants\u003c\/h3\u003e\n \u003cp\u003ePour une application propre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-card\"\u003e\n \u003ch3\u003e🧢 1 charlotte\u003c\/h3\u003e\n \u003cp\u003eMaintient chaleur et humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hn-card\"\u003e\n \u003ch3\u003e📋 1 notice détaillée\u003c\/h3\u003e\n \u003cp\u003eGuide pas à pas inclus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hn-accordion\"\u003e\n \u003cdetails class=\"hn-accordion-item\"\u003e\n \u003csummary class=\"hn-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hn-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser sur des cheveux décolorés ou méchés. En cas de doute, effectuez un test sur une mèche discrète 48 heures avant l'application complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hn-accordion-item\"\u003e\n \u003csummary class=\"hn-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe soin capillaire naturel ne remplace en aucun cas un traitement dermatologique. Consultez un professionnel de santé en cas de problème persistant au niveau du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hn-disclaimer\"\u003eCe produit est un soin capillaire cosmétique et ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hn-cream: #faf6f2;\n --hn-white: #ffffff;\n --hn-primary: #c97b7b;\n --hn-primary-dark: #8b4a4a;\n --hn-primary-light: #f9efef;\n --hn-secondary: #d4a089;\n --hn-accent: #e8b4a0;\n --hn-text: #1a1a1a;\n --hn-text-light: #5a5a5a;\n --hn-border: #e8ddd5;\n --hn-shadow: 0 4px 24px rgba(139,74,74,.08);\n --hn-shadow-lg: 0 12px 48px rgba(139,74,74,.15);\n --hn-radius: 20px;\n --hn-radius-sm: 12px;\n}\n\n.hn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hn-hero {\n position: relative;\n background: linear-gradient(135deg, #c97b7b 0%, #d4a089 40%, #e8b4a0 70%, #f0c8b8 100%);\n border-radius: var(--hn-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(--hn-shadow-lg);\n}\n\n.hn-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,.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.hn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hn-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(--hn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hn-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,.15);\n line-height: 1.1;\n}\n\n.hn-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.hn-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.hn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hn-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.hn-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(--hn-primary), var(--hn-secondary));\n border-radius: 2px;\n}\n\n.hn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hn-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.hn-card {\n background: var(--hn-white);\n border-radius: var(--hn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hn-shadow-lg);\n border-color: var(--hn-primary);\n}\n\n.hn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hn-grid-compact .hn-card {\n padding: 1rem;\n}\n\n.hn-grid-compact .hn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hn-grid-compact .hn-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.hn-composition-card {\n background: var(--hn-white);\n border-radius: var(--hn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hn-shadow);\n border: 2px solid var(--hn-primary-light);\n}\n\n.hn-composition-inner {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n margin-bottom: 1.25rem;\n}\n\n.hn-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.hn-composition-inner h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--hn-primary-dark);\n margin: 0 0 .5rem 0;\n font-style: italic;\n}\n\n.hn-composition-inner p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--hn-text-light);\n margin: 0 0 .35rem 0;\n line-height: 1.6;\n}\n\n.hn-composition-note {\n font-size: 13px !important;\n font-style: italic;\n color: var(--hn-text-light) !important;\n}\n\n.hn-composition-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n padding-top: 1rem;\n border-top: 1px solid var(--hn-border);\n}\n\n.hn-composition-badge {\n display: inline-flex;\n padding: 6px 14px;\n background: var(--hn-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--hn-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.hn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hn-primary), var(--hn-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(201,123,123,.3);\n}\n\n.hn-timeline-content {\n flex: 1;\n background: var(--hn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hn-radius-sm);\n box-shadow: var(--hn-shadow);\n}\n\n.hn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hn-timeline-content p {\n font-size: 14px;\n color: var(--hn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.hn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hn-primary-light);\n border-radius: var(--hn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hn-tip p {\n font-size: 14px;\n color: var(--hn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.hn-testimonial {\n background: var(--hn-white);\n border-radius: var(--hn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hn-shadow);\n border-left: 4px solid var(--hn-primary);\n}\n\n.hn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hn-accordion {\n background: var(--hn-white);\n border-radius: var(--hn-radius);\n box-shadow: var(--hn-shadow);\n overflow: hidden;\n}\n\n.hn-accordion-item {\n border-bottom: 1px solid var(--hn-border);\n margin: 0;\n padding: 0;\n}\n\n.hn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hn-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.hn-accordion-header:hover {\n background: var(--hn-primary-light);\n}\n\n.hn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hn-primary);\n transition: transform .2s ease;\n}\n\n.hn-accordion-item[open] .hn-accordion-header::after {\n content: '−';\n}\n\n.hn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hn-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hn-disclaimer {\n font-size: 12px;\n color: var(--hn-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 .hn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hn-card {\n padding: 1.125rem;\n }\n\n .hn-section {\n margin-bottom: 1.75rem;\n }\n\n .hn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hn-radius-sm);\n }\n\n .hn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hn-grid-compact {\n gap: .625rem;\n }\n\n .hn-grid-compact .hn-card {\n padding: .75rem;\n }\n\n .hn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hn-timeline-content h3 {\n font-size: 14px;\n }\n\n .hn-timeline-content p {\n font-size: 13px;\n }\n\n .hn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hn-testimonial {\n padding: 1.25rem;\n }\n\n .hn-testimonial-text {\n font-size: 14px;\n }\n\n .hn-composition-inner {\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .75rem;\n }\n\n .hn-composition-badges {\n justify-content: center;\n }\n\n .hn-tip {\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hn-card {\n animation: hnFadeInUp .5s ease backwards;\n }\n .hn-card:nth-child(1) { animation-delay: .05s; }\n .hn-card:nth-child(2) { animation-delay: .1s; }\n .hn-card:nth-child(3) { animation-delay: .15s; }\n .hn-card:nth-child(4) { animation-delay: .2s; }\n .hn-card:nth-child(5) { animation-delay: .25s; }\n .hn-card:nth-child(6) { animation-delay: .3s; }\n\n .hn-timeline-item {\n animation: hnFadeInUp .5s ease backwards;\n }\n .hn-timeline-item:nth-child(1) { animation-delay: .05s; }\n .hn-timeline-item:nth-child(2) { animation-delay: .12s; }\n .hn-timeline-item:nth-child(3) { animation-delay: .19s; }\n .hn-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes hnFadeInUp {\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 .hn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755174322333,"sku":"CJ0030","price":12.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-naturel-henne-neutre-100-bio-et-vegetal-les-couleurs-de-packshothd.webp?v=1773084623"},{"product_id":"shampoing-fixateur-couleurs-revelateur-eclat-bio-lescouleursdejeanne","title":"Shampoing Fixateur \u0026 Révélateur d'Éclat Bio - 230 ml - Les Couleurs de Jeanne","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing Fixateur \u0026 Révélateur D'éclat Bio - Les Couleurs de Jeanne\nPalette détectée:\n - Primaire: #C42A3C (rouge framboise\/bordeaux du packaging et du logo)\n - Secondaire: #E8A0A0 (rose pâle des touches décoratives)\n - Accent: #8B1A2B (bordeaux foncé pour les textes)\nAmbiance: Féminin, naturel\/bio, doux et élégant, esprit français artisanal, clean beauty\nPréfixe CSS: cj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Conseil d'utilisation\"\n 2. \"Composition\"\n 3. \"Origine et fabrication\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cj-hero\"\u003e\n \u003cdiv class=\"cj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cj-hero-content\"\u003e\n \u003cdiv class=\"cj-badges-top\"\u003e\n \u003cspan class=\"cj-badge\"\u003e🌿 Certifié BIO Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cj-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cj-badge\"\u003e🚫 Sans sulfates\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cj-hero-title\"\u003eShampoing fixateur \u0026amp; révélateur d'éclat bio\u003c\/span\u003e\n \u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne — 230 ml\u003c\/p\u003e\n \u003cp class=\"cj-description\"\u003eSublimez la brillance de vos cheveux naturels ou colorés grâce à une formule bio d'exception, enrichie en aloe vera, calendula et camomille. Couleur prolongée, éclat révélé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION : Bienfaits clés (avant les H2 source, enrichissement commercial) --\u003e\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003e✨ Pourquoi ce shampoing va transformer vos cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eUne synergie d'actifs naturels pour des cheveux éclatants de santé et de couleur, lavage après lavage.\u003c\/p\u003e\n \u003cdiv class=\"cj-grid\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🎨 Fixateur de couleur\u003c\/h3\u003e\n \u003cp\u003eProlonge l'intensité et la tenue de votre couleur naturelle ou de votre coloration végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💎 Révélateur d'éclat\u003c\/h3\u003e\n \u003cp\u003eRévèle la brillance et la vitalité de vos cheveux dès le premier shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🛡️ Protection capillaire\u003c\/h3\u003e\n \u003cp\u003eProtège la fibre capillaire contre les agressions extérieures et renforce sa structure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur sans alourdir grâce à sa base lavante douce dérivée de sucre et de coco.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌱 100% clean beauty\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, parabènes, silicones ni colorants artificiels. Que du bon pour vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable de 230 ml, ingrédients bio et fabrication à faible impact écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #1 : Conseil d'utilisation --\u003e\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cj-timeline\"\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eHumidifiez abondamment vos cheveux à l'eau tiède pour ouvrir les écailles du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une noix de shampoing\u003c\/h3\u003e\n \u003cp\u003eDéposez une noix de shampoing fixateur \u0026amp; révélateur d'éclat BIO dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eMassez le cuir chevelu en mouvements circulaires puis étirez sur les longueurs. Laissez agir quelques instants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-item\"\u003e\n \u003cdiv class=\"cj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cj-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Pour maximiser l'effet fixateur et révélateur d'éclat, complétez avec l'après-shampoing de la même gamme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-tip\"\u003e\n \u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Utilisez régulièrement pour prolonger la durée de votre couleur et maintenir l'éclat naturel de vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 : Composition --\u003e\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eUne sélection d'ingrédients d'origine naturelle et biologique, soigneusement choisis pour sublimer vos cheveux.\u003c\/p\u003e\n \u003cdiv class=\"cj-grid\"\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌵 Extrait d'aloe vera\u003c\/h3\u003e\n \u003cp\u003eHydrate et protège le cuir chevelu en profondeur, pour une base saine et apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🫒 Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eRégénère et revitalise les cheveux ternes en restaurant leur film lipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌼 Extraits de calendula et camomille\u003c\/h3\u003e\n \u003cp\u003eApaisent le cuir chevelu sensible et illuminent les cheveux de reflets dorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🌾 Protéines de blé hydrolysées\u003c\/h3\u003e\n \u003cp\u003eRenforcent la structure capillaire de l'intérieur et améliorent la résistance du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card\"\u003e\n \u003ch3\u003e🥥 Base lavante douce sucre \u0026amp; coco\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans dessécher ni agresser la fibre capillaire. Mousse onctueuse et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n \u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n \u003cp\u003eDoux pour le cuir chevelu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eFormule saine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n \u003cp\u003eCheveux qui respirent\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cj-card cj-card-clean\"\u003e\n \u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n \u003cp\u003e100% naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 : Origine et fabrication --\u003e\n \u003csection class=\"cj-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cp class=\"cj-section-intro\"\u003eUn savoir-faire français, engagé pour la planète et vos cheveux.\u003c\/p\u003e\n \u003cdiv class=\"cj-accordion\"\u003e\n \u003cdetails class=\"cj-accordion-item\" open\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e🇫🇷 Fabrication française\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eLe shampoing fixateur \u0026amp; révélateur d'éclat BIO est fabriqué en France, dans le respect des normes environnementales et sociales les plus strictes. L'ensemble du processus de fabrication est conçu pour minimiser l'impact écologique, garantissant un produit à la fois efficace et écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cj-accordion-item\"\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e🌿 Engagement Les Couleurs de Jeanne\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eLes Couleurs de Jeanne s'engage à utiliser des ingrédients de haute qualité, issus de l'agriculture biologique, et à promouvoir des pratiques durables et respectueuses de la nature. Chaque produit reflète cette philosophie de soin authentique et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cj-accordion-item\"\u003e\n \u003csummary class=\"cj-accordion-header\"\u003e♻️ Packaging écoresponsable\u003c\/summary\u003e\n \u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n \u003cp\u003eEmballé dans un flacon recyclable de 230 ml, ce shampoing est idéal pour une utilisation quotidienne tout en respectant l'environnement. Un format pratique et durable.\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=\"cj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cj-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à vos cheveux le soin qu'ils méritent. Profitez d'une chevelure éclatante de santé et de couleur avec le shampoing fixateur \u0026amp; révélateur d'éclat BIO Les Couleurs de Jeanne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cj-disclaimer\"\u003eComplément capillaire. Les résultats peuvent varier selon la nature des cheveux et la fréquence d'utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cj-cream: #FDF6F7;\n --cj-white: #ffffff;\n --cj-primary: #C42A3C;\n --cj-primary-dark: #8B1A2B;\n --cj-primary-light: #FBEAED;\n --cj-secondary: #E8A0A0;\n --cj-accent: #D94F63;\n --cj-text: #1a1a1a;\n --cj-text-light: #5a5a5a;\n --cj-border: #F0D4D8;\n --cj-shadow: 0 4px 24px rgba(196,42,60,.08);\n --cj-shadow-lg: 0 12px 48px rgba(139,26,43,.15);\n --cj-radius: 20px;\n --cj-radius-sm: 12px;\n}\n\n.cj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n position: relative;\n background: linear-gradient(135deg, #C42A3C 0%, #D94F63 45%, #E8A0A0 100%);\n border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n 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.cj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cj-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.cj-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.cj-description {\n color: rgba(255,255,255,.88);\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.cj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cj-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.cj-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(--cj-primary), var(--cj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cj-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\/* === CARDS === *\/\n.cj-card {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cj-shadow-lg);\n border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cj-card-clean {\n background: var(--cj-primary-light);\n border: 2px solid var(--cj-border);\n}\n\n.cj-card-clean:hover {\n border-color: var(--cj-primary);\n background: var(--cj-white);\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n flex: 1;\n background: var(--cj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cj-radius-sm);\n box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n font-size: 14px;\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cj-primary-light);\n border-radius: var(--cj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cj-tip p {\n font-size: 14px;\n color: var(--cj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n box-shadow: var(--cj-shadow);\n overflow: hidden;\n}\n\n.cj-accordion-item {\n border-bottom: 1px solid var(--cj-border);\n margin: 0;\n padding: 0;\n}\n\n.cj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cj-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.cj-accordion-header:hover {\n background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cj-primary);\n transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n content: '−';\n}\n\n.cj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cj-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cj-cta-box {\n background: linear-gradient(135deg, var(--cj-primary) 0%, var(--cj-primary-dark) 100%);\n border-radius: var(--cj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cj-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.cj-disclaimer {\n font-size: 12px;\n color: var(--cj-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 .cj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cj-card {\n padding: 1.125rem;\n }\n\n .cj-section {\n margin-bottom: 1.75rem;\n }\n\n .cj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cj-radius-sm);\n }\n\n .cj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cj-grid-compact {\n gap: .625rem;\n }\n\n .cj-grid-compact .cj-card {\n padding: .75rem;\n }\n\n .cj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cj-timeline-content h3 {\n font-size: 14px;\n }\n\n .cj-timeline-content p {\n font-size: 13px;\n }\n\n .cj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cj-tip {\n padding: .875rem 1rem;\n }\n\n .cj-tip-icon {\n font-size: 20px;\n }\n\n .cj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cj-card {\n animation: cjFadeInUp .5s ease backwards;\n }\n .cj-card:nth-child(1) { animation-delay: .05s; }\n .cj-card:nth-child(2) { animation-delay: .1s; }\n .cj-card:nth-child(3) { animation-delay: .15s; }\n .cj-card:nth-child(4) { animation-delay: .2s; }\n .cj-card:nth-child(5) { animation-delay: .25s; }\n .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\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 .cj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755175141533,"sku":"CJ0040","price":10.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-fixateur-revelateur-declat-bio-230-ml-les-couleurs-lifestyle_ec7c3cfd-2ad3-47e9-88fd-4d12fb24b711.webp?v=1771593238"},{"product_id":"masque-reparateur-a-largile-bio-150-g-les-couleurs-de-jeanne","title":"Masque Préparateur à l'Argile Bio - 150ml - Les Couleurs de Jeanne","description":"\u003cdiv class=\"cj-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cj-hero\"\u003e\n\u003cdiv class=\"cj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cj-hero-content\"\u003e\n\u003cdiv class=\"cj-badges-top\"\u003e\n\u003cspan class=\"cj-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e \u003cspan class=\"cj-badge\"\u003e🐰 Crueltyfree \u0026amp; Vegan\u003c\/span\u003e \u003cspan class=\"cj-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cj-hero-title\"\u003eMasque préparateur à l'argile bio\u003c\/span\u003e\n\u003cp class=\"cj-subtitle\"\u003eLes Couleurs de Jeanne\u003c\/p\u003e\n\u003cp class=\"cj-description\"\u003ePurifiez votre cuir chevelu et préparez vos cheveux à recevoir une coloration végétale avec ce soin détox à l'argile. Idéal pour la transition entre coloration chimique et coloration naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePropriétés des Ingrédients\u003c\/h2\u003e\n\u003cp class=\"cj-section-intro\"\u003eTrois actifs naturels et bio soigneusement sélectionnés pour assainir, nourrir et préparer vos cheveux en profondeur.\u003c\/p\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🪨 Argile verte, illite, kaolin\u003c\/h3\u003e\n\u003cp\u003eAssainissent le cuir chevelu et régulent le pH des cheveux pour une base parfaitement nettoyée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eApporte nutrition et douceur aux cheveux, même les plus fragiles, sans les alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🌳 Bourgeons de tilleul bio\u003c\/h3\u003e\n\u003cp\u003eAdoucissent et hydratent les cheveux pour les laisser souples, soyeux et prêts à recevoir la couleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eMode d'Emploi\u003c\/h2\u003e\n\u003cdiv class=\"cj-timeline\"\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs ou humides, répartissez le masque uniformément des racines jusqu'aux pointes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 10 à 15 minutes\u003c\/h3\u003e\n\u003cp\u003eLe temps de pose permet à l'argile de purifier le cuir chevelu et d'éliminer les résidus et impuretés en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-item\"\u003e\n\u003cdiv class=\"cj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cj-timeline-content\"\u003e\n\u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment, puis complétez par un shampooing fixateur et un baume révélateur d'éclat pour prolonger les effets du masque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003eConseils d'Utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cj-grid-compact\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e📅 Fréquence recommandée\u003c\/h3\u003e\n\u003cp\u003e2 fois par semaine pendant 3 semaines avant la coloration végétale pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e💆 Tous types de cheveux\u003c\/h3\u003e\n\u003cp\u003eConvient à tous types de cheveux, même les plus fragiles et sensibilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-tip\"\u003e\n\u003cspan class=\"cj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce transition :\u003c\/strong\u003e si vous passez d'une coloration chimique à une coloration végétale, ce masque est votre allié indispensable pour détoxifier la fibre capillaire et favoriser l'adhérence de la couleur naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cj-section\"\u003e\n\u003ch2\u003ePourquoi Choisir le Masque Préparateur à l'Argile Bio - Les Couleurs de Jeanne ?\u003c\/h2\u003e\n\u003cdiv class=\"cj-grid\"\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🧹 Détox en profondeur\u003c\/h3\u003e\n\u003cp\u003eÉlimine les résidus chimiques et les impuretés accumulés pour retrouver un cuir chevelu sain et purifié.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e🎨 Meilleure adhérence couleur\u003c\/h3\u003e\n\u003cp\u003ePrépare la fibre capillaire à recevoir la coloration végétale pour un résultat plus intense et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cj-card\"\u003e\n\u003ch3\u003e✅ Certifié bio \u0026amp; éthique\u003c\/h3\u003e\n\u003cp\u003eCertifié COSMOS Organic et Crueltyfree \u0026amp; Vegan, ce soin respecte vos cheveux, votre peau et la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eIngrédients\u003c\/h2\u003e\n\u003cdiv class=\"cj-accordion\"\u003e\n\u003cdetails class=\"cj-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"cj-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"cj-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (Water), Illite, Kaolin, Aloe Barbadensis Leaf Juice Powder*, Tilia Tomentosa Bud Extract*, Montmorillonite, Glycine Soja Oil, Parfum (Fragrance), Tocopherol.\u003c\/p\u003e\n\u003cp style=\"margin-top: .5rem; font-style: italic;\"\u003e*Issu de l'Agriculture Biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cj-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce produit est un cosmétique capillaire — usage externe uniquement.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --cj-cream: #f7f5f0;\n --cj-white: #ffffff;\n --cj-primary: #5A8C3C;\n --cj-primary-dark: #3d6628;\n --cj-primary-light: #e8f2de;\n --cj-secondary: #7DB34A;\n --cj-accent: #C45A3C;\n --cj-text: #1a1a1a;\n --cj-text-light: #5a5a5a;\n --cj-border: #e0e0e0;\n --cj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cj-radius: 20px;\n --cj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cj-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6628 0%, #5A8C3C 40%, #7DB34A 100%);\n border-radius: var(--cj-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(--cj-shadow-lg);\n}\n\n.cj-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.cj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cj-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.cj-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.cj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cj-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(--cj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cj-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.cj-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(--cj-primary), var(--cj-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cj-card {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cj-shadow-lg);\n border-color: var(--cj-primary);\n}\n\n.cj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cj-grid-compact .cj-card {\n padding: 1rem;\n}\n\n.cj-grid-compact .cj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cj-grid-compact .cj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cj-primary), var(--cj-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.cj-timeline-content {\n flex: 1;\n background: var(--cj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cj-radius-sm);\n box-shadow: var(--cj-shadow);\n}\n\n.cj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cj-timeline-content p {\n font-size: 14px;\n color: var(--cj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cj-primary-light);\n border-radius: var(--cj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cj-tip p {\n font-size: 14px;\n color: var(--cj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cj-accordion {\n background: var(--cj-white);\n border-radius: var(--cj-radius);\n box-shadow: var(--cj-shadow);\n overflow: hidden;\n}\n\n.cj-accordion-item {\n border-bottom: 1px solid var(--cj-border);\n margin: 0;\n padding: 0;\n}\n\n.cj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cj-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.cj-accordion-header:hover {\n background: var(--cj-primary-light);\n}\n\n.cj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cj-primary);\n transition: transform .2s ease;\n}\n\n.cj-accordion-item[open] .cj-accordion-header::after {\n content: '−';\n}\n\n.cj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cj-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cj-disclaimer {\n font-size: 12px;\n color: var(--cj-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 .cj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cj-card {\n padding: 1.125rem;\n }\n\n .cj-section {\n margin-bottom: 1.75rem;\n }\n\n .cj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cj-radius-sm);\n }\n\n .cj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cj-grid-compact {\n gap: .625rem;\n }\n\n .cj-grid-compact .cj-card {\n padding: .75rem;\n }\n\n .cj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cj-timeline-content h3 {\n font-size: 14px;\n }\n\n .cj-timeline-content p {\n font-size: 13px;\n }\n\n .cj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cj-card {\n animation: cjFadeInUp .5s ease backwards;\n }\n .cj-card:nth-child(1) { animation-delay: .05s; }\n .cj-card:nth-child(2) { animation-delay: .1s; }\n .cj-card:nth-child(3) { animation-delay: .15s; }\n .cj-card:nth-child(4) { animation-delay: .2s; }\n .cj-card:nth-child(5) { animation-delay: .25s; }\n .cj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cjFadeInUp {\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 .cj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LES COULEURS DE JEANNE","offers":[{"title":"Default Title","offer_id":45755175501981,"sku":"CJ0035","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-preparateur-a-largile-bio-150ml-les-couleurs-de-jeann-lifestyle.webp?v=1770624162"},{"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":"soin-capillaire-prune-peche-vanille-comme-avant","title":"Soin capillaire solide à l'huile de Prune - Pêche \u0026 Vanille - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin capillaire solide à l'huile de Prune - Pêche \u0026 Vanille\nPalette détectée:\n - Primaire: #C4A882 (beige\/caramel kraft du packaging)\n - Secondaire: #E8D5B7 (crème vanille du produit solide)\n - Accent: #D4A574 (pêche doré, évoquant le parfum)\nAmbiance: Naturel, doux, minimaliste, bio\/éco-responsable, chaleureux et gourmand\nPréfixe CSS: sc\n--\u003e\n\n\u003cdiv class=\"sc-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sc-hero\"\u003e\n \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sc-hero-content\"\u003e\n \u003cdiv class=\"sc-badges-top\"\u003e\n \u003cspan class=\"sc-badge\"\u003e🌿 5 ingrédients seulement\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🍑 Pêche \u0026amp; Vanille\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sc-hero-title\"\u003eSoin capillaire solide à l'huile de prune\u003c\/span\u003e\n \u003cp class=\"sc-subtitle\"\u003eLe rituel réparateur aux 5 ingrédients naturels\u003c\/p\u003e\n \u003cp class=\"sc-description\"\u003eBien plus qu'un après-shampooing : un véritable soin nourrissant qui répare en profondeur vos cheveux avec une formule minimaliste et un parfum envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💪 Renforce la fibre\u003c\/h3\u003e\n \u003cp\u003eL'huile de prune, riche en oméga 6 et 9, renforce la barrière lipidique du cheveu et lui redonne résistance et élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💧 Nourrit en profondeur\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité bio pénètre au cœur de la fibre capillaire pour une nutrition intense des cheveux secs et cassants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e✨ Apporte brillance\u003c\/h3\u003e\n \u003cp\u003eL'inuline de chicorée agit comme un démêlant naturel et révèle l'éclat de vos cheveux sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌸 Parfume délicatement\u003c\/h3\u003e\n \u003cp\u003eUn accord gourmand pêche \u0026amp; vanille qui enveloppe vos cheveux d'une fragrance douce et chaleureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🔬 Répare vraiment\u003c\/h3\u003e\n \u003cp\u003eSans silicone qui \"maquille\" le cheveu : ici vos pointes sont réellement réparées, pas simplement gainées artificiellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌍 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eFormat solide concentré, emballage kraft recyclable. Un geste beauté responsable pour vos cheveux et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🧪 5 ingrédients, pas un de plus\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante qui pénètre profondément pour réparer les cheveux secs, cassants ou fragilisés par les colorations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🍑 Huile de prune bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient star ! Pressée à froid des noyaux de prune d'Agen, riche en acides gras pour redonner souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Alcool cétéarylique\u003c\/h3\u003e\n \u003cp\u003eAlcool gras végétal (non desséchant) qui facilite l'application et aide les actifs à bien se répartir sur la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Inuline de chicorée\u003c\/h3\u003e\n \u003cp\u003ePrébiotique naturel qui agit comme démêlant. Apporte brillance et douceur sans alourdir le cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🍦 Parfum pêche \u0026amp; vanille\u003c\/h3\u003e\n \u003cp\u003eAccord gourmand et chaleureux qui parfume délicatement vos cheveux sans agresser le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-inci-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eINCI complet :\u003c\/strong\u003e Butyrospermum Parkii Butter*, Prunus Domestica Seed Oil*, Cetearyl Alcohol, Inulin, Parfum.\u003cbr\u003e\u003cem\u003e*ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e👩‍🦰 Ce soin est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏜️ Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eVos cheveux manquent de nutrition et tiraillent après le lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e✂️ Pointes abîmées\u003c\/h3\u003e\n \u003cp\u003eVos pointes sont fourchues, cassantes ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eVos colorations ou mèches ont besoin d'être réparées et protégées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e😶‍🌫️ Cheveux ternes\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez retrouver brillance et éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🚫 Anti-silicone\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un soin qui respecte vraiment votre fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eFormule douce adaptée aux enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-note\"\u003e💡 \u003cstrong\u003eCheveux fins ou gras ?\u003c\/strong\u003e Appliquez uniquement sur les longueurs et pointes, en évitant les racines.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-usage-container\"\u003e\n \u003cdiv class=\"sc-usage-block\"\u003e\n \u003ch3\u003e🚿 En après-shampooing\u003c\/h3\u003e\n \u003cdiv class=\"sc-steps\"\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eEssorez légèrement vos cheveux après le shampooing\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eFrottez le soin entre vos mains pour le réchauffer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eAppliquez sur les longueurs et pointes en lissant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003eLaissez poser 2-3 minutes puis rincez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-usage-block\"\u003e\n \u003ch3\u003e🧖‍♀️ En masque intensif\u003c\/h3\u003e\n \u003cdiv class=\"sc-steps\"\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eAppliquez généreusement sur cheveux humides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eEnroulez dans une serviette chaude\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eLaissez poser 15-20 minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003eRincez soigneusement à l'eau tiède\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-note\"\u003e💡 \u003cstrong\u003eAstuce cheveux très secs :\u003c\/strong\u003e Frottez légèrement le soin sur vos pointes sèches comme un sérum sans rinçage (quantité infime).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVANTAGES FORMAT SOLIDE --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🌿 Pourquoi choisir ce soin capillaire solide ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid-compact\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💎 Plus concentré\u003c\/h3\u003e\n \u003cp\u003eSans eau ajoutée, les actifs sont en plus grande proportion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🛡️ Mieux conservé\u003c\/h3\u003e\n \u003cp\u003ePas de conservateurs controversés nécessaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003e50 g = environ 2 flacons de soin liquide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e✈️ Idéal voyage\u003c\/h3\u003e\n \u003cp\u003eCompact, léger, aucun risque de fuite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid-compact\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e50 g de soin concentré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n \u003cp\u003e2-3 mois (2x\/semaine, cheveux mi-longs)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale à Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n \u003cp\u003eBoîte kraft recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CERTIFICATIONS --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🏅 Certifications \u0026amp; engagements\u003c\/h2\u003e\n \u003cdiv class=\"sc-certifs\"\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🐌\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eSlow Cosmétique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eCosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eVegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-certif\"\u003e\n \u003cspan class=\"sc-certif-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003cspan class=\"sc-certif-label\"\u003eMade in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON FAQ --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"sc-accordion\"\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧴 Ce soin remplace-t-il un masque capillaire ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eOui, il peut s'utiliser comme un après-shampooing quotidien ou comme un masque plus intensif en augmentant le temps de pose. Sa formule riche en beurre de karité et huile de prune le rend aussi nourrissant qu'un masque classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🎨 Puis-je l'utiliser sur cheveux colorés ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eAbsolument. La formule sans sulfate et sans silicone respecte les colorations tout en réparant les cheveux fragilisés par les traitements chimiques. L'huile de prune aide même à prolonger l'éclat de votre couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🍑 Le parfum pêche vanille est-il persistant ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eLe parfum reste subtil et s'estompe progressivement après le séchage. Vous profiterez d'une délicate note gourmande pendant quelques heures, sans que ce soit entêtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e👶 Convient-il aux enfants ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eOui, la formule douce et naturelle convient à toute la famille, y compris aux enfants à partir de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧊 Comment le conserver ?\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eConservez votre soin solide au sec entre deux utilisations. La boîte kraft fournie est parfaite pour cela. Évitez de le laisser dans l'eau stagnante de votre douche.\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=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sc-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à vos cheveux un soin authentique formulé avec seulement 5 ingrédients naturels et bio. Ce soin capillaire solide nourrit, répare et parfume votre chevelure d'une délicate note pêche \u0026amp; vanille, tout en respectant 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 --sc-cream: #FAF7F2;\n --sc-white: #ffffff;\n --sc-primary: #C4A882;\n --sc-primary-dark: #8B7355;\n --sc-primary-light: #F5EDE3;\n --sc-secondary: #E8D5B7;\n --sc-accent: #D4A574;\n --sc-text: #1a1a1a;\n --sc-text-light: #5a5a5a;\n --sc-border: #e8e0d5;\n --sc-shadow: 0 4px 24px rgba(139,115,85,.08);\n --sc-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --sc-radius: 20px;\n --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #C4A882 40%, #8B7355 100%);\n border-radius: var(--sc-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(--sc-shadow-lg);\n}\n\n.sc-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.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sc-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(--sc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sc-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.sc-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}\n\n.sc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sc-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.sc-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(--sc-accent), var(--sc-primary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sc-card-ingredient {\n border-left: 4px solid var(--sc-accent);\n}\n\n.sc-grid-compact .sc-card {\n padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n font-size: 12px;\n}\n\n\/* === INCI BOX === *\/\n.sc-inci-box {\n background: var(--sc-primary-light);\n border-radius: var(--sc-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n text-align: center;\n}\n\n.sc-inci-box p {\n font-size: 13px;\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === NOTE === *\/\n.sc-note {\n background: var(--sc-secondary);\n border-radius: var(--sc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n text-align: center;\n font-size: 14px;\n color: var(--sc-primary-dark);\n}\n\n\/* === USAGE === *\/\n.sc-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.sc-usage-block {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 1.5rem;\n box-shadow: var(--sc-shadow);\n}\n\n.sc-usage-block h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.sc-steps {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.sc-step {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.sc-step-num {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--sc-accent), var(--sc-primary));\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 flex-shrink: 0;\n}\n\n.sc-step p {\n margin: 0;\n font-size: 14px;\n color: var(--sc-text-light);\n line-height: 1.5;\n}\n\n\/* === CERTIFICATIONS === *\/\n.sc-certifs {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.sc-certif {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--sc-shadow);\n min-width: 120px;\n transition: all .3s ease;\n}\n\n.sc-certif:hover {\n transform: translateY(-4px);\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-certif-icon {\n font-size: 32px;\n}\n\n.sc-certif-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--sc-primary-dark);\n text-align: center;\n}\n\n\/* === ACCORDÉON === *\/\n.sc-accordion {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n box-shadow: var(--sc-shadow);\n overflow: hidden;\n}\n\n.sc-accordion-item {\n border-bottom: 1px solid var(--sc-border);\n margin: 0;\n padding: 0;\n}\n\n.sc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sc-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.sc-accordion-header:hover {\n background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sc-primary);\n transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n content: '−';\n}\n\n.sc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sc-cta-box {\n background: linear-gradient(135deg, var(--sc-accent) 0%, var(--sc-primary-dark) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sc-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.sc-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 === *\/\n@media (max-width: 767px) {\n .sc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sc-grid-compact {\n gap: .625rem;\n }\n \n .sc-grid-compact .sc-card {\n padding: .75rem;\n }\n \n .sc-card {\n padding: 1.125rem;\n }\n \n .sc-section {\n margin-bottom: 1.75rem;\n }\n \n .sc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sc-radius-sm);\n }\n \n .sc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sc-usage-container {\n grid-template-columns: 1fr;\n }\n \n .sc-certifs {\n gap: .75rem;\n }\n \n .sc-certif {\n padding: 1rem;\n min-width: 100px;\n }\n \n .sc-certif-icon {\n font-size: 28px;\n }\n \n .sc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sc-badges-top {\n gap: 8px;\n }\n \n .sc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sc-card:nth-child(1) { animation-delay: .05s; }\n .sc-card:nth-child(2) { animation-delay: .1s; }\n .sc-card:nth-child(3) { animation-delay: .15s; }\n .sc-card:nth-child(4) { animation-delay: .2s; }\n .sc-card:nth-child(5) { animation-delay: .25s; }\n .sc-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 .sc-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":45755186970781,"sku":"NBAICAV0054","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-capillaire-solide-a-lhuile-de-prune-peche-vanille-comme-ingredients.jpg?v=1768221135"},{"product_id":"soin-capillaire-solide-a-lhuile-de-prune-bio-boite-kraft-50-g-comme-avant","title":"Soin capillaire solide à l'huile de Prune - sans parfum - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin capillaire solide à l'huile de Prune - Comme Avant\nPalette détectée:\n - Primaire: #C9A86C (beige doré\/kraft du packaging)\n - Secondaire: #8B7355 (brun terre naturel)\n - Accent: #D4A574 (tons prune\/abricot doux)\n - Background: #F7F3EE (crème naturel)\nAmbiance: Naturel\/bio, slow cosmétique, minimaliste épuré, douceur féminine, éco-responsable\nPréfixe CSS: sc\n--\u003e\n\n\u003cdiv class=\"sc-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sc-hero\"\u003e\n \u003cdiv class=\"sc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sc-hero-content\"\u003e\n \u003cdiv class=\"sc-badges-top\"\u003e\n \u003cspan class=\"sc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🇫🇷 Fabriqué à Marseille\u003c\/span\u003e\n \u003cspan class=\"sc-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sc-hero-title\"\u003eSoin capillaire solide à l'huile de prune\u003c\/span\u003e\n \u003cp class=\"sc-subtitle\"\u003eVersion 2 améliorée • Sans parfum\u003c\/p\u003e\n \u003cp class=\"sc-description\"\u003eNourrissez vos cheveux en profondeur avec ce soin solide d'exception, formulé avec seulement 5 ingrédients naturels et l'huile de prune du Sud-Ouest français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits pour vos cheveux\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de prune pénètre la fibre capillaire pour l'assouplir et la revitaliser en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💪 Renforce la fibre\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les cheveux secs, cassants ou abîmés par les colorations et la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌸 Apaise le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eParfait pour les cuirs chevelus sensibles ou irrités grâce à sa formule ultra-douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🍃 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eConvient aux personnes sensibles aux huiles essentielles ou qui préfèrent un soin neutre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- L'HUILE DE PRUNE --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🍑 Le trésor de l'huile de prune\u003c\/h2\u003e\n \u003cdiv class=\"sc-highlight-box\"\u003e\n \u003cp class=\"sc-highlight-intro\"\u003eExtraite des noyaux de prunes d'Agen, cette huile précieuse est l'ingrédient star de ce soin capillaire.\u003c\/p\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🌾 Acides gras oléiques\u003c\/h3\u003e\n \u003cp\u003eNourrit sans alourdir et laisse les cheveux souples et légers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège la fibre des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🪶 Texture sèche\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras sur les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-light\"\u003e\n \u003ch3\u003e🇫🇷 Origine française\u003c\/h3\u003e\n \u003cp\u003eActif local et durable issu de l'économie circulaire du Sud-Ouest.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e👩 Pour qui est ce soin ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏜️ Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eEn quête de nutrition profonde et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e💔 Cheveux abîmés\u003c\/h3\u003e\n \u003cp\u003eCassants ou fourchus nécessitant une réparation douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌡️ Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eRéactif ou irrité par les produits conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🚫 Intolérance parfums\u003c\/h3\u003e\n \u003cp\u003ePour éviter les huiles essentielles et fragrances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003ePréserve l'éclat et prolonge la tenue de la couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e♻️ Adeptes zéro déchet\u003c\/h3\u003e\n \u003cp\u003eCosmétique éco-responsable sans plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📖 Comment utiliser ce soin capillaire solide bio ?\u003c\/h2\u003e\n \u003cdiv class=\"sc-steps\"\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003ePréparez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampoing, essorez légèrement vos cheveux pour qu'ils restent humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eAppliquez le soin\u003c\/h3\u003e\n \u003cp\u003eFrottez le soin solide directement sur les longueurs et les pointes, en évitant les racines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eDémêlez délicatement\u003c\/h3\u003e\n \u003cp\u003eUtilisez vos doigts ou un peigne à dents larges pour répartir le produit uniformément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez 2 à 5 minutes pour permettre aux actifs de pénétrer la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-step\"\u003e\n \u003cspan class=\"sc-step-num\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"sc-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède ou froide pour refermer les écailles et apporter de la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sc-tip\"\u003e💡 \u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e 1 à 2 fois par semaine, ou après chaque shampoing si vos cheveux sont très secs.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e🧪 Composition minimaliste\u003c\/h2\u003e\n \u003cp class=\"sc-section-intro\"\u003eSeulement 5 ingrédients pour une formule transparente et certifiée Cosmos Organic.\u003c\/p\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de prune bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePrunus Domestica Seed Oil\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eNourrit et protège la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCocos Nucifera Oil\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eRenforce et apporte brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eSimmondsia Chinensis Seed Oil\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eRégule et hydrate en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🧴 Alcool gras végétal\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCetearyl Alcohol\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eAgent démêlant et adoucissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🌻 Tensioactif doux\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eBehentrimonium Methosulfate\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eDérivé du colza, facilite le démêlage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card sc-card-ingredient\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eTocopherol\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eAntioxydant naturel protecteur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-compo-badges\"\u003e\n \u003cspan class=\"sc-compo-badge\"\u003e100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"sc-compo-badge\"\u003e98% bio\u003c\/span\u003e\n \u003cspan class=\"sc-compo-badge\"\u003eSans parfum\u003c\/span\u003e\n \u003cspan class=\"sc-compo-badge\"\u003eSans huile essentielle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid-compact\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e50 g (2-3 flacons liquides)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n \u003cp\u003e2 à 4 mois selon usage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eArtisanale à Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e📦 Packaging\u003c\/h3\u003e\n \u003cp\u003eBoîte kraft recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENGAGEMENTS --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e💚 Les engagements Comme Avant\u003c\/h2\u003e\n \u003cdiv class=\"sc-grid\"\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🏠 Artisanat marseillais\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local et production à taille humaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eGarantie d'une formule bio contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🐢 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eBeauté raisonnée et authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003ePackaging sans plastique, compostable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sc-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France Garantie\u003c\/h3\u003e\n \u003cp\u003eTraçabilité complète de la fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON - INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"sc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"sc-accordion\"\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eLaissez sécher le soin entre chaque utilisation sur un porte-savon aéré ou dans sa boîte ouverte. Évitez de le laisser dans un endroit constamment humide. En voyage, sa boîte kraft est idéale pour le transporter sans risque de coulure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🎨 Cheveux colorés\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eCe soin convient parfaitement aux cheveux colorés. Sa formule douce et nourrissante aide à préserver l'éclat tout en réparant. L'absence d'agents agressifs permet de prolonger la tenue de votre couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🪶 Cheveux fins\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eAppliquez uniquement sur les longueurs et les pointes. Les cheveux fins apprécieront la légèreté de l'huile de prune qui nourrit sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e💆 Utilisation en masque\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eCe soin peut servir de masque léger pour un usage régulier. Pour un soin intensif, prolongez le temps de pose à 10-15 minutes sous une serviette chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sc-accordion-item\"\u003e\n \u003csummary class=\"sc-accordion-header\"\u003e🤰 Femmes enceintes\u003c\/summary\u003e\n \u003cdiv class=\"sc-accordion-content\"\u003e\n \u003cp\u003eCette version sans parfum convient aux femmes enceintes ou allaitantes grâce à l'absence d'huiles essentielles. Un soin neutre pouvant être associé à d'autres produits parfumés.\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=\"sc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sc-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux un soin authentique, formulé avec des ingrédients d'exception et fabriqué dans le respect de l'environnement. Bien plus qu'un simple cosmétique : un geste de beauté conscient pour vous et pour 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 --sc-cream: #F7F3EE;\n --sc-white: #ffffff;\n --sc-primary: #C9A86C;\n --sc-primary-dark: #8B7355;\n --sc-primary-light: #F5EDE3;\n --sc-secondary: #D4A574;\n --sc-accent: #A68B5B;\n --sc-text: #1a1a1a;\n --sc-text-light: #5a5a5a;\n --sc-border: #e8e2da;\n --sc-shadow: 0 4px 24px rgba(139,115,85,.08);\n --sc-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --sc-radius: 20px;\n --sc-radius-sm: 12px;\n}\n\n.sc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #D4A574 50%, #8B7355 100%);\n border-radius: var(--sc-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(--sc-shadow-lg);\n}\n\n.sc-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.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.sc-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(--sc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sc-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.sc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.sc-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.sc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sc-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.sc-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(--sc-primary), var(--sc-secondary));\n border-radius: 2px;\n}\n\n.sc-section-intro {\n text-align: center;\n color: var(--sc-text-light);\n font-size: clamp(14px, 2.5vw, 16px);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.sc-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-primary);\n}\n\n.sc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sc-card p em {\n display: block;\n font-size: 12px;\n color: var(--sc-primary);\n margin-bottom: .35rem;\n}\n\n.sc-card-light {\n background: var(--sc-primary-light);\n}\n\n.sc-card-ingredient {\n position: relative;\n}\n\n\/* === GRILLES === *\/\n.sc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sc-grid-compact .sc-card {\n padding: 1rem;\n}\n\n.sc-grid-compact .sc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sc-grid-compact .sc-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sc-highlight-box {\n background: linear-gradient(135deg, var(--sc-primary-light) 0%, rgba(212,165,116,.15) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--sc-primary);\n}\n\n.sc-highlight-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 600;\n color: var(--sc-primary-dark);\n margin-bottom: 1.5rem;\n}\n\n\/* === STEPS === *\/\n.sc-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sc-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--sc-shadow);\n transition: all .3s ease;\n}\n\n.sc-step:hover {\n transform: translateX(6px);\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-step-num {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 900;\n font-size: 18px;\n}\n\n.sc-step-content h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--sc-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.sc-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sc-tip {\n background: var(--sc-primary-light);\n border-radius: var(--sc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sc-primary-dark);\n text-align: center;\n}\n\n\/* === COMPO BADGES === *\/\n.sc-compo-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.5rem;\n}\n\n.sc-compo-badge {\n padding: 10px 18px;\n background: linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));\n color: white;\n font-size: 13px;\n font-weight: 700;\n border-radius: 999px;\n}\n\n\/* === ACCORDÉON === *\/\n.sc-accordion {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n box-shadow: var(--sc-shadow);\n overflow: hidden;\n}\n\n.sc-accordion-item {\n border-bottom: 1px solid var(--sc-border);\n margin: 0;\n padding: 0;\n}\n\n.sc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sc-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.sc-accordion-header:hover {\n background: var(--sc-primary-light);\n}\n\n.sc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sc-primary);\n transition: transform .2s ease;\n}\n\n.sc-accordion-item[open] .sc-accordion-header::after {\n content: '−';\n}\n\n.sc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.sc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.sc-cta-box {\n background: linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-primary-dark) 100%);\n border-radius: var(--sc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sc-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 60%);\n}\n\n.sc-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 === *\/\n@media (max-width: 767px) {\n .sc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sc-card {\n padding: 1.125rem;\n }\n \n .sc-section {\n margin-bottom: 1.75rem;\n }\n \n .sc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sc-radius-sm);\n }\n \n .sc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sc-grid-compact {\n gap: .625rem;\n }\n \n .sc-grid-compact .sc-card {\n padding: .75rem;\n }\n \n .sc-highlight-box {\n padding: 1.25rem;\n }\n \n .sc-step {\n padding: 1rem;\n }\n \n .sc-step-num {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .sc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sc-compo-badges {\n gap: .5rem;\n }\n \n .sc-compo-badge {\n padding: 8px 14px;\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sc-card:nth-child(1) { animation-delay: .05s; }\n .sc-card:nth-child(2) { animation-delay: .1s; }\n .sc-card:nth-child(3) { animation-delay: .15s; }\n .sc-card:nth-child(4) { animation-delay: .2s; }\n .sc-card:nth-child(5) { animation-delay: .25s; }\n .sc-card:nth-child(6) { animation-delay: .3s; }\n \n .sc-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .sc-step:nth-child(1) { animation-delay: .1s; }\n .sc-step:nth-child(2) { animation-delay: .15s; }\n .sc-step:nth-child(3) { animation-delay: .2s; }\n .sc-step:nth-child(4) { animation-delay: .25s; }\n .sc-step:nth-child(5) { 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@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sc-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":45755187363997,"sku":"NBAICAV0053","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-capillaire-solide-a-lhuile-de-prune-sans-parfum-comme-a-ingredients.jpg?v=1768220941"},{"product_id":"masque-cheveux-soin-brillance-intense-3-en-1-250-ml-centifolia","title":"Masque Cheveux Soin Brillance Intense 3 en 1 - Centifolia","description":"\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🌿 98,8 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan \u0026amp; Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Pot 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eMasque cheveux soin brillance intense 3 en 1\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eExtrait de framboise bio \u0026amp; kératine végétale : hydratation, protection et brillance exceptionnelle en un seul geste, pour tous les types de cheveux.\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\u003eMasque Brillance Cheveux 3 en 1 Centifolia : le soin intense qui sublime votre chevelure\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux manquent d'éclat, paraissent ternes ou fatigués ? Le \u003cstrong\u003eMasque Cheveux Soin Brillance Intense 3 en 1\u003c\/strong\u003e de Centifolia est le soin capillaire naturel qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍇 Framboise bio\u003c\/h3\u003e\n \u003cp\u003eExtrait revitalisant riche en antioxydants pour un éclat lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧬 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire et forme une barrière protectrice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit de l'intérieur pour des cheveux souples et soyeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Brillance intense\u003c\/h3\u003e\n \u003cp\u003eAdaptée à tous types de cheveux : lisses, bouclés, colorés ou naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi vos cheveux perdent leur brillance ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003eLa pollution, le calcaire de l'eau, les appareils chauffants ou encore les colorations répétées agressent la fibre capillaire au quotidien. Les écailles du cheveu se soulèvent, la lumière ne se reflète plus correctement et le résultat est visible : des cheveux ternes et rêches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn \u003cstrong\u003emasque pour cheveux brillance\u003c\/strong\u003e de qualité agit en lissant ces écailles et en nourrissant la fibre de l'intérieur. C'est précisément ce que propose ce soin Centifolia, avec l'efficacité de la nature et sans aucun ingrédient controversé.\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 naturels puissants pour une brillance intense\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eComposé à \u003cstrong\u003e98,8 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, ce masque réunit des actifs soigneusement sélectionnés pour sublimer votre chevelure.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍓 Extrait de framboise bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants et en vitamine E, il revitalise les cheveux et leur apporte un éclat lumineux dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧬 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eRenforce la structure interne du cheveu, forme une barrière protectrice et prévient la casse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌺 Huile de camélia bio\u003c\/h3\u003e\n \u003cp\u003eReconnue au Japon pour ses vertus capillaires, elle nourrit en profondeur sans alourdir la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément, apaise le cuir chevelu et facilite le démêlage au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌲 Eau florale de genévrier bio\u003c\/h3\u003e\n \u003cp\u003ePurifiante et tonifiante, elle aide à rééquilibrer le cuir chevelu en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-highlight\"\u003e\n \u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n \u003cp\u003eSans silicones, sans sulfates, sans parabènes. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e \u0026amp; \u003cstrong\u003evegan\u003c\/strong\u003e. 96 % des végétaux sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003e3 utilisations pour répondre à tous vos besoins\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe soin 3 en 1 s'adapte à votre routine et à l'état de vos cheveux :\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\u003e🧖‍♀️ En masque classique\u003c\/h3\u003e\n \u003cp\u003eAprès le shampooing, appliquez généreusement sur cheveux essorés, laissez poser 5 à 10 minutes puis rincez abondamment. Idéal une à deux fois par semaine pour entretenir la brillance.\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\u003e💨 En soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de produit et appliquez sur les longueurs et les pointes, sèches ou humides. Parfait pour dessiner les boucles, dompter les frisottis et protéger les cheveux au quotidien.\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\u003e🌙 En masque de nuit\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux secs avant le coucher, enveloppez dans une serviette douce et rincez le lendemain avec un shampooing doux. Ce rituel offre une réparation intense comparable à un masque cheveux maison pour brillance, avec la praticité d'une formule prête à l'emploi.\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=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éthique, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France par Centifolia, spécialiste de la cosméto-botanique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003ePot de 250 ml 100 % recyclé et recyclable, de la formule à l'emballage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification exigeante garantissant la qualité biologique des ingrédients\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % végane, sans aucun ingrédient d'origine animale ni test sur les animaux\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\u003ePour qui est fait ce masque ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🎨 Cheveux colorés\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat de votre coloration et prolonge son intensité au fil des lavages\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏜️ Longueurs desséchées\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur les cheveux secs, cassants ou abîmés par les agressions quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Chevelure naturelle\u003c\/h3\u003e\n \u003cp\u003eSublime les cheveux au naturel en leur apportant douceur, souplesse et brillance miroir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à vos cheveux le meilleur de la nature — une brillance intense, une hydratation profonde et une protection durable en un seul geste.\u003cbr\u003e\u003cstrong\u003eFormat : pot de 250 ml.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #faf5f3;\n --cf-white: #ffffff;\n --cf-primary: #b5234f;\n --cf-primary-dark: #7a1833;\n --cf-primary-light: #fceef2;\n --cf-secondary: #3d2117;\n --cf-accent: #d44872;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e8ddd8;\n --cf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cf-shadow-lg: 0 12px 48px rgba(0,0,0,.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-secondary) 0%, var(--cf-primary-dark) 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: radial-gradient(circle at 20% 80%, rgba(212,72,114,.25) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(181,35,79,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\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: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.cf-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.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.7;\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.cf-card-highlight {\n background: var(--cf-primary-light);\n border: 2px solid var(--cf-primary);\n}\n\n.cf-card-highlight:hover {\n background: var(--cf-white);\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.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\/* === 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}\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.6;\n}\n\n\/* === TESTIMONIAL === *\/\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(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\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\/* === 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 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.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-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-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-tip {\n padding: .875rem 1rem;\n }\n\n .cf-tip-icon {\n font-size: 20px;\n }\n\n .cf-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .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 cfFadeInUp {\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":45755220361373,"sku":"CE0453","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-cheveux-soin-brillance-intense-3-en-1-centifolia-packshothd_55df4851-7c8a-4b04-ad12-2f5a2a367626.webp?v=1775825109"},{"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":"mascara-bio-pour-cheveux-5-nuances-disponibles-15-g-k-pour-karite","title":"Mascara Bio Pour Cheveux - 4 Nuances Disponibles - K pour Karité","description":"\u003cdiv class=\"kmc-premium\"\u003e\n\n \u003cdiv class=\"kmc-hero\"\u003e\n \u003cdiv class=\"kmc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kmc-hero-content\"\u003e\n \u003cdiv class=\"kmc-badges-top\"\u003e\n \u003cspan class=\"kmc-badge\"\u003e🌿 Certifié Ecocert\u003c\/span\u003e\n \u003cspan class=\"kmc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kmc-badge\"\u003e🎨 4 nuances\u003c\/span\u003e\n \u003cspan class=\"kmc-badge\"\u003e🧴 15 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kmc-hero-title\"\u003eMascara bio pour cheveux\u003c\/span\u003e\n \u003cp class=\"kmc-subtitle\"\u003eK pour Karité — 4 nuances disponibles\u003c\/p\u003e\n \u003cp class=\"kmc-description\"\u003eLa retouche capillaire naturelle et express pour camoufler vos repousses, couvrir les cheveux blancs ou illuminer une mèche, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kmc-section\"\u003e\n \u003ch2\u003eMascara bio pour cheveux K pour Karité : la retouche capillaire naturelle et express\u003c\/h2\u003e\n \u003cp class=\"kmc-section-intro\"\u003eQuelques cheveux blancs qui pointent aux tempes, des racines visibles entre deux colorations, ou simplement l'envie d'illuminer une mèche pour une occasion spéciale ? Le \u003cstrong\u003emascara bio pour cheveux K pour Karité\u003c\/strong\u003e est la solution idéale pour toutes ces situations du quotidien.\u003c\/p\u003e\n \u003cp class=\"kmc-section-intro\"\u003eCertifié \u003cstrong\u003eEcocert\u003c\/strong\u003e et formulé à base d'ingrédients naturels, ce \u003cstrong\u003emascara cheveux bio\u003c\/strong\u003e vous offre une \u003cstrong\u003ecoloration temporaire\u003c\/strong\u003e fiable, sans compromettre la santé de votre fibre capillaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kmc-section\"\u003e\n \u003ch2\u003e4 nuances pour s'adapter à votre couleur naturelle\u003c\/h2\u003e\n \u003cp class=\"kmc-section-intro\"\u003eChaque chevelure est unique, c'est pourquoi ce mascara capillaire est disponible en \u003cstrong\u003e4 teintes soigneusement calibrées\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"kmc-grid-compact\"\u003e\n \u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-blond\"\u003e\n \u003ch3\u003e☀️ Blond foncé\u003c\/h3\u003e\n \u003cp\u003eParfait pour les blonds vénitiens et les châtains très clairs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-chatain\"\u003e\n \u003ch3\u003e🌰 Châtain moyen\u003c\/h3\u003e\n \u003cp\u003eLa teinte passe-partout pour les châtains naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-chatain-fonce\"\u003e\n \u003ch3\u003e🍫 Châtain foncé\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les bruns clairs et les châtains profonds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-card kmc-card-nuance kmc-nuance-brun\"\u003e\n \u003ch3\u003e🖤 Brun\u003c\/h3\u003e\n \u003cp\u003eLa nuance intense pour les chevelures foncées à très foncées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-tip\"\u003e\n \u003cspan class=\"kmc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous hésitez entre deux nuances, choisissez la plus claire. Vous pourrez toujours intensifier le résultat en superposant une seconde couche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kmc-section\"\u003e\n \u003ch2\u003eUn mascara bio pour cheveux blancs vraiment efficace\u003c\/h2\u003e\n \u003cdiv class=\"kmc-grid\"\u003e\n \u003cdiv class=\"kmc-card\"\u003e\n \u003ch3\u003e🎯 Précision mèche par mèche\u003c\/h3\u003e\n \u003cp\u003eContrairement aux sprays ou aux colorations chimiques temporaires, son applicateur brossette permet un geste précis. Le pigment se dépose uniformément, sans couler ni tacher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-card\"\u003e\n \u003ch3\u003e✨ Rendu naturel et discret\u003c\/h3\u003e\n \u003cp\u003eUn résultat qui se fond dans votre couleur naturelle, pour un camouflage invisible des repousses et des cheveux blancs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-card\"\u003e\n \u003ch3\u003e🚿 S'élimine au shampooing\u003c\/h3\u003e\n \u003cp\u003eCe mascara coloration temporaire pour cheveux s'élimine simplement au shampooing suivant, sans laisser de résidu ni altérer votre couleur de base.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kmc-section\"\u003e\n \u003ch2\u003eUne composition clean, certifiée bio\u003c\/h2\u003e\n \u003cp class=\"kmc-section-intro\"\u003eLa formule de ce mascara pour cheveux bio de K pour Karité repose sur des actifs naturels rigoureusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"kmc-grid-compact\"\u003e\n \u003cdiv class=\"kmc-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit la fibre capillaire en profondeur et apporte de la brillance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eGarantit une tenue souple et une fixation douce toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-card\"\u003e\n \u003ch3\u003e🌻 Extrait de tournesol\u003c\/h3\u003e\n \u003cp\u003eProtège le cheveu et aide à maintenir l'éclat de la couleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-card\"\u003e\n \u003ch3\u003e🎨 Pigments naturels\u003c\/h3\u003e\n \u003cp\u003eColorent sans agresser, pour un résultat ton sur ton\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-tip\"\u003e\n \u003cspan class=\"kmc-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans paraben, sans silicone, sans ammoniaque.\u003c\/strong\u003e La formulation respecte à la fois votre cuir chevelu et l'environnement. Le tube de 15 g est compact, facile à glisser dans un sac pour des retouches en toute discrétion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kmc-section\"\u003e\n \u003ch2\u003eComment appliquer votre mascara cheveux bio ?\u003c\/h2\u003e\n \u003cdiv class=\"kmc-timeline\"\u003e\n \u003cdiv class=\"kmc-timeline-item\"\u003e\n \u003cdiv class=\"kmc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kmc-timeline-content\"\u003e\n \u003ch3\u003eSecouez\u003c\/h3\u003e\n \u003cp\u003eSecouez légèrement le tube avant chaque utilisation pour homogénéiser les pigments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-timeline-item\"\u003e\n \u003cdiv class=\"kmc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kmc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eSur cheveux secs, en partant des racines vers les pointes sur les zones à couvrir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-timeline-item\"\u003e\n \u003cdiv class=\"kmc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kmc-timeline-content\"\u003e\n \u003ch3\u003eBrossez\u003c\/h3\u003e\n \u003cp\u003eDélicatement avec la brossette intégrée pour répartir la couleur de façon homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-timeline-item\"\u003e\n \u003cdiv class=\"kmc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kmc-timeline-content\"\u003e\n \u003ch3\u003ePatientez\u003c\/h3\u003e\n \u003cp\u003eDeux à trois minutes le temps du séchage complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-timeline-item\"\u003e\n \u003cdiv class=\"kmc-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"kmc-timeline-content\"\u003e\n \u003ch3\u003eSuperposez\u003c\/h3\u003e\n \u003cp\u003eUne deuxième couche si vous souhaitez un résultat plus couvrant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-tip\"\u003e\n \u003cspan class=\"kmc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eRéalisez un essai sur une petite mèche pour vérifier le rendu de la teinte avant une application plus étendue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kmc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabriqué en France, engagé pour la planète\u003c\/h2\u003e\n \u003cdiv class=\"kmc-grid\"\u003e\n \u003cdiv class=\"kmc-card\"\u003e\n \u003ch3\u003e🇫🇷 Production française\u003c\/h3\u003e\n \u003cp\u003eK pour Karité fabrique ses produits en France, garantissant une qualité irréprochable et une empreinte écologique réduite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité bio est issu de coopératives de petits producteurs, soutenant des filières équitables et responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-card\"\u003e\n \u003ch3\u003e💚 Beauté responsable\u003c\/h3\u003e\n \u003cp\u003eQue vous l'utilisiez au quotidien pour masquer vos premières repousses ou ponctuellement pour sublimer votre coiffure, ce mascara bio deviendra vite un indispensable de votre trousse beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kmc-cta-box\"\u003e\n \u003cp\u003ePratique, naturel et respectueux : le mascara bio K pour Karité coche toutes les cases pour une retouche capillaire express et sans compromis. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kmc-cream: #faf6f1;\n --kmc-white: #ffffff;\n --kmc-primary: #5c3a2e;\n --kmc-primary-dark: #3d2219;\n --kmc-primary-light: #f3ebe4;\n --kmc-secondary: #c89a6b;\n --kmc-accent: #d4a574;\n --kmc-text: #1a1a1a;\n --kmc-text-light: #5a5a5a;\n --kmc-border: #e8ddd4;\n --kmc-shadow: 0 4px 24px rgba(92,58,46,.08);\n --kmc-shadow-lg: 0 12px 48px rgba(92,58,46,.15);\n --kmc-radius: 20px;\n --kmc-radius-sm: 12px;\n}\n\n.kmc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kmc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kmc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kmc-primary-dark) 0%, var(--kmc-primary) 50%, var(--kmc-secondary) 100%);\n border-radius: var(--kmc-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(--kmc-shadow-lg);\n}\n\n.kmc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(200,154,107,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,165,116,.1) 0%, transparent 50%),\n repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%, transparent 0% 50%) 0 0 \/ 60px 60px;\n opacity: .5;\n}\n\n.kmc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kmc-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.kmc-subtitle {\n color: var(--kmc-accent);\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.kmc-description {\n color: rgba(255,255,255,.88);\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.kmc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kmc-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(--kmc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kmc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kmc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kmc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kmc-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.kmc-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(--kmc-primary), var(--kmc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kmc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kmc-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.kmc-section-intro strong {\n color: var(--kmc-primary-dark);\n}\n\n\/* === CARDS === *\/\n.kmc-card {\n background: var(--kmc-white);\n border-radius: var(--kmc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kmc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kmc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kmc-shadow-lg);\n border-color: var(--kmc-primary);\n}\n\n.kmc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kmc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kmc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kmc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === NUANCES CARDS SPECIAL === *\/\n.kmc-card-nuance {\n border-top: 4px solid transparent;\n}\n\n.kmc-nuance-blond { border-top-color: #c5a55a; }\n.kmc-nuance-chatain { border-top-color: #8b6b4a; }\n.kmc-nuance-chatain-fonce { border-top-color: #5c3a2e; }\n.kmc-nuance-brun { border-top-color: #2d1a12; }\n\n\/* === GRILLES === *\/\n.kmc-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.kmc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kmc-grid-compact .kmc-card {\n padding: 1rem;\n}\n\n.kmc-grid-compact .kmc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kmc-grid-compact .kmc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kmc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kmc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kmc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kmc-primary), var(--kmc-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.kmc-timeline-content {\n flex: 1;\n background: var(--kmc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kmc-radius-sm);\n box-shadow: var(--kmc-shadow);\n}\n\n.kmc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kmc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kmc-timeline-content p {\n font-size: 14px;\n color: var(--kmc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kmc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kmc-primary-light);\n border-radius: var(--kmc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kmc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kmc-tip p {\n font-size: 14px;\n color: var(--kmc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kmc-tip p strong {\n color: var(--kmc-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.kmc-cta-box {\n background: linear-gradient(135deg, var(--kmc-primary) 0%, var(--kmc-primary-dark) 100%);\n border-radius: var(--kmc-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.kmc-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kmc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kmc-card {\n padding: 1.125rem;\n }\n\n .kmc-section {\n margin-bottom: 1.75rem;\n }\n\n .kmc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kmc-radius-sm);\n }\n\n .kmc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kmc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kmc-grid-compact {\n gap: .625rem;\n }\n\n .kmc-grid-compact .kmc-card {\n padding: .75rem;\n }\n\n .kmc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kmc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kmc-timeline-content h3 {\n font-size: 14px;\n }\n\n .kmc-timeline-content p {\n font-size: 13px;\n }\n\n .kmc-tip {\n padding: .875rem 1rem;\n }\n\n .kmc-tip-icon {\n font-size: 20px;\n }\n\n .kmc-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kmc-card {\n animation: kmcFadeInUp .5s ease backwards;\n }\n .kmc-card:nth-child(1) { animation-delay: .05s; }\n .kmc-card:nth-child(2) { animation-delay: .1s; }\n .kmc-card:nth-child(3) { animation-delay: .15s; }\n .kmc-card:nth-child(4) { animation-delay: .2s; }\n .kmc-card:nth-child(5) { animation-delay: .25s; }\n .kmc-card:nth-child(6) { animation-delay: .3s; }\n\n .kmc-timeline-item {\n animation: kmcFadeInUp .5s ease backwards;\n }\n .kmc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .kmc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .kmc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .kmc-timeline-item:nth-child(4) { animation-delay: .2s; }\n .kmc-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes kmcFadeInUp {\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 .kmc-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":"N°2 - Brun","offer_id":45755271479453,"sku":"MASCARAKBRUN","price":12.79,"currency_code":"EUR","in_stock":true},{"title":"N°3 - Châtain foncé","offer_id":45755271512221,"sku":"MASCARAKCHATFONCE","price":12.79,"currency_code":"EUR","in_stock":true},{"title":"N°4 - Châtain moyen","offer_id":54922712154489,"sku":"MASCARAKCHATMOY","price":12.79,"currency_code":"EUR","in_stock":true},{"title":"N°6 - Blond foncé","offer_id":45755271577757,"sku":"MASCARAKBLDFONCE","price":12.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mascara-bio-pour-cheveux-chatain-fonce-15g-k-pour-karite-min.jpg?v=1775110989"},{"product_id":"capitonic-cosmetique-haut-de-gamme-cheveu-125-ml-jade-recherche","title":"Capitonic - Anti-Chute et Repousse des Cheveux - 125 ml - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Capitonic - Anti-Chute et Repousse des Cheveux\nPalette détectée:\n - Primaire: #E5A91B (jaune doré\/moutarde du bandeau principal)\n - Secondaire: #C84536 (rouge brique du cartouche \"CAPI TONIC\")\n - Accent: #4A7C59 (vert jade du logo Jade Recherche)\nAmbiance: Naturel\/scientifique, laboratoire français, soin capillaire expert, fond blanc épuré avec touches chaudes\nPréfixe CSS: ct\n--\u003e\n\n\u003cdiv class=\"ct-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ct-hero\"\u003e\n \u003cdiv class=\"ct-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ct-hero-content\"\u003e\n \u003cdiv class=\"ct-badges-top\"\u003e\n \u003cspan class=\"ct-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🧪 Silicium organique\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🌿 Huiles essentielles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ct-hero-title\"\u003eCapitonic\u003c\/span\u003e\n \u003cp class=\"ct-subtitle\"\u003eLotion anti-chute \u0026amp; repousse des cheveux\u003c\/p\u003e\n \u003cp class=\"ct-description\"\u003eLa synergie experte du silicium organique, du vinaigre de cidre et des huiles essentielles pour des cheveux renforcés, une chute freinée et une repousse visible.\u003c\/p\u003e\n \u003cdiv class=\"ct-hero-stats\"\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e125\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003eml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e1-6\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003emois de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-stat\"\u003e\n \u003cspan class=\"ct-stat-number\"\u003e2x\u003c\/span\u003e\n \u003cspan class=\"ct-stat-label\"\u003epar jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI CHOISIR --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003ePourquoi choisir Capitonic ?\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eContrairement aux lotions classiques qui masquent le problème, Capitonic agit en profondeur sur le cuir chevelu et le follicule pileux.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eRenforce la fibre\u003c\/h3\u003e\n \u003cp\u003eAction dès la racine grâce au silicium organique hautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eRééquilibre le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eNormalise la production de sébum pour un environnement sain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eStimule la microcirculation\u003c\/h3\u003e\n \u003cp\u003eNourrit mieux les follicules pour une meilleure vitalité capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003cdiv class=\"ct-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eFavorise la repousse\u003c\/h3\u003e\n \u003cp\u003eCheveux plus denses, plus vigoureux et plus résistants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACTIF CLÉ : SILICIUM --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eLe silicium organique : l'actif clé\u003c\/h2\u003e\n \u003cdiv class=\"ct-highlight-box\"\u003e\n \u003cdiv class=\"ct-highlight-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"ct-highlight-content\"\u003e\n \u003cp\u003eCet oligo-élément essentiel est au cœur de la formule Capitonic. Il joue un rôle fondamental dans la santé du cheveu et la régénération du bulbe capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-grid ct-grid-2\"\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e01\u003c\/span\u003e\n \u003ch4\u003eRégénération tissulaire\u003c\/h4\u003e\n \u003cp\u003eSoutient le tissu conjonctif qui entoure et protège le bulbe capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e02\u003c\/span\u003e\n \u003ch4\u003eNutrition optimisée\u003c\/h4\u003e\n \u003cp\u003eAméliore les échanges cellulaires pour mieux nourrir les follicules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e03\u003c\/span\u003e\n \u003ch4\u003eSynergie minérale\u003c\/h4\u003e\n \u003cp\u003ePotentialise le cuivre et le zinc, essentiels à la pigmentation et solidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-benefit-card\"\u003e\n \u003cspan class=\"ct-benefit-number\"\u003e04\u003c\/span\u003e\n \u003ch4\u003eTige renforcée\u003c\/h4\u003e\n \u003cp\u003eCheveux plus résistants à la casse et aux agressions quotidiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-cider-box\"\u003e\n \u003cspan class=\"ct-cider-icon\"\u003e🍎\u003c\/span\u003e\n \u003cp\u003eAssocié au \u003cstrong\u003evinaigre de cidre\u003c\/strong\u003e, le silicium contribue à restaurer le pH naturel du cuir chevelu, créant un environnement favorable à la pousse de cheveux sains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- HUILES ESSENTIELLES --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eLe complexe d'huiles essentielles\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eChaque huile a été sélectionnée pour ses propriétés spécifiques sur la santé capillaire.\u003c\/p\u003e\n \u003cdiv class=\"ct-oils-grid\"\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003eLaurier noble\u003c\/h4\u003e\n \u003cp\u003eStimule la circulation sanguine et purifie le cuir chevelu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch4\u003eRomarin\u003c\/h4\u003e\n \u003cp\u003eFavorise la pousse et redonne vigueur aux cheveux fatigués\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch4\u003eSauge\u003c\/h4\u003e\n \u003cp\u003eRégule l'excès de sébum et apporte brillance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-oil-card\"\u003e\n \u003cdiv class=\"ct-oil-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch4\u003eYlang-ylang\u003c\/h4\u003e\n \u003cp\u003eNourrit en profondeur avec un parfum délicat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eComment utiliser Capitonic ?\u003c\/h2\u003e\n \u003cdiv class=\"ct-usage-container\"\u003e\n \u003cdiv class=\"ct-usage-daily\"\u003e\n \u003ch3\u003e📋 Application quotidienne\u003c\/h3\u003e\n \u003cdiv class=\"ct-steps\"\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e1\u003c\/span\u003e\n \u003cp\u003eVaporisez \u003cstrong\u003e1 spray\u003c\/strong\u003e directement sur les racines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e2\u003c\/span\u003e\n \u003cp\u003eAppliquez \u003cstrong\u003ematin et soir\u003c\/strong\u003e pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e3\u003c\/span\u003e\n \u003cp\u003eMassez délicatement du bout des doigts pendant \u003cstrong\u003e1 à 2 minutes\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-step\"\u003e\n \u003cspan class=\"ct-step-num\"\u003e4\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas rincer\u003c\/strong\u003e : le produit agit en continu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ct-usage-note\"\u003e💡 Peut s'appliquer sur cheveux secs ou légèrement humides après le lavage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-usage-duration\"\u003e\n \u003ch3\u003e⏱️ Durée de la cure\u003c\/h3\u003e\n \u003cdiv class=\"ct-duration-box\"\u003e\n \u003cdiv class=\"ct-duration-range\"\u003e\n \u003cspan class=\"ct-duration-num\"\u003e1 à 6\u003c\/span\u003e\n \u003cspan class=\"ct-duration-unit\"\u003emois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eselon l'intensité de la chute\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-results-timeline\"\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e1er mois\u003c\/strong\u003e\n \u003cp\u003eRéduction de la chute, cheveux plus forts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e2-3 mois\u003c\/strong\u003e\n \u003cp\u003eApparition de nouveaux cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cspan class=\"ct-timeline-dot\"\u003e\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e4-6 mois\u003c\/strong\u003e\n \u003cp\u003eDensité et vigueur retrouvées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse Capitonic ?\u003c\/h2\u003e\n \u003cp class=\"ct-intro\"\u003eCette lotion convient aux hommes comme aux femmes, pour tous types de cheveux.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid ct-grid-3\"\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e📉\u003c\/span\u003e\n \u003ch4\u003eChute diffuse ou localisée\u003c\/h4\u003e\n \u003cp\u003ePerte de cheveux visible au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🪶\u003c\/span\u003e\n \u003ch4\u003eCheveux fins et fragiles\u003c\/h4\u003e\n \u003cp\u003eManque de densité et de volume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e⚖️\u003c\/span\u003e\n \u003ch4\u003eCuir chevelu déséquilibré\u003c\/h4\u003e\n \u003cp\u003eExcès de sébum ou sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e😰\u003c\/span\u003e\n \u003ch4\u003eStress et fatigue\u003c\/h4\u003e\n \u003cp\u003ePerte de vigueur liée aux tensions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🍂\u003c\/span\u003e\n \u003ch4\u003eChangements saisonniers\u003c\/h4\u003e\n \u003cp\u003eChute automne\/printemps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-target-card\"\u003e\n \u003cspan class=\"ct-target-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch4\u003ePrévention\u003c\/h4\u003e\n \u003cp\u003eAvant que la chute ne s'installe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION INCI --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ct-inci-box\"\u003e\n \u003cp style=\"font-size:0.6em;\"\u003eAqua, Acetone, Guar Gum, \u003cstrong\u003eLaurus Nobilis Oil\u003c\/strong\u003e (Huile essentielle de Laurier noble), \u003cstrong\u003eRosmarinus Officinalis Oil\u003c\/strong\u003e (Huile essentielle de Romarin), \u003cstrong\u003eSalvia Officinalis Oil\u003c\/strong\u003e (Huile essentielle de Sauge), \u003cstrong\u003eCananga Odorata Oil\u003c\/strong\u003e (Huile essentielle d'Ylang-ylang), \u003cstrong\u003eMethylsilanol Hydroxyproline Aspartate\u003c\/strong\u003e (Silicium organique), Polysorbate 20, Caprylyl Glycol, Sodium Lactate, Sodium Formate, Citric Acid, Methylchloroisothiazolinone, Benzyl Benzoate, Ascorbic Acid, Phenoxyethanol, Sorbic Acid, Limonene.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ct-warning-box\"\u003e\n \u003cul class=\"ct-warning-list\"\u003e\n \u003cli\u003eUsage externe uniquement\u003c\/li\u003e\n \u003cli\u003eÉvitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire\u003c\/li\u003e\n \u003cli\u003eContient des huiles essentielles : déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ct-info-grid\"\u003e\n\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e💨\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eFormat\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eFlacon spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e⏳\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eDurée\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003e≈ 2 mois\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e🏢\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eLaboratoire\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eJade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-info-item\"\u003e\n \u003cspan class=\"ct-info-icon\"\u003e👥\u003c\/span\u003e\n \u003cspan class=\"ct-info-label\"\u003eConvient à\u003c\/span\u003e\n \u003cspan class=\"ct-info-value\"\u003eHommes \u0026amp; Femmes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ct-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ct-cta-box\"\u003e\n \u003cdiv class=\"ct-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ct-cta-content\"\u003e\n \u003cspan class=\"ct-cta-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eFormulé par \u003cstrong\u003eJade Recherche\u003c\/strong\u003e, laboratoire français engagé dans les soins naturels et efficaces. Des ingrédients rigoureusement sélectionnés pour leur qualité, leur traçabilité et le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"ct-cta-badges\"\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e🔬 Expertise française\u003c\/span\u003e\n \u003cspan class=\"ct-cta-badge\"\u003e💚 Engagement qualité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ct-cream: #FDFBF7;\n --ct-white: #ffffff;\n --ct-primary: #E5A91B;\n --ct-primary-dark: #C4900F;\n --ct-primary-light: #FDF6E3;\n --ct-secondary: #C84536;\n --ct-secondary-light: #FCEAE8;\n --ct-accent: #4A7C59;\n --ct-accent-light: #E8F2EA;\n --ct-text: #1a1a1a;\n --ct-text-light: #5a5a5a;\n --ct-border: #e8e4dc;\n --ct-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ct-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --ct-radius: 20px;\n --ct-radius-sm: 12px;\n}\n\n.ct-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ct-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ct-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.ct-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 50%, var(--ct-secondary) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n 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,.1) 0%, transparent 50%),\n 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-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.ct-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ct-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ct-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(--ct-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ct-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ct-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 60px);\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.ct-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ct-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.ct-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(2rem, 5vw, 4rem);\n flex-wrap: wrap;\n}\n\n.ct-stat {\n text-align: center;\n}\n\n.ct-stat-number {\n display: block;\n color: white;\n font-size: clamp(32px, 5vw, 48px);\n font-weight: 900;\n line-height: 1;\n}\n\n.ct-stat-label {\n color: rgba(255,255,255,.8);\n font-size: 14px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.ct-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ct-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--ct-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ct-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(--ct-primary), var(--ct-secondary));\n border-radius: 2px;\n}\n\n.ct-intro {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--ct-text-light);\n max-width: 700px;\n margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n}\n\n\/* === GRILLES === *\/\n.ct-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.ct-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.ct-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS === *\/\n.ct-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ct-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--ct-shadow-lg);\n border-color: var(--ct-primary);\n}\n\n.ct-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.ct-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 .75rem 0;\n}\n\n.ct-card p {\n font-size: 15px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ct-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--ct-primary-light) 0%, var(--ct-accent-light) 100%);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2rem;\n border-left: 5px solid var(--ct-primary);\n}\n\n.ct-highlight-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.ct-highlight-content p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--ct-text);\n line-height: 1.7;\n}\n\n\/* === BENEFIT CARDS === *\/\n.ct-benefit-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--ct-shadow);\n position: relative;\n overflow: hidden;\n transition: all .3s ease;\n}\n\n.ct-benefit-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-benefit-number {\n position: absolute;\n top: 10px;\n right: 15px;\n font-size: 48px;\n font-weight: 900;\n color: var(--ct-primary);\n opacity: .15;\n line-height: 1;\n}\n\n.ct-benefit-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ct-benefit-card p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CIDER BOX === *\/\n.ct-cider-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 2rem;\n border: 2px dashed var(--ct-primary);\n}\n\n.ct-cider-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ct-cider-box p {\n margin: 0;\n font-size: 15px;\n color: var(--ct-text);\n}\n\n\/* === OILS GRID === *\/\n.ct-oils-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.ct-oil-card {\n background: linear-gradient(145deg, var(--ct-accent-light) 0%, var(--ct-white) 100%);\n border-radius: var(--ct-radius);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid var(--ct-accent);\n border-opacity: .2;\n transition: all .3s ease;\n}\n\n.ct-oil-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-oil-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.ct-oil-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-accent);\n margin: 0 0 .5rem 0;\n}\n\n.ct-oil-card p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === USAGE === *\/\n.ct-usage-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2rem;\n}\n\n.ct-usage-daily, .ct-usage-duration {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-usage-daily h3, .ct-usage-duration h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 1.5rem 0;\n}\n\n.ct-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.ct-step-num {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--ct-primary), var(--ct-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: 14px;\n flex-shrink: 0;\n}\n\n.ct-step p {\n margin: 0;\n font-size: 15px;\n color: var(--ct-text);\n padding-top: 4px;\n}\n\n.ct-usage-note {\n margin: 1.5rem 0 0 0;\n padding: 1rem;\n background: var(--ct-primary-light);\n border-radius: var(--ct-radius-sm);\n font-size: 14px;\n color: var(--ct-primary-dark);\n}\n\n.ct-duration-box {\n text-align: center;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--ct-secondary-light) 0%, var(--ct-primary-light) 100%);\n border-radius: var(--ct-radius-sm);\n margin-bottom: 1.5rem;\n}\n\n.ct-duration-range {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: .5rem;\n}\n\n.ct-duration-num {\n font-size: 42px;\n font-weight: 900;\n color: var(--ct-secondary);\n line-height: 1;\n}\n\n.ct-duration-unit {\n font-size: 20px;\n font-weight: 700;\n color: var(--ct-secondary);\n}\n\n.ct-duration-box \u003e p {\n margin: .5rem 0 0 0;\n font-size: 14px;\n color: var(--ct-text-light);\n}\n\n.ct-results-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-timeline-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.ct-timeline-dot {\n width: 12px;\n height: 12px;\n background: var(--ct-primary);\n border-radius: 50%;\n margin-top: 4px;\n flex-shrink: 0;\n position: relative;\n}\n\n.ct-timeline-item:not(:last-child) .ct-timeline-dot::after {\n content: '';\n position: absolute;\n top: 12px;\n left: 50%;\n transform: translateX(-50%);\n width: 2px;\n height: calc(100% + 1rem);\n background: var(--ct-border);\n}\n\n.ct-timeline-item strong {\n display: block;\n font-size: 14px;\n color: var(--ct-text);\n margin-bottom: 2px;\n}\n\n.ct-timeline-item p {\n margin: 0;\n font-size: 13px;\n color: var(--ct-text-light);\n}\n\n\/* === TARGET CARDS === *\/\n.ct-target-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--ct-shadow);\n transition: all .3s ease;\n}\n\n.ct-target-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--ct-shadow-lg);\n}\n\n.ct-target-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.ct-target-card h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--ct-text);\n margin: 0 0 .25rem 0;\n}\n\n.ct-target-card p {\n font-size: 13px;\n color: var(--ct-text-light);\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.ct-inci-box {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border-left: 5px solid var(--ct-accent);\n}\n\n.ct-inci-box p {\n margin: 0;\n font-size: 14px;\n color: var(--ct-text-light);\n line-height: 1.8;\n}\n\n.ct-inci-box strong {\n color: var(--ct-accent);\n}\n\n\/* === WARNING BOX === *\/\n.ct-warning-box {\n display: flex;\n gap: 1.5rem;\n background: var(--ct-secondary-light);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--ct-secondary);\n}\n\n.ct-warning-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.ct-warning-list {\n margin: 0;\n padding-left: 1.25rem;\n list-style: disc;\n}\n\n.ct-warning-list li {\n font-size: 14px;\n color: var(--ct-text);\n margin-bottom: .5rem;\n line-height: 1.6;\n}\n\n.ct-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === INFO GRID === *\/\n.ct-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.ct-info-item {\n background: var(--ct-white);\n border-radius: var(--ct-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--ct-shadow);\n transition: all .3s ease;\n}\n\n.ct-info-item:hover {\n transform: translateY(-3px);\n}\n\n.ct-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.ct-info-label {\n display: block;\n font-size: 12px;\n color: var(--ct-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .25rem;\n}\n\n.ct-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--ct-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.ct-cta-box {\n background: linear-gradient(135deg, var(--ct-accent) 0%, #3a6347 100%);\n border-radius: var(--ct-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ct-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 5c-1.5 6-6 10.5-12 12 6 1.5 10.5 6 12 12 1.5-6 6-10.5 12-12-6-1.5-10.5-6-12-12z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.ct-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.ct-cta-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.ct-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.ct-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.ct-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ct-grid, .ct-grid-2, .ct-grid-3, .ct-oils-grid {\n grid-template-columns: 1fr;\n }\n \n .ct-usage-container {\n grid-template-columns: 1fr;\n }\n \n .ct-highlight-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ct-warning-box {\n flex-direction: column;\n align-items: center;\n text-align: left;\n }\n \n .ct-cider-box {\n flex-direction: column;\n text-align: center;\n }\n \n .ct-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 480px) {\n .ct-info-grid {\n grid-template-columns: 1fr;\n }\n \n .ct-hero-stats {\n gap: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ct-card, .ct-benefit-card, .ct-oil-card, .ct-target-card, .ct-info-item {\n animation: ctFadeInUp .6s ease backwards;\n }\n \n .ct-card:nth-child(1), .ct-benefit-card:nth-child(1), .ct-oil-card:nth-child(1), .ct-target-card:nth-child(1) { animation-delay: .1s; }\n .ct-card:nth-child(2), .ct-benefit-card:nth-child(2), .ct-oil-card:nth-child(2), .ct-target-card:nth-child(2) { animation-delay: .2s; }\n .ct-card:nth-child(3), .ct-benefit-card:nth-child(3), .ct-oil-card:nth-child(3), .ct-target-card:nth-child(3) { animation-delay: .3s; }\n .ct-card:nth-child(4), .ct-benefit-card:nth-child(4), .ct-oil-card:nth-child(4), .ct-target-card:nth-child(4) { animation-delay: .4s; }\n .ct-target-card:nth-child(5) { animation-delay: .5s; }\n .ct-target-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes ctFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ct-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .ct-card, .ct-benefit-card, .ct-oil-card, .ct-target-card {\n border: 2px solid var(--ct-text);\n }\n \n .ct-badge, .ct-cta-badge {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755274625181,"sku":"JADECAPI125","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/capitonic-anti-chute-et-repousse-des-cheveux-125-ml-jade-rec-lifestyle.webp?v=1773389848"},{"product_id":"lotion-demelante-sans-rincage-au-vinaigre-de-framboise-bio-200-ml-centifolia","title":"Lotion Démêlante Sans Rinçage au Vinaigre de Framboise Bio - 200 ml - Centifolia","description":"\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🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🍃 99,4 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLotion démêlante sans rinçage au vinaigre de framboise bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eBrillance, légèreté et démêlage express en quelques vaporisations. Pour tous les types de cheveux, dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous cherchez un \u003cstrong\u003esoin démêlant cheveux sans rinçage\u003c\/strong\u003e vraiment efficace, sans alourdir votre chevelure ? La \u003cstrong\u003elotion démêlante sans rinçage Centifolia\u003c\/strong\u003e au vinaigre de framboise bio est le geste capillaire express qui change tout. En quelques vaporisations, vos cheveux retrouvent brillance, légèreté et se démêlent sans effort, que vous les coiffiez le matin pressée ou après un shampooing.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette lotion démêlante à la framboise ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eContrairement à de nombreux sprays démêlants qui laissent un film gras ou alourdissent la fibre capillaire, cette \u003cstrong\u003elotion démêlante framboise Centifolia\u003c\/strong\u003e délivre une brume ultra-fine et aérienne.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eFins, épais, lisses, bouclés ou même les cheveux fragiles des enfants dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Alternative naturelle\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio, aussi simple qu'un soin maison mais avec une formulation professionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪶 Ultra-légère\u003c\/h3\u003e\n \u003cp\u003eBrume fine et aérienne qui n'alourdit pas la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Brillance immédiate\u003c\/h3\u003e\n \u003cp\u003eRésultat visible dès la première application, sans rinçage nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels aux bienfaits ciblés\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Vinaigre de framboise bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient star de cette lotion. En resserrant les écailles du cheveu, il lisse la fibre capillaire et lui redonne un éclat naturel. Résultat : des cheveux visiblement plus brillants et beaucoup plus faciles à démêler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Jus d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eVéritable concentré d'hydratation, l'aloe vera assouplit les longueurs et apporte de la douceur sans effet cartonné. Vos cheveux restent souples et soyeux toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🔬 Acide lactique\u003c\/h3\u003e\n \u003cp\u003eEn ajustant le pH de la formule, il optimise l'affinité du soin avec le cheveu. Il renforce la brillance et la souplesse tout en respectant l'équilibre naturel du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser cette lotion démêlante sans rinçage ?\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\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003eVaporisez la lotion démêlante sur l'ensemble de votre chevelure, sèche ou humide, en maintenant le flacon à environ 20 cm.\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\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, laissez poser quelques instants avant de démêler au peigne ou à la brosse.\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\u003eCoiffez\u003c\/h3\u003e\n \u003cp\u003eCoiffez comme d'habitude. Aucun rinçage nécessaire.\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 sur cheveux bouclés ou frisés, vaporisez mèche par mèche pour mieux répartir le produit et préserver la définition de vos boucles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne formule bio, vegan et écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 99,4 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 20,4 % bio\u003c\/h3\u003e\n \u003cp\u003eIssus de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏅 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert et labellisé Cosmébio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eCompatible avec un mode de vie 100 % vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable, sans phtalate ni bisphénol A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-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!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\" open\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice Powder*, Acetum**, Caprylyl\/Capryl Glucoside, Lactic Acid, Sodium Hydroxide, Dehydroacetic Acid, Parfum, Benzyl Alcohol.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003e*Ingrédient issu de l'agriculture biologique. **Transformé à partir d'ingrédients biologiques. 100 % des ingrédients végétaux sont certifiés bio. Formule biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Précautions et conseils\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e• Usage externe uniquement.\u003cbr\u003e\n • Évitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003cbr\u003e\n • Convient aux enfants de plus de 3 ans.\u003cbr\u003e\n • Conservez à l'abri de la chaleur et 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 \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConditionnement\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eFlacon spray de \u003cstrong\u003e200 ml\u003c\/strong\u003e, pratique à emporter partout et à utiliser au quotidien pour des cheveux démêlés, brillants et pleins de légèreté. 🌸\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf6f7;\n --cf-white: #ffffff;\n --cf-primary: #c9345c;\n --cf-primary-dark: #8a1a3a;\n --cf-primary-light: #fce8ee;\n --cf-secondary: #e8637a;\n --cf-accent: #d94f6e;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #f0d8de;\n --cf-shadow: 0 4px 24px rgba(201,52,92,.08);\n --cf-shadow-lg: 0 12px 48px rgba(138,26,58,.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, #c9345c 0%, #e8637a 50%, #8a1a3a 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% 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 60% 20%, rgba(255,255,255,.06) 0%, transparent 40%);\n opacity: 1;\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,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\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\/* === CARD INGREDIENT === *\/\n.cf-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-card-ingredient h3 {\n text-align: left;\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\/* === 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-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.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\/* === 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\/* === TESTIMONIAL === *\/\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(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\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}\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: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\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\/* === 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}\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}\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-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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cf-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-badges-top {\n gap: 6px;\n }\n\n .cf-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .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 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":45755284357277,"sku":"CE0265","price":8.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lotion-demelante-sans-rincage-au-vinaigre-de-framboise-bio-2-ingredients.webp?v=1775824966"},{"product_id":"huile-vegetale-de-jojoba-bio-50-ou-100-ml-florame","title":"Huile Végétale de Jojoba Bio - 50 ml - Florame","description":"\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🌿 Certifiée COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🌱 100 % naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jj-hero-title\"\u003eHuile Végétale de Jojoba Bio\u003c\/span\u003e\n \u003cp class=\"jj-subtitle\"\u003eFlorame — 50 ml\u003c\/p\u003e\n \u003cp class=\"jj-description\"\u003eLe soin multi-usage par excellence : visage, cheveux, corps et ongles réunis en un seul flacon d'exception pressé à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eL'huile végétale de Jojoba Bio : le soin multi-usage par excellence\u003c\/h2\u003e\n \u003cdiv class=\"jj-testimonial\"\u003e\n \u003cp class=\"jj-testimonial-text\"\u003eVous cherchez une \u003cstrong\u003ehuile de jojoba bio\u003c\/strong\u003e capable de prendre soin de votre peau, de vos cheveux et même de vos ongles en un seul geste ? L'\u003cstrong\u003eHuile Végétale de Jojoba Bio Florame\u003c\/strong\u003e est un incontournable de la cosmétique naturelle. Pressée à froid à partir de graines de jojoba issues de l'agriculture biologique, elle conserve l'intégralité de ses actifs précieux pour vous offrir un soin d'une efficacité remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-tip\"\u003e\n \u003cspan class=\"jj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa composition est très proche du \u003cstrong\u003esébum humain\u003c\/strong\u003e. C'est ce qui la rend si bien tolérée par toutes les peaux — même les plus sensibles ou réactives — et si efficace pour \u003cstrong\u003erééquilibrer naturellement\u003c\/strong\u003e la production de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de jojoba bio pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"jj-grid\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e⚖️ Régulatrice de sébum\u003c\/h3\u003e\n \u003cp\u003eElle aide les peaux grasses et mixtes à retrouver leur équilibre sans obstruer les pores. Idéale contre les imperfections et l'acné, elle peut devenir votre meilleure alliée quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💧 Hydratante sans effet gras\u003c\/h3\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile végétale de jojoba bio\u003c\/strong\u003e pénètre rapidement et laisse la peau douce, souple, sans aucun film collant ni résidu désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e✨ Anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et en acides gras insaturés (notamment l'acide gadoléique), elle aide à prévenir l'apparition des rides et ridules en protégeant la peau de la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les tiraillements, les rougeurs et les irritations, ce qui la rend idéale pour les peaux sèches ou sensibles 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=\"jj-section\"\u003e\n \u003ch2\u003eUn soin capillaire complet\u003c\/h2\u003e\n \u003cp class=\"jj-section-intro\"\u003eL'\u003cstrong\u003ehuile de jojoba bio pressée à froid\u003c\/strong\u003e fait aussi des merveilles sur les cheveux. Elle régule le cuir chevelu gras en limitant l'excès de sébum, tout en nourrissant intensément les longueurs sèches, abîmées ou cassantes.\u003c\/p\u003e\n \u003cdiv class=\"jj-grid-compact\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum pour des racines fraîches plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💇 Longueurs \u0026amp; pointes\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément pour des cheveux plus souples, brillants et en meilleure santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💅 Ongles cassants\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles fragiles et nourrit les cuticules sèches en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🌟 Résultat visible\u003c\/h3\u003e\n \u003cp\u003eDes cheveux visiblement plus sains, une chevelure revitalisée dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de jojoba bio Florame ?\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 3 à 4 gouttes sur peau propre et légèrement humide, matin et\/ou soir. Massez en mouvements circulaires jusqu'à pénétration complète. Vous pouvez aussi l'ajouter à votre crème de jour pour un boost d'hydratation.\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💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing, appliquez généreusement sur les longueurs et les pointes. Laissez poser 30 minutes minimum (ou toute la nuit sous une serviette), puis lavez normalement.\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🛁 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez quelques gouttes sur peau encore humide pour sceller l'hydratation. Concentrez-vous sur les zones les plus sèches : coudes, genoux, pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🪷 Démaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur un coton ou directement sur le visage permettent de dissoudre le maquillage, même waterproof, tout en douceur.\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=\"jj-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"jj-accordion\"\u003e\n \u003cdetails class=\"jj-accordion-item\" open\u003e\n \u003csummary class=\"jj-accordion-header\"\u003e🧬 Ingrédient unique\u003c\/summary\u003e\n \u003cdiv class=\"jj-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eSimmondsia Chinensis (Jojoba) Seed Oil*\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e*Ingrédient issu de l'agriculture biologique. Formule 100 % d'origine naturelle.\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=\"jj-section\"\u003e\n \u003ch2\u003eEngagements qualité Florame\u003c\/h2\u003e\n \u003cp class=\"jj-section-intro\"\u003eFormulée à Saint-Rémy-de-Provence, cette \u003cstrong\u003ehuile végétale bio de jojoba\u003c\/strong\u003e est certifiée \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e. Elle est garantie :\u003c\/p\u003e\n \u003cdiv class=\"jj-grid-compact\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n \u003cp\u003eNi silicone, ni phénoxyéthanol dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux, sans ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e♻️ Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eAvec pompe pour une utilisation précise et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertification exigeante garantissant la qualité biologique de chaque ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"jj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jj-cta-box\"\u003e\n \u003cp\u003e🌿 En choisissant cette huile de jojoba bio Florame, vous optez pour un soin polyvalent, efficace et respectueux de votre peau comme de l'environnement. Un seul flacon pour remplacer plusieurs produits : votre routine beauté n'a jamais été aussi simple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jj-disclaimer\"\u003eVous souffrez d'acné et souhaitez en savoir plus ? Découvrez comment \u003ca title=\"Huile de jojoba et acné du visage\" href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/huile-dargan-vs-huile-de-jojoba-match-ultime-contre-acne\"\u003el'huile de jojoba peut vous aider à lutter contre l'acné du visage\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --jj-cream: #faf8f3;\n --jj-white: #ffffff;\n --jj-primary: #b89a3a;\n --jj-primary-dark: #7a6520;\n --jj-primary-light: #f5f0df;\n --jj-secondary: #6a8c3a;\n --jj-accent: #d4a843;\n --jj-text: #1a1a1a;\n --jj-text-light: #5a5a5a;\n --jj-border: #e6e0cf;\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.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, #7a6520 0%, #b89a3a 50%, #6a8c3a 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: 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,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.jj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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 1rem 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(16px, 3vw, 22px);\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, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\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\/* === 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\/* === 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\/* === GRILLES === *\/\n.jj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.jj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jj-grid-compact .jj-card {\n padding: 1rem;\n}\n\n.jj-grid-compact .jj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jj-grid-compact .jj-card p {\n font-size: 12px;\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\/* === TESTIMONIAL === *\/\n.jj-testimonial {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jj-shadow);\n border-left: 4px solid var(--jj-primary);\n}\n\n.jj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.jj-accordion {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n box-shadow: var(--jj-shadow);\n overflow: hidden;\n}\n\n.jj-accordion-item {\n border-bottom: 1px solid var(--jj-border);\n margin: 0;\n padding: 0;\n}\n\n.jj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jj-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.jj-accordion-header:hover {\n background: var(--jj-primary-light);\n}\n\n.jj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jj-primary);\n transition: transform .2s ease;\n}\n\n.jj-accordion-item[open] .jj-accordion-header::after {\n content: '−';\n}\n\n.jj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jj-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.jj-accordion-content p:last-child {\n margin-bottom: 0;\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 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.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.jj-disclaimer a {\n color: var(--jj-primary);\n text-decoration: underline;\n transition: color .2s ease;\n}\n\n.jj-disclaimer a:hover {\n color: var(--jj-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.jj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jj-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 .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-grid-compact {\n gap: .625rem;\n }\n\n .jj-grid-compact .jj-card {\n padding: .75rem;\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .jj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .jj-testimonial {\n padding: 1.25rem;\n }\n\n .jj-testimonial-text {\n font-size: 14px;\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 .jj-card:nth-child(4) { animation-delay: .2s; }\n .jj-card:nth-child(5) { animation-delay: .25s; }\n .jj-card:nth-child(6) { animation-delay: .3s; }\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":"FLORAME","offers":[{"title":"Default Title","offer_id":45755286978717,"sku":"FM0265","price":12.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-jojoba-bio-50-ml-florame-packshothd.webp?v=1774366470"},{"product_id":"huile-de-camelia-100-bio-30-ml-arc-en-sels","title":"Huile de Camélia Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Camélia Bio - 30 ml - Arc en Sels\nPalette détectée:\n - Primaire: #4a6741 (vert olive\/forêt du packaging et des feuilles de camélia)\n - Secondaire: #d4c8a8 (beige crème du fond de l'emballage)\n - Accent: #8b7355 (brun doré rappelant l'huile)\nAmbiance: Naturel\/bio, élégant et raffiné, féminin, inspiration botanique japonaise, luxe discret\nPréfixe CSS: cam\n--\u003e\n\n\u003cdiv class=\"cam-premium\"\u003e\n \n \u003c!-- HERO SECTION --\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% Bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Camélia Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eLe secret de beauté ancestral des japonaises\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eUn élixir précieux pour les peaux sèches et délicates, offrant nutrition intense et toucher velouté incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'huile de camélia\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement pour nourrir intensément les peaux les plus sèches sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle protège contre le vieillissement cutané et préserve l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🪶 Toucher velours\u003c\/h3\u003e\n \u003cp\u003eTexture légère et soyeuse qui laisse la peau douce, souple et satinée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Éclat cheveux\u003c\/h3\u003e\n \u003cp\u003eApporte brillance et souplesse aux cheveux secs, nourrit les pointes abîmées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eCrée un bouclier naturel contre les agressions extérieures et la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans colorants, parfums ni conservateurs artificiels. Uniquement l'essence du camélia bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATIONS --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🌺 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur peau propre, matin et soir. Massez délicatement pour une absorption optimale et une peau éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement sous les yeux pour réduire les poches et revitaliser cette zone fragile et sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur les zones sèches pour sceller l'hydratation et obtenir une peau souple et satinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampoing (30 min) ou en soin sans rinçage sur les pointes sèches pour brillance et nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e👩‍🦰 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-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=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-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=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eBrillance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"cam-composition-box\"\u003e\n \u003cdiv class=\"cam-ingredient-main\"\u003e\n \u003cspan class=\"cam-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003cdiv class=\"cam-ingredient-info\"\u003e\n \u003ch3\u003eCamellia Oleifera Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de camélia issue de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cam-composition-note\"\u003e*Ingrédient issu de l'Agriculture Biologique. Huile pure obtenue par première pression à froid, sans colorants, parfums ni conservateurs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🏭 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eFabriquée en France selon des pratiques agricoles respectueuses de l'environnement. Les matières premières proviennent de coopératives féminines, garantissant un commerce équitable et éthique. Le procédé de première pression à froid préserve toutes les qualités nutritives de l'huile.\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\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après utilisation. À utiliser dans les 6 mois après ouverture.\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⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Effectuez un test cutané avant première utilisation si vous avez la peau sensible.\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=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cam-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez à votre peau et vos cheveux le soin précieux qu'ils méritent avec l'Huile de Camélia Bio, un rituel de beauté naturel et éthique pour une peau apaisée, protégée et sublimée.\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 --cam-cream: #faf8f5;\n --cam-white: #ffffff;\n --cam-primary: #4a6741;\n --cam-primary-dark: #3a5234;\n --cam-primary-light: #e8efe6;\n --cam-secondary: #d4c8a8;\n --cam-accent: #8b7355;\n\n \/* Textes *\/\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cam-border: #e8e4dc;\n --cam-shadow: 0 4px 24px rgba(74, 103, 65, .08);\n --cam-shadow-lg: 0 12px 48px rgba(74, 103, 65, .15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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, #4a6741 0%, #5d7a54 40%, #8b7355 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: 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 C35 15, 45 20, 55 20 C45 25, 40 35, 40 45 C35 35, 25 30, 15 30 C25 25, 30 15, 30 5' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .05;\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: 10px;\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,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.cam-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.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-accent));\n border-radius: 2px;\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\/* === 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.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\/* === CARDS USAGE === *\/\n.cam-card-usage {\n background: linear-gradient(135deg, var(--cam-white) 0%, var(--cam-primary-light) 100%);\n border-left: 4px solid var(--cam-primary);\n}\n\n\/* === COMPOSITION BOX === *\/\n.cam-composition-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}\n\n.cam-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--cam-primary-light) 0%, #f5f7f4 100%);\n border-radius: var(--cam-radius-sm);\n margin-bottom: 1rem;\n}\n\n.cam-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.cam-ingredient-info {\n flex: 1;\n}\n\n.cam-ingredient-info h3 {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n margin: 0;\n}\n\n.cam-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary);\n flex-shrink: 0;\n}\n\n.cam-composition-note {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n text-align: center;\n margin: 0;\n padding-top: .5rem;\n border-top: 1px solid var(--cam-border);\n line-height: 1.6;\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: 5px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.cam-cta-box {\n background: linear-gradient(135deg, var(--cam-primary) 0%, var(--cam-primary-dark) 100%);\n border-radius: var(--cam-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cam-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.cam-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\/* === 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-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-ingredient-main {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .cam-ingredient-icon {\n font-size: 2rem;\n }\n \n .cam-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: fadeInUp .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 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 .cam-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":45755299168413,"sku":"HUILECAMELIA","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-camelia-bio-30-ml-arc-en-sels-lifestyle_7e6fd1cd-cecf-4acf-933a-1d60987e5e88.webp?v=1768500806"},{"product_id":"huile-d-argan-100-bio-50-ml-arc-en-sels","title":"Huile d’Argan Bio - Restructurant - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Argan Bio - Restructurant - 50 ml - Arc en Sels\nPalette détectée:\n - Primaire: #C4A035 (doré\/or de l'huile d'argan)\n - Secondaire: #1E3A5F (bleu marine du logo et ruban)\n - Accent: #D4AF37 (or plus lumineux pour highlights)\n - Background: #FAF7F2 (crème chaud naturel)\nAmbiance: Luxe naturel, tradition marocaine, cosmétique bio premium, élégance orientale\nPréfixe CSS: arg\n--\u003e\n\n\u003cdiv class=\"arg-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eL'or liquide du Maroc pour sublimer votre beauté\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eExtraite à froid selon les traditions ancestrales, cette huile précieuse nourrit, répare et protège votre peau, vos cheveux et vos ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e✨ Les vertus de l'or marocain\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et antioxydants naturels pour prévenir le vieillissement cutané et protéger des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePénètre en profondeur pour apaiser les peaux sèches ou irritées et redonner souplesse et éclat à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare les longueurs abîmées, apporte brillance et douceur tout en luttant contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles cassants et hydrate les cuticules. Pénètre rapidement sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, même les plus sensibles. Idéale pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🔬 Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction traditionnelle préservant tous les actifs précieux de l'amande d'argan pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e🌰 Un trésor de la nature\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-ingredient-main\"\u003e\n \u003cdiv class=\"arg-ingredient-icon\"\u003e🥜\u003c\/div\u003e\n \u003cdiv class=\"arg-ingredient-info\"\u003e\n \u003ch3\u003eHuile d'argan vierge\u003c\/h3\u003e\n \u003cp\u003e100% pure et biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrients\"\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eAntioxydant majeur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide oléique (Oméga-9)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eNutrition profonde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide linoléique (Oméga-6)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eRégénération cellulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003ePolyphénols\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eProtection anti-âge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Peaux sèches \u0026amp; matures\u003c\/h3\u003e\n \u003cp\u003eBesoin d'hydratation intense et de protection anti-âge pour retrouver souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux abîmés\u003c\/h3\u003e\n \u003cp\u003eLongueurs fragilisées par le soleil, la chaleur ou les colorations qui nécessitent une réparation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eOngles cassants et cuticules sèches qui ont besoin d'être nourris et fortifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-usage-grid\"\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en soin sans rinçage sur les pointes pour nourrir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez vos ongles et cuticules avec une goutte d'huile chaque soir pour les fortifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMaroc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏷️ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio - Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e♻️ Engagement\u003c\/h3\u003e\n \u003cp\u003eCommerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-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=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🤝 Production éthique\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eIssue d'une production éthique et durable, cette huile soutient les coopératives locales marocaines de femmes berbères. Un achat responsable qui contribue au développement économique local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e✅ Garantie qualité\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eSans additifs, sans conservateurs et pressée à froid, elle garantit une qualité irréprochable. Certifiée biologique par Ecocert, elle respecte votre santé comme l'environnement.\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=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre routine beauté un trésor ancestral du Maroc.\u003cbr\u003eUne huile précieuse, naturelle et éthique pour sublimer votre peau, vos cheveux et vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #FAF7F2;\n --arg-white: #ffffff;\n --arg-primary: #C4A035;\n --arg-primary-dark: #8B7224;\n --arg-primary-light: #F5ECD4;\n --arg-secondary: #1E3A5F;\n --arg-accent: #D4AF37;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e0e0e0;\n --arg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --arg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 40%, var(--arg-primary) 100%);\n border-radius: var(--arg-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(--arg-shadow-lg);\n}\n\n.arg-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='%23ffffff' fill-opacity='0.08'%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: 1;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.arg-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(--arg-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.arg-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,.3);\n}\n\n.arg-subtitle {\n color: var(--arg-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.arg-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.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-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}\n\n.arg-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(--arg-primary), var(--arg-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-grid-compact .arg-card {\n padding: 1rem;\n}\n\n.arg-grid-compact .arg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arg-grid-compact .arg-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.arg-composition-box {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--arg-primary-light);\n}\n\n.arg-ingredient-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.arg-ingredient-info h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.arg-ingredient-info p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-primary-dark);\n font-weight: 600;\n margin: 0;\n}\n\n.arg-nutrients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.arg-nutrient {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n border-left: 4px solid var(--arg-primary);\n}\n\n.arg-nutrient-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--arg-secondary);\n margin-bottom: .25rem;\n}\n\n.arg-nutrient-benefit {\n font-size: 12px;\n color: var(--arg-text-light);\n}\n\n\/* === USAGE GRID === *\/\n.arg-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-usage-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n text-align: center;\n position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.arg-usage-card:hover {\n transform: translateY(-4px);\n border-color: var(--arg-primary);\n}\n\n.arg-usage-number {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 800;\n box-shadow: 0 4px 12px rgba(30, 58, 95, .3);\n}\n\n.arg-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: .5rem 0 .75rem 0;\n}\n\n.arg-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-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.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 50%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arg-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(212, 175, 55, .15) 0%, transparent 50%);\n}\n\n.arg-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,.2);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-card {\n padding: 1.125rem;\n }\n \n .arg-section {\n margin-bottom: 1.75rem;\n }\n \n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n \n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .arg-grid-compact {\n gap: .625rem;\n }\n \n .arg-grid-compact .arg-card {\n padding: .75rem;\n }\n \n .arg-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .arg-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .arg-nutrients {\n grid-template-columns: 1fr;\n }\n \n .arg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card, .arg-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1), .arg-usage-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2), .arg-usage-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3), .arg-usage-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-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 .arg-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":45755301888157,"sku":"ARCARGAN50","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-restructurant-50-ml-arc-en-sels-lifestyle.webp?v=1768500592"},{"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-ricin-bio-fortifiante-50ml-comptoir-des-huiles","title":"Huile de Ricin Bio - Fortifiante - 50ml - Comptoir des huiles","description":"\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🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-hero-title\"\u003eHuile de Ricin Bio Fortifiante\u003c\/span\u003e\n \u003cp class=\"rc-subtitle\"\u003eLe secret ancestral pour des cheveux, cils et ongles sublimés\u003c\/p\u003e\n \u003cp class=\"rc-description\"\u003e50 ml d'huile pure, certifiée biologique, en flacon compte-gouttes pour un dosage précis et sans gaspillage.\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\u003eL'huile de Ricin : un soin naturel pour des cheveux, cils et ongles renforcés\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e véritablement efficace pour redonner force et vitalité à vos cheveux ? L'\u003cstrong\u003eHuile de Ricin Fortifiante Comptoir des Huiles\u003c\/strong\u003e est un soin pur, certifié biologique, formulé pour prendre soin de vos cheveux, cils, sourcils et ongles avec un seul produit naturel. Conditionnée en flacon compte-gouttes de 50 ml, elle s'utilise avec précision et sans gaspillage.\u003c\/p\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 soin capillaire ?\u003c\/h2\u003e\n \u003cdiv class=\"rc-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e est un grand classique de la beauté naturelle. Naturellement riche en \u003cstrong\u003eacide ricinoléique\u003c\/strong\u003e, un acide gras rare quasi exclusif au ricin, elle possède des propriétés fortifiantes et gainantes remarquables.\u003c\/p\u003e\n \u003cp\u003eAppliquée régulièrement sur le cuir chevelu, l'\u003cstrong\u003ehuile de ricin sur les cheveux\u003c\/strong\u003e nourrit le bulbe capillaire, limite la casse et redonne de l'épaisseur aux chevelures fragilisées.\u003c\/p\u003e\n \u003cp\u003eL'association \u003cstrong\u003echeveux et huile de ricin\u003c\/strong\u003e fait ses preuves depuis des générations, bien avant les tendances cosmétiques actuelles.\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\u003eLes bienfaits concrets de cette huile fortifiante\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💪 Fortifie et épaissit les cheveux\u003c\/h3\u003e\n \u003cp\u003eElle renforce les cheveux normaux et bouclés, réduit la casse et apporte de la densité visible dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e👁️ Stimule la pousse des cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes appliquées chaque soir suffisent pour obtenir, au fil des semaines, des cils et sourcils plus fournis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Renforce les ongles cassants\u003c\/h3\u003e\n \u003cp\u003eMassée sur les ongles et cuticules, elle durcit les ongles fragiles et prévient les dédoublements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🫧 Nourrit intensément\u003c\/h3\u003e\n \u003cp\u003eSa texture épaisse apporte une hydratation profonde aux longueurs sèches et pointes abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌱 100 % naturelle et certifiée bio\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid, sans additif ni raffinage chimique. La pureté absolue.\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\u003eComment utiliser l'huile de ricin dans les cheveux ?\u003c\/h2\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\u003e🧖‍♀️ En bain d'huile capillaire\u003c\/h3\u003e\n \u003cp\u003ePrélevez quelques gouttes grâce à la pipette et appliquez l'\u003cstrong\u003ehuile de ricin dans les cheveux\u003c\/strong\u003e, en massant le cuir chevelu du bout des doigts. Étirez sur les longueurs, enveloppez dans une serviette tiède et laissez poser entre 30 minutes et une nuit entière. Procédez ensuite à un ou deux shampoings doux.\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\u003e👁️ Pour les cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquez une micro-goutte le soir à l'aide d'une brossette propre ou d'un coton-tige, en évitant le contact direct avec les yeux.\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\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule, idéalement chaque soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\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\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de ricin étant naturellement épaisse, vous pouvez la mélanger à une huile plus fluide comme l'huile de coco ou de jojoba pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rc-composition-box\"\u003e\n \u003cdiv class=\"rc-composition-label\"\u003eIngrédient (INCI)\u003c\/div\u003e\n \u003cdiv class=\"rc-composition-value\"\u003eRicinus Communis Seed Oil*\u003c\/div\u003e\n \u003cp class=\"rc-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQualité et engagement Comptoir des Huiles\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eLa marque \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e sélectionne ses huiles végétales avec exigence : chaque lot est pressé à froid, non raffiné et certifié bio. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pipette intégrée permet un dosage précis et hygiénique.\u003c\/p\u003e\n \u003cdiv class=\"rc-cta-box\"\u003e\n \u003cp\u003eQue ce soit pour densifier une chevelure fine, allonger vos cils ou consolider des ongles mous, l'\u003cstrong\u003ehuile de ricin cheveux\u003c\/strong\u003e est un basique à toujours avoir sous la main pour votre routine beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit cosmétique destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation. 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 --rc-cream: #faf7f3;\n --rc-white: #ffffff;\n --rc-primary: #6b3a2a;\n --rc-primary-dark: #4a2518;\n --rc-primary-light: #f5ece6;\n --rc-secondary: #c8956c;\n --rc-accent: #d4a574;\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n --rc-border: #e8ddd4;\n --rc-shadow: 0 4px 24px rgba(75, 37, 24, .08);\n --rc-shadow-lg: 0 12px 48px rgba(75, 37, 24, .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, #4a2518 0%, #6b3a2a 40%, #c8956c 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(ellipse at 20% 80%, rgba(200,149,108,.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\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,.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.rc-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 550px;\n margin: 0 auto;\n line-height: 1.7;\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-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.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-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.rc-highlight-box {\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-secondary);\n line-height: 1.8;\n}\n\n.rc-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rc-text);\n margin: 0 0 1rem 0;\n}\n\n.rc-highlight-box p:last-child {\n margin-bottom: 0;\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-primary-dark);\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\/* === 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-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.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-primary-dark);\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.6;\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 BOX === *\/\n.rc-composition-box {\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 text-align: center;\n border: 2px solid var(--rc-border);\n}\n\n.rc-composition-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--rc-secondary);\n margin-bottom: .5rem;\n}\n\n.rc-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--rc-primary-dark);\n margin-bottom: .75rem;\n font-style: italic;\n}\n\n.rc-composition-note {\n font-size: 13px;\n color: var(--rc-text-light);\n font-style: italic;\n margin: 0;\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\/* === CTA FINAL === *\/\n.rc-cta-box {\n background: linear-gradient(135deg, var(--rc-primary) 0%, var(--rc-primary-dark) 100%);\n border-radius: var(--rc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.rc-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.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-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.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\/* === 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-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 .rc-highlight-box {\n padding: 1.25rem;\n }\n\n .rc-highlight-box p {\n font-size: 14px;\n }\n\n .rc-composition-box {\n padding: 1.25rem;\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":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53480327905657,"sku":"HUILERICINCDH","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles-packshothd.webp?v=1774365515"},{"product_id":"huile-davocat-regenerante-50ml-comptoir-des-huiles","title":"Huile d'Avocat Bio - Régénérante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🥑 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e💧 50 ml\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eHuile d'Avocat Bio Régénérante\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eComptoir des Huiles — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eUne huile végétale d'exception, 100 % pure et biologique, pour nourrir intensément votre peau et sublimer vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eHuile d'avocat bio : le soin régénérant pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile végétale pour cheveux\u003c\/strong\u003e secs et abîmés, ou un soin naturel capable de redonner éclat et souplesse à votre peau ? L'\u003cstrong\u003ehuile d'avocat bio\u003c\/strong\u003e du Comptoir des Huiles est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🥑 Pure \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003eExtraite par première pression à froid, 100 % pure et certifiée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Compte-gouttes\u003c\/h3\u003e\n \u003cp\u003eFlacon de 50 ml avec pipette pour un dosage précis, goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Multi-usage\u003c\/h3\u003e\n \u003cp\u003eVisage, corps et cheveux : un seul soin pour toute votre routine beauté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Richesse nutritive\u003c\/h3\u003e\n \u003cp\u003eConcentre toute la puissance du fruit d'avocat pour nourrir et régénérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi l'huile d'avocat est-elle si efficace ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'avocat est naturellement gorgé de nutriments précieux pour la peau et la fibre capillaire. Cette huile végétale se distingue par sa composition exceptionnelle.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫒 Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eOméga-9 et oméga-6\u003c\/strong\u003e : ils pénètrent en profondeur pour nourrir intensément et restaurer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Vitamines A, D et E\u003c\/h3\u003e\n \u003cp\u003eDe puissants \u003cstrong\u003eantioxydants\u003c\/strong\u003e qui protègent les cellules du stress oxydatif et favorisent la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧬 Phytostérols\u003c\/h3\u003e\n \u003cp\u003eIls renforcent le \u003cstrong\u003efilm hydrolipidique\u003c\/strong\u003e et apaisent les peaux irritées ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eGrâce à cette synergie d'actifs, l'huile d'avocat nourrit, répare et protège en un seul geste. Sa texture riche mais non grasse pénètre rapidement sans laisser de film collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eUn soin visage et corps anti-âge naturel\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eSi vous avez la peau sèche, mature ou sensible, cette huile deviendra vite indispensable dans votre routine.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌟 Élasticité retrouvée\u003c\/h3\u003e\n \u003cp\u003eAppliquée quotidiennement, elle aide à améliorer l'élasticité de la peau et à atténuer les rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💎 Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eRedonne un éclat naturel au visage et estompe les signes de fatigue pour un teint frais et reposé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🩹 Apaisement intense\u003c\/h3\u003e\n \u003cp\u003eRemarquable pour apaiser les tiraillements, les gerçures et les zones rugueuses comme les coudes et les talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e✋\u003c\/span\u003e\n \u003cp\u003eQuelques gouttes suffisent : massez délicatement votre visage ou votre corps matin et soir, sur peau propre et légèrement humide pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLa meilleure huile végétale pour vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'huile d'avocat est une \u003cstrong\u003ehuile végétale pour cheveux secs\u003c\/strong\u003e particulièrement plébiscitée. Elle nourrit la fibre en profondeur et redonne brillance et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💆 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eNourrit la fibre en profondeur et scelle l'hydratation pour des longueurs souples.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eDéfinit les boucles tout en luttant efficacement contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Pousse des cheveux\u003c\/h3\u003e\n \u003cp\u003eNourrit le cuir chevelu et stimule la microcirculation pour une chevelure forte et dense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Anti-chute\u003c\/h3\u003e\n \u003cp\u003eSa richesse en vitamines et acides gras en fait une alliée contre la chute capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment l'utiliser sur les cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003e🧖 En masque avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et les pointes, massez le cuir chevelu, puis laissez poser 30 minutes à une nuit entière sous une serviette tiède. Lavez ensuite avec votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003e✨ En sérum quotidien\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes dans vos paumes et lissez vos pointes pour les protéger et les nourrir au quotidien. Un geste simple pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComposition et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\" open\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧪 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003ePersea Gratissima Oil*\u003c\/strong\u003e (*issu de l'agriculture biologique). Un seul ingrédient, une pureté absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🌿 Engagements\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eLe Comptoir des Huiles s'engage dans une démarche \u003cstrong\u003e100 % naturelle, bio et équitable\u003c\/strong\u003e. L'huile est obtenue par première pression à froid afin de préserver l'intégralité de ses actifs. Sans additif, sans conservateur, sans parfum de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"av-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 doute ou de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé. Conservez votre flacon à l'abri de la chaleur et de la lumière directe pour préserver toutes ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eLes informations fournies 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 --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #4a7c3f;\n --av-primary-dark: #2e5527;\n --av-primary-light: #e8f0e5;\n --av-secondary: #8b6f47;\n --av-accent: #c4a265;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0ddd6;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #2e5527 0%, #4a7c3f 50%, #6b9a5e 100%);\n border-radius: var(--av-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(--av-shadow-lg);\n}\n\n.av-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(196,162,101,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-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.av-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.av-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\/* === BADGES === *\/\n.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-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(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-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.av-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(--av-primary), var(--av-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-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.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-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.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === SECTION INTRO === *\/\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-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\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-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 .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .av-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":53481315467641,"sku":"AVOCATCDH","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-davocat-bio-regenerante-50ml-comptoir-des-huiles-packshothd.webp?v=1774427754"},{"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-dargan-tonifiante-50ml-comptoir-des-huiles","title":"Huile d'Argan Bio - Tonifiante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"arg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e❄️ Pression à froid\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🧴 Visage, corps \u0026amp; cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argan Bio Tonifiante\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eComptoir des Huiles — 50 ml avec compte-gouttes\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eUn trésor marocain ancestral, pur et certifié bio, pour nourrir, tonifier et sublimer votre peau, vos cheveux et vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003eL'huile d'Argan Bio : le trésor marocain pour votre peau, vos cheveux et vos ongles\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile d'argan bio\u003c\/strong\u003e authentique, capable de nourrir votre peau en profondeur tout en lui redonnant tonus et éclat ? L'\u003cstrong\u003eHuile d'Argan Tonifiante\u003c\/strong\u003e de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est exactement ce qu'il vous faut. 100 % naturelle, certifiée biologique et extraite par première pression à froid, cette huile précieuse originaire du Maroc concentre le meilleur de l'arganier dans un flacon de 50 ml muni d'un compte-gouttes pratique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile d'argan bio pour le visage, le corps et les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eNaturellement riche en \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e (oméga-6 et oméga-9), en \u003cstrong\u003evitamine E\u003c\/strong\u003e et en \u003cstrong\u003einsaponifiables\u003c\/strong\u003e, elle agit sur plusieurs fronts à la fois.\u003c\/p\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💪 Tonifie et raffermit la peau\u003c\/h3\u003e\n \u003cp\u003eStimule la régénération cellulaire et aide à maintenir l'élasticité cutanée. Votre peau retrouve un aspect plus ferme et plus rebondi, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Nourrit intensément sans graisser\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche pénètre rapidement. Idéale pour les peaux normales à sèches, elle apaise les tiraillements et laisse un fini soyeux, sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Protège contre le vieillissement cutané\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa puissante action antioxydante, elle aide à neutraliser les radicaux libres responsables des rides et de la perte de fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e✨ Redonne vie aux cheveux ternes\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle répare la fibre capillaire, réduit les frisottis et apporte une brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Fortifie les ongles cassants\u003c\/h3\u003e\n \u003cp\u003eUn massage régulier sur les ongles et les cuticules les rend plus résistants et mieux hydraté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=\"arg-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'argan tonifiante au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"arg-section-intro\"\u003eL'un des grands atouts de cette huile bio argan est sa polyvalence. Voici comment l'intégrer facilement à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"arg-timeline\"\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, déposez 3 à 4 gouttes au creux de vos mains et massez délicatement le visage et le cou en mouvements ascendants. Elle peut aussi s'utiliser le matin, sous votre crème de jour, comme sérum nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement après la douche sur les zones sèches (coudes, genoux, décolleté). La peau encore légèrement humide absorbera mieux les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile, appliquez sur les longueurs et laissez poser 30 minutes à une nuit avant le shampoing. En finition, une ou deux gouttes sur cheveux secs disciplinent et font briller.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-item\"\u003e\n \u003cdiv class=\"arg-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"arg-timeline-content\"\u003e\n \u003ch3\u003eSur les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule chaque soir avant le coucher.\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=\"arg-section\"\u003e\n \u003ch2\u003eComposition et origine\u003c\/h2\u003e\n \u003cdiv class=\"arg-card\" style=\"text-align:left;\"\u003e\n \u003ch3\u003e🧬 Ingrédient unique (INCI)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eArgania Spinosa Kernel Oil*\u003c\/strong\u003e — \u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-tip\"\u003e\n \u003cspan class=\"arg-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile d'argan bio du Maroc\u003c\/strong\u003e est obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e, un procédé mécanique qui préserve l'intégralité des vitamines, des acides gras et des antioxydants. Aucun additif, aucun conservateur, aucun parfum de synthèse : vous bénéficiez d'un soin pur et brut, tel que la nature l'a conçu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile d'argan bio ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🧴 Peaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003eEn quête de nutrition et de fermeté au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux ternes \u0026amp; fragilisés\u003c\/h3\u003e\n \u003cp\u003eSecs, cassants ou en manque de brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles cassants\u003c\/h3\u003e\n \u003cp\u003ePour renforcer et hydrater les cuticules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eUn seul produit multi-usages, bio et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cp\u003e✨ Simplifiez votre routine beauté avec un seul produit multi-usages, naturel et efficace — l'huile d'argan bio tonifiante Comptoir des Huiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"arg-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. 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 --arg-cream: #faf7f2;\n --arg-white: #ffffff;\n --arg-primary: #c8944a;\n --arg-primary-dark: #8b5e2f;\n --arg-primary-light: #f5ece0;\n --arg-secondary: #d4a95a;\n --arg-accent: #e8c77b;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e8ddd0;\n --arg-shadow: 0 4px 24px rgba(139, 94, 47, .08);\n --arg-shadow-lg: 0 12px 48px rgba(139, 94, 47, .15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, #8b5e2f 0%, #c8944a 50%, #d4a95a 100%);\n border-radius: var(--arg-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(--arg-shadow-lg);\n}\n\n.arg-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 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.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-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.arg-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.arg-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.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.arg-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(--arg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-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.arg-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(--arg-primary), var(--arg-secondary));\n border-radius: 2px;\n}\n\n.arg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arg-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.arg-section-intro strong {\n color: var(--arg-primary-dark);\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.arg-grid-compact .arg-card {\n padding: 1rem;\n}\n\n.arg-grid-compact .arg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arg-grid-compact .arg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.arg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.arg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.arg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--arg-primary), var(--arg-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(200, 148, 74, .3);\n}\n\n.arg-timeline-content {\n flex: 1;\n background: var(--arg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--arg-radius-sm);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--arg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.arg-timeline-content p {\n font-size: 14px;\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.arg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.arg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.arg-tip p {\n font-size: 14px;\n color: var(--arg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-tip p strong {\n color: var(--arg-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-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.arg-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.arg-disclaimer {\n font-size: 12px;\n color: var(--arg-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 .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .arg-card {\n padding: 1.125rem;\n }\n\n .arg-section {\n margin-bottom: 1.75rem;\n }\n\n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n\n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .arg-grid-compact {\n gap: .625rem;\n }\n\n .arg-grid-compact .arg-card {\n padding: .75rem;\n }\n\n .arg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .arg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .arg-timeline-content h3 {\n font-size: 14px;\n }\n\n .arg-timeline-content p {\n font-size: 13px;\n }\n\n .arg-tip {\n padding: .875rem 1rem;\n }\n\n .arg-tip-icon {\n font-size: 20px;\n }\n\n .arg-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-card:nth-child(6) { animation-delay: .3s; }\n\n .arg-timeline-item {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-timeline-item:nth-child(1) { animation-delay: .05s; }\n .arg-timeline-item:nth-child(2) { animation-delay: .1s; }\n .arg-timeline-item:nth-child(3) { animation-delay: .15s; }\n .arg-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes argFadeInUp {\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 .arg-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":53481318515065,"sku":"ARGANCDH","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-tonifiante-50ml-comptoir-des-huiles-packshothd.webp?v=1774427777"},{"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":"gelee-apres-shampooing-volume-centifolia-200ml","title":"Gelée Volume Après-Shampooing - 200ml - 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🌿 99% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Certifié BIO \u0026amp; Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGelée Volume Après-Shampooing\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eVolume absolu dès la racine • Cheveux fins et plats • 200ml\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUne texture gelée ultra-légère qui gaine la fibre capillaire sans l'alourdir, pour une chevelure aérienne et gonflée toute la journée. Au pamplemousse rose BIO et actif volume peptide de pois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn soin volume cheveux pensé pour les chevelures fines\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux manquent de corps, retombent dès le milieu de journée et semblent plaqués sur le crâne ? Cette gelée est faite pour vous.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose BIO\u003c\/h3\u003e\n \u003cp\u003eReconnu pour son action tonifiante et énergisante, il redonne éclat et vitalité à la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Actif peptide de pois\u003c\/h3\u003e\n \u003cp\u003eGaine chaque cheveu pour lui donner de la matière et un volume visible dès la racine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Texture gelée fraîche\u003c\/h3\u003e\n \u003cp\u003eUltra-légère et fluide, elle démêle sans plaquer, contrairement aux après-shampooings trop riches.\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\u003eFormule \u003cstrong\u003esans silicone, sans sulfates et vegan\u003c\/strong\u003e, convient également aux cuirs chevelus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits de cet après-shampooing volume\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⬆️ Volume immédiat\u003c\/h3\u003e\n \u003cp\u003eEffet gonflant durable dès la racine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪮 Démêlage facile\u003c\/h3\u003e\n \u003cp\u003eSans alourdir les cheveux fins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💪 Fibre gainée\u003c\/h3\u003e\n \u003cp\u003eRenforcée et plus résistante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eToucher soyeux et lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Certifié BIO\u003c\/h3\u003e\n \u003cp\u003eVegan et fabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Embout précision\u003c\/h3\u003e\n \u003cp\u003eApplication ciblée et nette\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 la Gelée Volume Après-Shampooing ?\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\u003eEssorez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampooing, retirez l'excédent d'eau avec une serviette.\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\u003eAppliquez avec précision\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de gelée sur les longueurs et pointes grâce à l'embout applicateur de précision.\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\u003eMassez et laissez poser\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement, puis laissez agir 2 à 3 minutes pour une efficacité optimale.\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\u003eRincez et séchez tête en bas\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Séchez tête en bas pour maximiser l'effet gonflant à la racine.\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\u003eUtilisation recommandée : \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e. Associez-la au \u003cem\u003eShampooing Volume Centifolia\u003c\/em\u003e pour un résultat encore plus spectaculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition : des actifs naturels et bio\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eLa formule contient \u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une large part issue de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de pamplemousse rose BIO\u003c\/h3\u003e\n \u003cp\u003eTonifiante, elle redonne de l'éclat et de la vitalité aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Actif volume peptide de pois\u003c\/h3\u003e\n \u003cp\u003eGaine la fibre capillaire et apporte du corps aux cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Ginkgo Biloba BIO\u003c\/h3\u003e\n \u003cp\u003eStimulant et fortifiant, il renforce la structure du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Agents démêlants végétaux\u003c\/h3\u003e\n \u003cp\u003eFacilitent le coiffage sans alourdir la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eHydratante, elle préserve la souplesse naturelle du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans silicone, sans sulfates, sans huile minérale, sans colorants de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eVos interrogations sur ce soin volume\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e💭 Est-ce le meilleur soin volume pour cheveux plats ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eSa texture gelée, plus légère qu'un baume, est spécifiquement conçue pour les cheveux fins et plats qui ne supportent pas les soins trop riches. Elle apporte du volume sans effet plaquant.\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-on l'utiliser tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce convient à une utilisation régulière, même sur cuir chevelu sensible. Pour un résultat optimal, nous recommandons toutefois 2 à 3 applications par semaine.\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⚖️ Alourdit-elle les cheveux fins ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. Sans silicone ni agents occlusifs, elle respecte la légèreté naturelle du cheveu et préserve son mouvement aérien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Centifolia ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eMarque française engagée, \u003cstrong\u003eCentifolia\u003c\/strong\u003e formule ses cosmétiques avec des actifs végétaux sélectionnés pour leur efficacité et leur traçabilité. Cette gelée volume s'inscrit dans une démarche éco-responsable : packaging recyclable, fabrication française, ingrédients bio et non testés sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe et ne remplace pas un avis médical en cas de problème capillaire ou de cuir chevelu persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf6f3;\n --cf-white: #ffffff;\n --cf-primary: #e87a6a;\n --cf-primary-dark: #4a1f1a;\n --cf-primary-light: #fce8e2;\n --cf-secondary: #f4a896;\n --cf-accent: #ff6b4a;\n --cf-text: #2a1613;\n --cf-text-light: #6b4a44;\n --cf-border: #ead5cf;\n --cf-shadow: 0 4px 24px rgba(74, 31, 26, .08);\n --cf-shadow-lg: 0 12px 48px rgba(74, 31, 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 color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #4a1f1a 0%, #7a2e23 50%, #e87a6a 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% 30%, rgba(255,255,255,.2) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(244,168,150,.3) 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,.25);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\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,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\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 line-height: 1.2;\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: 0 auto 1.75rem;\n max-width: 700px;\n line-height: 1.7;\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(3, 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(232, 122, 106, .35);\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-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}\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 margin-left: 1rem;\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}\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-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 box-shadow: var(--cf-shadow-lg);\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: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-cta-box p strong {\n font-weight: 800;\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\n .cf-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\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-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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\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":53502897062265,"sku":"CE0655","price":10.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-volume-apres-shampooing-200ml-centifolia-packshothd.webp?v=1777376141"},{"product_id":"brume-fixante-volume-200ml-centifolia","title":"Brume Fixante \u0026 Volume - 200ml - Centifolia","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🏆 Meilleur Produit Bio 2023\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bf-hero-title\"\u003eBrume Fixante \u0026amp; Volume\u003c\/span\u003e\n \u003cp class=\"bf-subtitle\"\u003eCentifolia — Gamme Volume Absolu — 200 ml\u003c\/p\u003e\n \u003cp class=\"bf-description\"\u003eLa laque bio au pamplemousse rose qui fixe votre coiffure avec légèreté, booste le volume et laisse vos cheveux souples et brillants toute la journée.\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\u003eBrume Fixante \u0026amp; Volume Centifolia : la laque naturelle qui fixe sans alourdir\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eVous rêvez d'une coiffure qui tient toute la journée sans cet effet cartonné ou collant des laques classiques ?\u003c\/p\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🏆 Élue meilleur produit bio 2023\u003c\/h3\u003e\n \u003cp\u003ePar un jury de 100 consommateurs bio exigeants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose bio\u003c\/h3\u003e\n \u003cp\u003eParfum frais et délicat, légèreté incomparable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌬️ Fixation sans alourdir\u003c\/h3\u003e\n \u003cp\u003eBooste le volume tout en gardant souplesse et mouvement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✅ Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eCertifiée COSMOS ORGANIC, vegan, fabriquée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003ePourquoi cette brume fixante bio est différente ?\u003c\/h2\u003e\n \u003cdiv class=\"bf-testimonial\"\u003e\n \u003cp class=\"bf-testimonial-text\"\u003e\"Contrairement aux laques conventionnelles bourrées de gaz propulseurs et de silicones, cette brume Centifolia repose sur une formule composée à 99 % d'ingrédients d'origine naturelle. Sa texture ultra-fine, diffusée grâce à une pompe effet brume, se répartit uniformément sur la chevelure sans jamais la graisser ni la raidir.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e💨 Mouvement naturel\u003c\/h3\u003e\n \u003cp\u003eVos cheveux gardent leur souplesse et leur brillance tout en restant parfaitement en place\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFormule biodégradable, flacon 100 % recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdaptée aux cheveux colorés et aux enfants dès 3 ans\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\u003eDes actifs naturels soigneusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"bf-grid\"\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Pamplemousse rose bio\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eOrigine France\u003c\/p\u003e\n \u003cp\u003eCet extrait d'agrume apporte fraîcheur et légèreté à la chevelure. Il aide à purifier les racines et laisse un délicat parfum fruité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Peptides de pois fermentés\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eActif volumateur\u003c\/p\u003e\n \u003cp\u003eVéritables alliés des cheveux fins, ils épaississent la fibre capillaire, amplifient le volume et offrent une protection antioxydante contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e🛡️ Polymère naturel végétal\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eFixation longue durée\u003c\/p\u003e\n \u003cp\u003eIl assure une fixation longue durée, protège de la chaleur (sèche-cheveux, fer à lisser), résiste à l'humidité et exerce un effet anti-frisottis remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card bf-card-ingredient\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp class=\"bf-card-origin\"\u003eHydratation \u0026amp; souplesse\u003c\/p\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il préserve la souplesse du cheveu et évite l'effet desséchant souvent reproché aux laques.\u003c\/p\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\u003eComment utiliser la brume fixante Centifolia ?\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eSon utilisation est simple et s'adapte à toutes vos envies de coiffure :\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\u003eSur cheveux secs\u003c\/h3\u003e\n \u003cp\u003eVaporisez à environ 20 cm de la chevelure pour fixer votre coiffure terminée, plaquer les baby hair ou maintenir un brushing.\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\u003eSur cheveux humides\u003c\/h3\u003e\n \u003cp\u003eAppliquez avant le séchage pour apporter du soutien en racine et amplifier le volume dès la base.\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\u003ePour les boucles\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur les longueurs pour aider à la tenue des boucles et limiter les frisottis 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=\"bf-tip\"\u003e\n \u003cspan class=\"bf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une routine capillaire complète, associez cette brume aux autres soins de la \u003cstrong\u003egamme Volume Absolu Centifolia\u003c\/strong\u003e (shampooing, après-shampooing, masque).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eLes engagements de ce produit\u003c\/h2\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌿 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🧪 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Sans substances nocives\u003c\/h3\u003e\n \u003cp\u003eSans silicone, sans gaz propulseur, sans sulfate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003e100 % recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette laque bio ?\u003c\/h2\u003e\n \u003cdiv class=\"bf-cta-box\"\u003e\n \u003cp\u003eCette brume fixante est idéale si vous cherchez une \u003cstrong\u003elaque naturelle\u003c\/strong\u003e qui respecte vos cheveux et la planète. Elle conviendra particulièrement aux personnes ayant les cheveux fins en quête de volume, mais aussi à celles qui souhaitent simplement fixer leur coiffure sans compromis sur la composition. Son format spray 200 ml est pratique au quotidien et offre une utilisation généreuse sur plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-disclaimer\"\u003eCe produit capillaire ne remplace pas un soin traitant en cas de problème spécifique du cuir chevelu. 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 --bf-cream: #faf6f2;\n --bf-white: #ffffff;\n --bf-primary: #c75a3a;\n --bf-primary-dark: #6b2d1a;\n --bf-primary-light: #fdeee8;\n --bf-secondary: #e8946b;\n --bf-accent: #d4a857;\n --bf-text: #1a1a1a;\n --bf-text-light: #5a5a5a;\n --bf-border: #e8ddd5;\n --bf-shadow: 0 4px 24px rgba(107, 45, 26, .08);\n --bf-shadow-lg: 0 12px 48px rgba(107, 45, 26, .15);\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, #6b2d1a 0%, #c75a3a 50%, #e8946b 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,.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, 148, 107, .1) 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.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.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, 19px);\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 line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\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.3;\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.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.6;\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\/* === INGREDIENT CARD ORIGIN === *\/\n.bf-card-ingredient .bf-card-origin {\n display: inline-block;\n background: var(--bf-primary-light);\n color: var(--bf-primary);\n font-size: 11px;\n font-weight: 700;\n padding: 3px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n text-transform: uppercase;\n letter-spacing: .04em;\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.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\/* === 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\/* === CTA BOX === *\/\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-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":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502899126649,"sku":"CE0454","price":10.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brume-fixante-volume-200ml-centifolia-packshothd.webp?v=1775832752"},{"product_id":"baume-demelant-brillance-apres-shampooing-200ml-centifolia","title":"Baume Démêlant Brillance Apres-Shampoing - 200 ml - Centifolia","description":"\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🍇 Framboise bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBaume Démêlant Brillance Après-Shampooing\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn après-shampoing bio à la framboise et à la kératine végétale pour des cheveux brillants, démêlés et sublimés dès la première utilisation. Tous types de cheveux — 200 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eBaume démêlant brillance Centifolia : l'après-shampoing bio à la framboise\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous cherchez le \u003cstrong\u003emeilleur après-shampoing démêlant\u003c\/strong\u003e capable d'illuminer votre chevelure sans l'alourdir ? Le \u003cstrong\u003eBaume Démêlant Brillance de Centifolia\u003c\/strong\u003e combine extrait de framboise bio et kératine végétale pour transformer votre routine capillaire. Certifié bio, vegan et fabriqué en France, ce soin après-shampoing offre un démêlage sans effort et une brillance visible dès la première utilisation, quel que soit votre type de cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels puissants pour des cheveux sublimés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe qui distingue ce baume démêlant, c'est la synergie de ses ingrédients soigneusement sélectionnés. Composé à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, il nourrit et protège la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍓 Extrait de framboise bio\u003c\/h3\u003e\n \u003cp\u003eGorgé d'antioxydants et de vitamine E, il ravive l'éclat naturel de vos cheveux et leur apporte une brillance soyeuse. La framboise aide également à protéger la fibre capillaire contre les agressions extérieures (pollution, UV).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💎 Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eElle renforce la structure interne du cheveu en comblant les zones fragilisées. Vos cheveux retrouvent souplesse, résistance et un toucher doux incomparable. L'ingrédient clé pour limiter la casse au démêlage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il nourrit les longueurs tout en calmant les cuirs chevelus sensibles ou 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=\"cf-section\"\u003e\n \u003ch2\u003eUn après-shampoing brillance adapté à tous les cheveux\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eQue vous ayez les cheveux fins, épais, lisses, ondulés ou \u003cstrong\u003ebouclés\u003c\/strong\u003e, ce baume s'adapte. Sa texture légère et fondante enveloppe chaque mèche sans laisser de résidu gras ni alourdir la chevelure.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n \u003cp\u003eRetrouvent volume et légèreté sans être alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💪 Cheveux épais\u003c\/h3\u003e\n \u003cp\u003eDémêlage facilité et douceur longue durée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e〰️ Cheveux ondulés\u003c\/h3\u003e\n \u003cp\u003eBoucles définies, souples et éclatantes de brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\/frisés\u003c\/h3\u003e\n \u003cp\u003eDiscipline les boucles et réduit les frisottis naturellement.\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\u003eSi vous avez déjà envisagé de préparer un \u003cstrong\u003eaprès-shampoing démêlant maison\u003c\/strong\u003e, ce baume vous offre la même philosophie naturelle — sans les contraintes de fabrication. Vous bénéficiez d'une formule élaborée par des experts en cosméto-botanique, stable et efficace à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce baume démêlant ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003ePour profiter pleinement de ses bienfaits, suivez ces étapes simples :\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\u003eEssorez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampoing, essorez légèrement vos cheveux pour retirer l'excès d'eau.\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\u003eAppliquez le baume\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de baume sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e, en évitant les racines.\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\u003eDémêlez en douceur\u003c\/h3\u003e\n \u003cp\u003eDémêlez délicatement avec les doigts ou un peigne à dents larges.\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\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003ePatientez \u003cstrong\u003e2 à 5 minutes\u003c\/strong\u003e selon l'état de vos cheveux pour une action en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour révéler toute la brillance.\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 pour un résultat encore plus lumineux, terminez par un rinçage à l'eau froide. Cela resserre les écailles du cheveu et amplifie la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes engagements éthiques forts\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCentifolia ne fait aucun compromis sur la qualité ni sur l'éthique. Ce \u003cstrong\u003ebaume démêlant après-shampoing\u003c\/strong\u003e répond à des exigences strictes :\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003ePar un organisme indépendant reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eSans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐾 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Biodégradable\u003c\/h3\u003e\n \u003cp\u003eImpact environnemental réduit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local et qualité française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e📦 Éco-packaging\u003c\/h3\u003e\n \u003cp\u003eCapsule réduite pour limiter le plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eListe complète des ingrédients\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\" open\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📋 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Cetearyl Alcohol, Behentrimonium Chloride, Glycerin, Rubus Idaeus (Raspberry) Fruit Extract*, Aloe Barbadensis Leaf Juice Powder*, Hydrolyzed Wheat Protein, Tocopherol, Hydrogenated Vegetable Oil, Parfum, Citric Acid, Benzyl Alcohol, Dehydroacetic Acid, Potassium Sorbate, Sodium Benzoate, CI 77491. \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=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📏 Contenance \u0026amp; utilisation\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 200 ml — Convient à un usage quotidien ou régulier pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🍓 Offrez à vos cheveux l'éclat naturel qu'ils méritent — brillance, douceur et démêlage sans effort avec la puissance de la framboise bio et de la kératine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #fdf6f8;\n --cf-white: #ffffff;\n --cf-primary: #c4285b;\n --cf-primary-dark: #4a1a2e;\n --cf-primary-light: #fce8ef;\n --cf-secondary: #e84980;\n --cf-accent: #d63668;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #f0d6de;\n --cf-shadow: 0 4px 24px rgba(74, 26, 46, .08);\n --cf-shadow-lg: 0 12px 48px rgba(196, 40, 91, .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%, #6b2040 40%, var(--cf-primary) 80%, var(--cf-secondary) 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% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(232, 73, 128, .12) 0%, transparent 40%),\n radial-gradient(circle at 60% 20%, rgba(255,255,255,.05) 0%, transparent 30%);\n opacity: 1;\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,.85);\n font-size: clamp(15px, 3vw, 20px);\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 max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\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-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: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\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.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\/* === 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-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.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\/* === 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\/* === ACCORDION === *\/\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\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}\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: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\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\/* === CTA === *\/\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}\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}\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-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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cf-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .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 cfFadeInUp {\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":53502899224953,"sku":"CE0272","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-demelant-brillance-apres-shampoing-200-ml-centifolia-packshothd.webp?v=1775836539"},{"product_id":"baume-demelant-reparateur-apres-shampooing-200ml-centifolia","title":"Baume Démêlant Réparateur Après-Shampoing Bio - 200ml - Centifolia","description":"\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🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan \u0026amp; Cruelty-free\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🧴 99 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBaume Démêlant Réparateur Après-Shampoing Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003e200 ml — Centifolia\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eEnrichi en huile de ricin bio et kératine végétale, il répare la fibre capillaire dès la 1ère application tout en offrant un démêlage sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eBaume démêlant réparateur : le soin après-shampoing des cheveux fragilisés\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVos cheveux sont cassants, ternes ou difficiles à coiffer après le lavage ? Le \u003cstrong\u003ebaume démêlant réparateur après-shampoing bio\u003c\/strong\u003e de Centifolia a été formulé spécifiquement pour vous. Enrichi en \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e et en \u003cstrong\u003ekératine végétale\u003c\/strong\u003e, ce soin capillaire répare la fibre dès la première application tout en facilitant un démêlage tout en douceur. Si vous cherchez le \u003cstrong\u003emeilleur après-shampoing démêlant\u003c\/strong\u003e alliant efficacité et naturalité, cette formule certifiée COSMOS Organic mérite toute votre attention.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir cet après-shampoing réparateur ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Réparation visible dès la 1ère utilisation\u003c\/h3\u003e\n \u003cp\u003eLa kératine végétale comble les brèches de la fibre capillaire abîmée, tandis que l'huile de ricin bio, pressée à froid, renforce et nourrit en profondeur. Résultat : des cheveux plus résistants, moins de casse au brossage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💆 Démêlage sans effort\u003c\/h3\u003e\n \u003cp\u003eSa texture fondante enrobe chaque mèche sans alourdir. Même les cheveux bouclés, épais ou très emmêlés se démêlent facilement du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Nutrition et douceur longue durée\u003c\/h3\u003e\n \u003cp\u003eLes huiles de jojoba et de coco, associées aux protéines d'amande douce, apportent une hydratation profonde qui dure toute la journée. Vos cheveux restent souples, brillants et agréables au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 99 % d'ingrédients d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003e27,9 % issus de l'agriculture biologique : une formule propre, sans silicone, sans sulfate, respectueuse de votre cuir chevelu et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤝 Engagement éthique complet\u003c\/h3\u003e\n \u003cp\u003eProduit vegan, cruelty-free, fabriqué en France, avec un tube contenant 30 % de plastique recyclé et une capsule réduite pour moins de déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels ciblés pour les cheveux cassants\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003ebaume après-shampoing démêlant\u003c\/strong\u003e des autres soins du marché, c'est la synergie de ses actifs.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Huile de ricin bio\u003c\/h3\u003e\n \u003cp\u003eReconnue depuis des générations pour favoriser la résistance et la vitalité des cheveux, elle renforce la fibre en profondeur et stimule la brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Kératine végétale\u003c\/h3\u003e\n \u003cp\u003eUn véritable bouclier protecteur qui lisse les écailles et limite les dommages causés par la chaleur, la pollution ou les colorations répétées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eComplètent l'action réparatrice en apportant souplesse et élasticité à la chevelure, pour des cheveux visiblement plus sains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce baume démêlant ?\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\u003eLavez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisez un shampoing doux, idéalement le \u003cstrong\u003eshampoing réparateur Centifolia\u003c\/strong\u003e de la même gamme, puis essorez légèrement.\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\u003eAppliquez le baume\u003c\/h3\u003e\n \u003cp\u003eDéposez une noisette de produit sur les \u003cstrong\u003elongueurs et pointes humides\u003c\/strong\u003e. Répartissez délicatement en démêlant avec vos doigts ou un peigne à dents larges.\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\u003eLaissez poser 2 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003ePuis rincez abondamment à l'eau tiède. Ce soin convient à tous les types de cheveux : lisses, bouclés, colorés ou naturels.\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 les cheveux très abîmés, vous pouvez allonger légèrement le temps de pose ou l'utiliser en complément d'un masque réparateur une fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\" open\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAqua, Cetearyl Alcohol, Behentrimonium Chloride, Ricinus Communis Seed Oil*, Cocos Nucifera Oil*, Simmondsia Chinensis Seed Oil*, Hydrolyzed Wheat Protein, Prunus Amygdalus Dulcis Protein, Glycerin, Tocopherol, Parfum, Citric Acid, Benzyl Alcohol, Dehydroacetic Acid.\u003c\/strong\u003e\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 \u003c!-- SECTION 6 (DERNIÈRE) --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eEn résumé\u003c\/h2\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ebaume démêlant réparateur Centifolia\u003c\/strong\u003e représente une alternative naturelle et efficace aux après-shampoings conventionnels chargés en silicones. Si vous recherchez un \u003cstrong\u003eaprès-shampoing réparateur\u003c\/strong\u003e qui démêle, nourrit et protège sans compromettre vos engagements écologiques, ce soin bio fabriqué en France cochera toutes les cases. Vos cheveux méritent le meilleur de la nature : offrez-leur ce soin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème capillaire persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #faf5f0;\n --cf-white: #ffffff;\n --cf-primary: #8b2e2e;\n --cf-primary-dark: #5a1a1a;\n --cf-primary-light: #f5e6e6;\n --cf-secondary: #c0392b;\n --cf-accent: #d4443b;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #e8ddd3;\n --cf-shadow: 0 4px 24px rgba(90,26,26,.08);\n --cf-shadow-lg: 0 12px 48px rgba(90,26,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, #3d1010 0%, #6b2020 40%, #8b2e2e 70%, #a03535 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% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212,68,59,.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.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.15;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(15px, 3vw, 20px);\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: 640px;\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: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cf-section-intro strong {\n color: var(--cf-primary-dark);\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\/* === GRID COMPACT === *\/\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\/* === 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}\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-timeline-content p strong {\n color: var(--cf-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\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(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\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}\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: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\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 0 .5rem 0;\n}\n\n.cf-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.cf-accordion-content strong {\n color: var(--cf-text);\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\/* === 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}\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}\n\n.cf-cta-box p strong {\n color: #ffd5d2;\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-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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cf-testimonial {\n padding: 1.25rem;\n }\n\n .cf-testimonial-text {\n font-size: 14px;\n }\n\n .cf-badges-top {\n gap: 6px;\n }\n\n .cf-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .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 .cf-timeline-item {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cf-timeline-item:nth-child(2) { animation-delay: .15s; }\n .cf-timeline-item:nth-child(3) { animation-delay: .25s; }\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":53502899257721,"sku":"CE0449","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-demelant-reparateur-apres-shampoing-bio-200ml-centifol-packshothd.webp?v=1775836627"},{"product_id":"2en1-shampooing-demelant-violet-dejaunisseur-cheveux-gris-blancs-et-blonds-200ml-centifolia","title":"Shampoing 2en1 Démêlant \u0026 Déjaunisseur - Cheveux Gris Blancs Blonds 200ml - Centifolia","description":"\u003cdiv class=\"sv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sv-hero\"\u003e\n \u003cdiv class=\"sv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-hero-content\"\u003e\n \u003cdiv class=\"sv-badges-top\"\u003e\n \u003cspan class=\"sv-badge\"\u003e🫐 Pigments 100 % naturels\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🌿 Certifié bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sv-hero-title\"\u003eShampoing 2en1 Démêlant \u0026amp; Déjaunisseur Violet\u003c\/span\u003e\n \u003cp class=\"sv-subtitle\"\u003eCentifolia — Lumière Intense\u003c\/p\u003e\n \u003cp class=\"sv-description\"\u003eNeutralisez les reflets jaunes et orangés de vos cheveux gris, blancs et blonds grâce à la puissance des pigments violets et bleus d'origine végétale. Un soin 2en1 bio qui lave, démêle et sublime en un seul geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eUn shampoing déjaunisseur bio 2en1 pour sublimer cheveux gris, blancs et blonds\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eVos cheveux blancs tirent vers le jaune ? Vos mèches blondes perdent leur éclat à cause de reflets orangés ? Le \u003cstrong\u003eshampoing 2en1 démêlant et déjaunisseur violet\u003c\/strong\u003e de Centifolia a été pensé exactement pour vous.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid-compact\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert, 99 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e💇 Validé par des pros\u003c\/h3\u003e\n \u003cp\u003eTesté et approuvé par des coiffeurs professionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧴 2en1 pratique\u003c\/h3\u003e\n \u003cp\u003eNettoyage doux, démêlage et déjaunissage en un seul geste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✨ Résultat immédiat\u003c\/h3\u003e\n \u003cp\u003eNeutralise les reflets jaunes et orangés dès la première utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComment ce shampoing déjaunisseur agit-il sur vos cheveux ?\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eLe principe est simple mais redoutablement efficace. Sur le cercle chromatique, le violet est la couleur complémentaire du jaune : il le neutralise naturellement. Ce \u003cstrong\u003eshampoing pour cheveux blancs\u003c\/strong\u003e et blonds exploite cette propriété grâce à deux types de pigments 100 % naturels :\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍠 Pigments violets de patate douce\u003c\/h3\u003e\n \u003cp\u003eIls ciblent et annulent les \u003cstrong\u003ereflets jaunes ternes\u003c\/strong\u003e qui ternissent vos cheveux gris ou blancs. Action ciblée et visible dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌸 Pigments bleus du jasmin du Cap\u003c\/h3\u003e\n \u003cp\u003eIls agissent spécifiquement sur les \u003cstrong\u003ereflets orangés\u003c\/strong\u003e, fréquents sur les cheveux blonds décolorés ou méchés. Résultat : des tons froids et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e💎 Résultat visible\u003c\/h3\u003e\n \u003cp\u003eUne chevelure visiblement plus \u003cstrong\u003elumineuse\u003c\/strong\u003e, aux reflets froids et argentés, dès la première utilisation. Éclat sublimé lavage après lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eUn shampoing pour cheveux gris qui fait aussi office de démêlant\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003eshampoing colorant pour cheveux blancs\u003c\/strong\u003e des autres déjaunisseurs, c'est sa double action. Au-delà de la neutralisation des reflets, il facilite le démêlage pour des cheveux souples et faciles à coiffer.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌰 Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eLes protéines hydrolysées gainement la fibre capillaire, facilitent le démêlage et apportent douceur et souplesse à vos longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌱 Gomme de guar\u003c\/h3\u003e\n \u003cp\u003eAgent démêlant naturel qui lisse la cuticule du cheveu, réduit les nœuds et les frisottis sans alourdir ni graisser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e⏱️ Gain de temps\u003c\/h3\u003e\n \u003cp\u003ePlus besoin d'après-shampoing supplémentaire ! Idéal pour les cheveux fins ou fragilisés, souvent le cas des \u003cstrong\u003echeveux gris et blancs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eDes actifs bio soigneusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🫐 Extrait de myrtille bio française\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant, il \u003cstrong\u003eprotège et apaise le cuir chevelu\u003c\/strong\u003e tout en hydratant la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌿 Jus d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses vertus \u003cstrong\u003ehydratantes et adoucissantes\u003c\/strong\u003e, il nourrit le cheveu sans l'alourdir et renforce sa brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧼 Base lavante sans sulfates\u003c\/h3\u003e\n \u003cp\u003eFormulée avec des tensioactifs doux d'origine végétale (lauryl glucoside, decyl glucoside), elle nettoie \u003cstrong\u003een douceur sans agresser\u003c\/strong\u003e ni dessécher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e🏅\u003c\/span\u003e\n \u003cp\u003eFormule contenant \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCOSMOS Organic par Ecocert\u003c\/strong\u003e, vegan et parfumée exclusivement avec des arômes naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour un résultat optimal\u003c\/h2\u003e\n \u003cdiv class=\"sv-timeline\"\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de shampoing déjaunisseur sur cheveux mouillés. Utilisez-le \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e en complément de votre shampoing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMassez et laissez poser\u003c\/h3\u003e\n \u003cp\u003eMassez le cuir chevelu et les longueurs, puis laissez poser \u003cstrong\u003e1 à 3 minutes\u003c\/strong\u003e selon l'intensité souhaitée. Plus vous laissez agir, plus l'effet déjaunissant sera marqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau claire. Admirez le résultat : des cheveux lumineux, démêlés et sans reflets jaunes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une action renforcée, complétez votre routine avec le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/masque-ultra-violet-dejaunisseur-250ml-centifolia\" title=\"Masque Ultra Violet Déjaunisseur Centifolia\"\u003eMasque Ultra Violet Déjaunisseur Centifolia\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sv-accordion\"\u003e\n \u003cdetails class=\"sv-accordion-item\" open\u003e\n \u003csummary class=\"sv-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Lauryl Glucoside, Glycerin, Caprylyl\/Capryl Glucoside, Decyl Glucoside, Disodium Cocoyl Glutamate, Lactic Acid, Cocamidopropyl Betaine, Acacia Senegal Gum, Ipomoea Batatas Tuber Extract, Hydrolyzed Sweet Almond Protein, Aloe Barbadensis Leaf Juice Powder*, Hydrolyzed Gardenia Florida Extract, Vaccinium Myrtillus Fruit Extract*, Sodium Cocoyl Glutamate, Guar Hydroxypropyltrimonium Chloride, Maltodextrin, Sodium Benzoate, Citric Acid, Parfum. \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 \u003c!-- H2 #7 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eEngagements éco-responsables\u003c\/h2\u003e\n \u003cdiv class=\"sv-grid-compact\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e♻️ Flacon 100 % recyclé\u003c\/h3\u003e\n \u003cp\u003eEmballage en plastique recyclé pour limiter l'impact environnemental\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e⚫ Sans noir de carbone\u003c\/h3\u003e\n \u003cp\u003eBouchon conçu sans noir de carbone pour faciliter le recyclage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🚫 Opercule supprimé\u003c\/h3\u003e\n \u003cp\u003eMoins de déchets plastiques grâce à la suppression de l'opercule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France avec des ingrédients soigneusement sourcés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sv-accordion\"\u003e\n \u003cdetails class=\"sv-accordion-item\"\u003e\n \u003csummary class=\"sv-accordion-header\"\u003e⚠️ Précautions et avertissements\u003c\/summary\u003e\n \u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de contact, rincez abondamment. Conservez hors de portée des enfants. Ce produit ne se substitue pas à 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=\"sv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sv-cta-box\"\u003e\n \u003cp\u003e🫐 Offrez à vos cheveux gris, blancs ou blonds l'éclat qu'ils méritent.\u003cbr\u003eUn shampoing bio 2en1 qui neutralise, démêle et sublime — validé par des professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sv-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sv-cream: #f5f3f0;\n --sv-white: #ffffff;\n --sv-primary: #4a3a8a;\n --sv-primary-dark: #2e1f5e;\n --sv-primary-light: #ede8f5;\n --sv-secondary: #6b5bb5;\n --sv-accent: #3d6ab5;\n --sv-text: #1a1a1a;\n --sv-text-light: #5a5a5a;\n --sv-border: #e0dde6;\n --sv-shadow: 0 4px 24px rgba(74,58,138,.08);\n --sv-shadow-lg: 0 12px 48px rgba(74,58,138,.15);\n --sv-radius: 20px;\n --sv-radius-sm: 12px;\n}\n\n.sv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sv-hero {\n position: relative;\n background: linear-gradient(135deg, #2e1f5e 0%, #4a3a8a 40%, #3d6ab5 100%);\n border-radius: var(--sv-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(--sv-shadow-lg);\n}\n\n.sv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(107,91,181,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(61,106,181,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.sv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sv-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(--sv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sv-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.sv-subtitle {\n color: rgba(255,255,255,.8);\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.sv-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.sv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sv-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.sv-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(--sv-primary), var(--sv-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-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.sv-section-intro strong {\n color: var(--sv-primary-dark);\n}\n\n\/* === CARDS === *\/\n.sv-card {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sv-shadow-lg);\n border-color: var(--sv-primary);\n}\n\n.sv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-card p strong {\n color: var(--sv-text);\n}\n\n\/* === GRILLES === *\/\n.sv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sv-grid-compact .sv-card {\n padding: 1rem;\n}\n\n.sv-grid-compact .sv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sv-grid-compact .sv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sv-primary), var(--sv-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.sv-timeline-content {\n flex: 1;\n background: var(--sv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sv-radius-sm);\n box-shadow: var(--sv-shadow);\n}\n\n.sv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sv-timeline-content p {\n font-size: 14px;\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sv-timeline-content p strong {\n color: var(--sv-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.sv-testimonial {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-primary);\n}\n\n.sv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sv-accordion {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n box-shadow: var(--sv-shadow);\n overflow: hidden;\n}\n\n.sv-accordion-item {\n border-bottom: 1px solid var(--sv-border);\n margin: 0;\n padding: 0;\n}\n\n.sv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sv-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.sv-accordion-header:hover {\n background: var(--sv-primary-light);\n}\n\n.sv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sv-primary);\n transition: transform .2s ease;\n}\n\n.sv-accordion-item[open] .sv-accordion-header::after {\n content: '−';\n}\n\n.sv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sv-primary-light);\n border-radius: var(--sv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sv-tip p {\n font-size: 14px;\n color: var(--sv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sv-tip p strong {\n color: var(--sv-primary-dark);\n}\n\n.sv-tip a {\n color: var(--sv-primary);\n text-decoration: underline;\n font-weight: 600;\n transition: color .2s ease;\n}\n\n.sv-tip a:hover {\n color: var(--sv-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.sv-cta-box {\n background: linear-gradient(135deg, var(--sv-primary) 0%, var(--sv-primary-dark) 100%);\n border-radius: var(--sv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sv-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.sv-disclaimer {\n font-size: 12px;\n color: var(--sv-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 .sv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sv-card {\n padding: 1.125rem;\n }\n\n .sv-section {\n margin-bottom: 1.75rem;\n }\n\n .sv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sv-radius-sm);\n }\n\n .sv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sv-grid-compact {\n gap: .625rem;\n }\n\n .sv-grid-compact .sv-card {\n padding: .75rem;\n }\n\n .sv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sv-timeline-content h3 {\n font-size: 14px;\n }\n\n .sv-timeline-content p {\n font-size: 13px;\n }\n\n .sv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sv-testimonial {\n padding: 1.25rem;\n }\n\n .sv-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sv-card {\n animation: svFadeInUp .5s ease backwards;\n }\n .sv-card:nth-child(1) { animation-delay: .05s; }\n .sv-card:nth-child(2) { animation-delay: .1s; }\n .sv-card:nth-child(3) { animation-delay: .15s; }\n .sv-card:nth-child(4) { animation-delay: .2s; }\n .sv-card:nth-child(5) { animation-delay: .25s; }\n .sv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes svFadeInUp {\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 .sv-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":53502899323257,"sku":"CE0560","price":9.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-2en1-demelant-dejaunisseur-cheveux-gris-blancs-blo-packshothd.webp?v=1775898047"},{"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":"masque-ultra-violet-dejaunisseur-250ml-centifolia","title":"Masque Ultra Violet Déjaunisseur - 250ml - Centifolia","description":"\u003cdiv class=\"muv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"muv-hero\"\u003e\n \u003cdiv class=\"muv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"muv-hero-content\"\u003e\n \u003cdiv class=\"muv-badges-top\"\u003e\n \u003cspan class=\"muv-badge\"\u003e🫐 100 % pigments naturels\u003c\/span\u003e\n \u003cspan class=\"muv-badge\"\u003e🌿 Certifié bio COSMOS\u003c\/span\u003e\n \u003cspan class=\"muv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"muv-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"muv-hero-title\"\u003eMasque Ultra Violet Déjaunisseur\u003c\/span\u003e\n \u003cp class=\"muv-subtitle\"\u003eCentifolia — Gamme Lumière — 250 ml\u003c\/p\u003e\n \u003cp class=\"muv-description\"\u003eCorrection anti-jaunissement professionnelle, 48 h de nutrition intense, 99 % d'ingrédients d'origine naturelle. Validé par des coiffeurs professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eMasque violet déjaunisseur bio Centifolia : retrouvez des cheveux lumineux sans reflets jaunes\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eVos cheveux blonds, blancs ou gris tirent vers le jaune ou l'orangé ? C'est un phénomène naturel, aggravé par la pollution, le calcaire ou les expositions répétées.\u003c\/p\u003e\n \u003cdiv class=\"muv-grid-compact\"\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e💜 Pigments violets \u0026amp; bleus\u003c\/h3\u003e\n \u003cp\u003e100 % naturels pour neutraliser les reflets jaunes et orangés sans colorants synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e⏱️ 48 h de nutrition\u003c\/h3\u003e\n \u003cp\u003eEffet nutri-correcteur longue durée qui nourrit intensément la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e✨ Efficacité pro\u003c\/h3\u003e\n \u003cp\u003eFormulé et validé par des coiffeurs professionnels pour un résultat salon à la maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert, labellisé Cosmébio. 99 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eComment agit ce masque anti-jaunissement naturel ?\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eContrairement aux masques conventionnels qui utilisent des colorants synthétiques, Centifolia mise sur deux familles de pigments végétaux complémentaires :\u003c\/p\u003e\n \u003cdiv class=\"muv-grid\"\u003e\n \u003cdiv class=\"muv-card muv-card-highlight-violet\"\u003e\n \u003ch3\u003e🍠 Pigments violets de patate douce\u003c\/h3\u003e\n \u003cp\u003eIls ciblent et neutralisent spécifiquement les \u003cstrong\u003ereflets jaunes\u003c\/strong\u003e, redonnant aux cheveux blonds et blancs toute leur pureté et leur éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card muv-card-highlight-blue\"\u003e\n \u003ch3\u003e🌸 Pigments bleus de jasmin du Cap\u003c\/h3\u003e\n \u003cp\u003eIls agissent sur les \u003cstrong\u003enuances orangées\u003c\/strong\u003e, souvent tenaces sur les cheveux décolorés ou méchés, pour un résultat homogène et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-tip\"\u003e\n \u003cspan class=\"muv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e un masque déjaunisseur cheveux blancs et blonds qui corrige la couleur sans agresser, et qui offre en prime \u003cstrong\u003e48 heures de nutrition\u003c\/strong\u003e grâce à ses actifs réparateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eDes ingrédients bio soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eCe masque cheveux violet est composé à 99 % d'ingrédients d'origine naturelle. Parmi les actifs phares :\u003c\/p\u003e\n \u003cdiv class=\"muv-grid\"\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🫐 Extrait de myrtille bio française\u003c\/h3\u003e\n \u003cp\u003eAntioxydant et apaisant, il protège les cheveux sensibilisés par les colorations ou les décolorations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eNourrit et assouplit la fibre capillaire de la racine jusqu'aux pointes pour une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌰 Protéines d'amande douce\u003c\/h3\u003e\n \u003cp\u003eHydrolysées pour renforcer la structure du cheveu et améliorer sa résistance aux agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eApporte hydratation et brillance pour une chevelure éclatante de santé et de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌳 Extrait de tilleul bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit la fibre capillaire et facilite le démêlage pour un coiffage sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eComment utiliser le masque violet Centifolia ?\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003ePour un résultat optimal, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"muv-timeline\"\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eLavez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisez le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/2en1-shampooing-demelant-violet-dejaunisseur-cheveux-gris-blancs-et-blonds-200ml-centifolia\" title=\"shampooing Démêlant 2en1 violet déjaunisseur centifolia\"\u003eShampooing \u0026amp; Démêlant Violet 2 en 1 Centifolia\u003c\/a\u003e pour préparer la chevelure et optimiser l'action du masque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le masque\u003c\/h3\u003e\n \u003cp\u003eSur cheveux essorés, déposez une noisette de produit sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eRépartissez uniformément\u003c\/h3\u003e\n \u003cp\u003ePeignez soigneusement pour répartir le masque de manière homogène sur l'ensemble de la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser 2 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003e2 minutes pour un entretien léger, 5 minutes pour une correction plus marquée. Ajustez selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-item\"\u003e\n \u003cdiv class=\"muv-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"muv-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire, jusqu'à ce que l'eau soit parfaitement limpide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-tip\"\u003e\n \u003cspan class=\"muv-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence recommandée :\u003c\/strong\u003e une à deux fois par semaine, en alternance avec votre soin habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce masque plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"muv-section-intro\"\u003eLe meilleur masque violet cheveux est celui qui corrige la couleur sans compromettre la santé capillaire. Voici ce qui distingue la formule Centifolia :\u003c\/p\u003e\n \u003cdiv class=\"muv-grid-compact\"\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert et labellisé Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eSans aucun ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e💇 Validé par des pros\u003c\/h3\u003e\n \u003cp\u003eTesté et approuvé par des coiffeurs professionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel\u003c\/h3\u003e\n \u003cp\u003e100 % naturel et éco-conçu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e♻️ Pot 100 % recyclé\u003c\/h3\u003e\n \u003cp\u003eCouvercle sans noir de carbone, sans opercule inutile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"muv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 \u0026 #7 regroupés en accordéon --\u003e\n \u003csection class=\"muv-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"muv-accordion\"\u003e\n \u003cdetails class=\"muv-accordion-item\" open\u003e\n \u003csummary class=\"muv-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"muv-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Glycerin, Cetearyl Alcohol, Coco-Caprylate\/Caprate, Helianthus Annuus Seed Oil, Distearoylethyl Dimonium Chloride, Ipomoea Batatas Tuber Extract, Aloe Barbadensis Leaf Juice Powder*, Hydrolyzed Gardenia Florida Extract, Tilia Tomentosa Extract*, Vaccinium Myrtillus Fruit Extract*, Hydrolyzed Sweet Almond Protein, Sclerotium Gum, Acacia Senegal Gum, Maltodextrin, Sodium Gluconate, Tocopherol, Sodium Benzoate, Lactic Acid, Citric Acid, Potassium Sorbate, Parfum. \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=\"muv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"muv-accordion\"\u003e\n \u003cdetails class=\"muv-accordion-item\"\u003e\n \u003csummary class=\"muv-accordion-header\"\u003e⚠️ Lire les précautions\u003c\/summary\u003e\n \u003cdiv class=\"muv-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. Ce produit cosmétique ne se substitue pas à 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=\"muv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"muv-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à vos cheveux blonds, blancs ou gris une correction naturelle et une nutrition intense.\u003cbr\u003eLe secret d'une chevelure lumineuse sans reflets jaunes, certifié bio et validé par des professionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"muv-disclaimer\"\u003eLes résultats peuvent varier selon la nature et l'état des cheveux. Ce produit cosmétique ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --muv-cream: #f5f0f6;\n --muv-white: #ffffff;\n --muv-primary: #5b3a8c;\n --muv-primary-dark: #3d2266;\n --muv-primary-light: #ede4f5;\n --muv-secondary: #2e5a9e;\n --muv-accent: #7c4dba;\n --muv-text: #1a1a1a;\n --muv-text-light: #5a5a5a;\n --muv-border: #e0d8e8;\n --muv-shadow: 0 4px 24px rgba(91,58,140,.08);\n --muv-shadow-lg: 0 12px 48px rgba(91,58,140,.15);\n --muv-radius: 20px;\n --muv-radius-sm: 12px;\n}\n\n.muv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--muv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.muv-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2266 0%, #5b3a8c 40%, #2e5a9e 100%);\n border-radius: var(--muv-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(--muv-shadow-lg);\n}\n\n.muv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(124,77,186,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(46,90,158,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.muv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.muv-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.muv-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.muv-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.muv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.muv-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(--muv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.muv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.muv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.muv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--muv-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.muv-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(--muv-primary), var(--muv-secondary));\n border-radius: 2px;\n}\n\n.muv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--muv-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.muv-card {\n background: var(--muv-white);\n border-radius: var(--muv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--muv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.muv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--muv-shadow-lg);\n border-color: var(--muv-primary);\n}\n\n.muv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--muv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.muv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--muv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD HIGHLIGHTS === *\/\n.muv-card-highlight-violet {\n border-left: 4px solid var(--muv-primary);\n text-align: left;\n}\n\n.muv-card-highlight-blue {\n border-left: 4px solid var(--muv-secondary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.muv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.muv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.muv-grid-compact .muv-card {\n padding: 1rem;\n}\n\n.muv-grid-compact .muv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.muv-grid-compact .muv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.muv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.muv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.muv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--muv-primary), var(--muv-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.muv-timeline-content {\n flex: 1;\n background: var(--muv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--muv-radius-sm);\n box-shadow: var(--muv-shadow);\n}\n\n.muv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--muv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.muv-timeline-content p {\n font-size: 14px;\n color: var(--muv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.muv-timeline-content a {\n color: var(--muv-primary);\n font-weight: 600;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color .2s ease;\n}\n\n.muv-timeline-content a:hover {\n color: var(--muv-secondary);\n}\n\n\/* === TIP BOX === *\/\n.muv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--muv-primary-light);\n border-radius: var(--muv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.muv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.muv-tip p {\n font-size: 14px;\n color: var(--muv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.muv-accordion {\n background: var(--muv-white);\n border-radius: var(--muv-radius);\n box-shadow: var(--muv-shadow);\n overflow: hidden;\n}\n\n.muv-accordion-item {\n border-bottom: 1px solid var(--muv-border);\n margin: 0;\n padding: 0;\n}\n\n.muv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.muv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--muv-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.muv-accordion-header:hover {\n background: var(--muv-primary-light);\n}\n\n.muv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.muv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--muv-primary);\n transition: transform .2s ease;\n}\n\n.muv-accordion-item[open] .muv-accordion-header::after {\n content: '−';\n}\n\n.muv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--muv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.muv-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.muv-cta-box {\n background: linear-gradient(135deg, var(--muv-primary) 0%, var(--muv-primary-dark) 100%);\n border-radius: var(--muv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.muv-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.muv-disclaimer {\n font-size: 12px;\n color: var(--muv-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 .muv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .muv-card {\n padding: 1.125rem;\n }\n\n .muv-card-highlight-violet,\n .muv-card-highlight-blue {\n text-align: left;\n }\n\n .muv-section {\n margin-bottom: 1.75rem;\n }\n\n .muv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--muv-radius-sm);\n }\n\n .muv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .muv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .muv-grid-compact {\n gap: .625rem;\n }\n\n .muv-grid-compact .muv-card {\n padding: .75rem;\n }\n\n .muv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .muv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .muv-timeline-content h3 {\n font-size: 14px;\n }\n\n .muv-timeline-content p {\n font-size: 13px;\n }\n\n .muv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .muv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .muv-card {\n animation: muvFadeInUp .5s ease backwards;\n }\n .muv-card:nth-child(1) { animation-delay: .05s; }\n .muv-card:nth-child(2) { animation-delay: .1s; }\n .muv-card:nth-child(3) { animation-delay: .15s; }\n .muv-card:nth-child(4) { animation-delay: .2s; }\n .muv-card:nth-child(5) { animation-delay: .25s; }\n .muv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes muvFadeInUp {\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 .muv-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":53502902010233,"sku":"CE0570","price":19.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-ultra-violet-dejaunisseur-250ml-centifolia-packshothd.webp?v=1775836357"},{"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":"carapate-soin-cheveux-comptoir-huiles","title":"Huile de Carapate Bio (Ricin Noir) 50ml - Gainante \u0026 Fortifiante \/ Comptoir des Huiles","description":"\u003cdiv class=\"cp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cp-hero\"\u003e\n \u003cdiv class=\"cp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cp-hero-content\"\u003e\n \u003cdiv class=\"cp-badges-top\"\u003e\n \u003cspan class=\"cp-badge\"\u003e🌿 100 % naturelle\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e🇫🇷 Savoir-faire artisanal\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e✨ Gainante \u0026amp; fortifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cp-hero-title\"\u003eHuile de Carapate Bio (Ricin Noir) 50 ml\u003c\/span\u003e\n \u003cp class=\"cp-subtitle\"\u003eComptoir des Huiles — Le secret ancestral des cheveux bouclés et crépus\u003c\/p\u003e\n \u003cp class=\"cp-description\"\u003eUne huile de ricin noir non raffinée, concentrée en acide ricinoléique (≈85 %), pour nourrir, gainer et fortifier vos cheveux en profondeur. Flacon compte-gouttes 50 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eHuile de Carapate Bio : le secret des cheveux bouclés et crépus en pleine santé\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eVous cherchez une huile de ricin pour cheveux réellement efficace et naturelle ? L'huile de Carapate de Comptoir des Huiles est bien plus qu'une simple huile de ricin classique.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid-compact\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌰 Ricin noir artisanal\u003c\/h3\u003e\n \u003cp\u003eObtenue par cuisson et pression des graines de \u003cem\u003eRicinus communis\u003c\/em\u003e, elle arbore sa teinte ambrée caractéristique et une concentration exceptionnelle en actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n \u003cp\u003eFormulée 100 % naturelle, sans parfum, sans conservateur. Rien que l'huile pure issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux bouclés \u0026amp; crépus\u003c\/h3\u003e\n \u003cp\u003ePensée pour sublimer les cheveux bouclés, crépus, secs ou cassants grâce à son pouvoir gainant unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n \u003cp\u003eLe format 50 ml avec pipette vous permet de doser avec précision chaque application, sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003ePourquoi appliquer de l'huile de ricin dans les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eUtilisée depuis des générations dans les Caraïbes et en Afrique, la version « carapate » se distingue par sa richesse en acide ricinoléique (environ 85 %), un acide gras rare aux propriétés remarquables.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌱 Stimulation de la pousse\u003c\/h3\u003e\n \u003cp\u003eEn améliorant la microcirculation du cuir chevelu, l'acide ricinoléique favorise la croissance naturelle et renforce les bulbes capillaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💪 Effet gainant et fortifiant\u003c\/h3\u003e\n \u003cp\u003eL'huile enrobe chaque mèche d'un film protecteur qui épaissit la fibre, réduit la casse et limite les fourches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e✨ Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses oméga-6, oméga-9 et ses antioxydants naturels, elle redonne souplesse, brillance et douceur aux cheveux déshydratés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🧴 Cuir chevelu assaini\u003c\/h3\u003e\n \u003cp\u003eSes propriétés antibactériennes et antifongiques aident à calmer les irritations, réduire les pellicules et maintenir un environnement sain pour la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin sur cheveux bouclés ou crépus ?\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003ePour profiter pleinement des bienfaits de cette huile de ricin pour les cheveux, voici nos conseils d'application :\u003c\/p\u003e\n \u003cdiv class=\"cp-timeline\"\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eEn bain d'huile avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez 4 à 6 gouttes sur le cuir chevelu et les longueurs. Massez, laissez poser 30 minutes à une nuit sous un bonnet, puis lavez avec un shampoing doux. À réaliser 1 à 2 fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eEn soin scellant sur cheveux humides\u003c\/h3\u003e\n \u003cp\u003eAprès votre leave-in, 2 à 3 gouttes sur les pointes et longueurs suffisent pour sceller l'hydratation et protéger vos boucles toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eSourcils, cils et barbe\u003c\/h3\u003e\n \u003cp\u003eUne goutte appliquée au doigt ou au coton-tige, matin ou soir, pour densifier et nourrir naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eOngles fragiles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle quotidiennement pour les fortifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-tip\"\u003e\n \u003cspan class=\"cp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de carapate étant épaisse, mélangez-la à une huile plus légère comme le jojoba ou l'argan pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"cp-card\" style=\"text-align:center;\"\u003e\n \u003ch3\u003e🧪 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis seed oil\u003c\/em\u003e — Huile de carapate 100 % pure. Aucun additif, aucun parfum, aucun conservateur ajouté. Issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"cp-accordion\"\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur, bouchon bien fermé. Agitez avant chaque emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eUn test d'allergie au pli du coude est conseillé 24 heures avant la première utilisation. Ce produit cosmétique ne remplace pas 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!-- H2 #6 --\u003e\n \u003csection class=\"cp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de Carapate Comptoir des Huiles\u003c\/h2\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🔥 Fabrication traditionnelle\u003c\/h3\u003e\n \u003cp\u003eContrairement à une huile de ricin classique — souvent raffinée et appauvrie —, la carapate conserve l'intégralité de ses nutriments grâce à son mode de fabrication artisanal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🖤 Non raffinée, plus concentrée\u003c\/h3\u003e\n \u003cp\u003eSa couleur sombre témoigne d'une huile non raffinée, plus riche en actifs et en antioxydants que les versions industrielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌍 Savoir-faire ancestral\u003c\/h3\u003e\n \u003cp\u003eUn soin authentique, ancré dans un savoir-faire caribéen ancestral, qui révèle tout son potentiel sur les textures bouclées et crépues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux un rituel naturel qui nourrit, protège et fortifie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cp-cream: #faf6f1;\n --cp-white: #ffffff;\n --cp-primary: #8b2d4e;\n --cp-primary-dark: #5e1a33;\n --cp-primary-light: #f5e8ed;\n --cp-secondary: #c47a2a;\n --cp-accent: #d4943a;\n --cp-text: #1a1a1a;\n --cp-text-light: #5a5a5a;\n --cp-border: #e8ddd4;\n --cp-shadow: 0 4px 24px rgba(94, 26, 51, .07);\n --cp-shadow-lg: 0 12px 48px rgba(94, 26, 51, .13);\n --cp-radius: 20px;\n --cp-radius-sm: 12px;\n}\n\n.cp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cp-hero {\n position: relative;\n background: linear-gradient(135deg, #5e1a33 0%, #8b2d4e 40%, #c47a2a 100%);\n border-radius: var(--cp-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(--cp-shadow-lg);\n}\n\n.cp-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 opacity: 1;\n}\n\n.cp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cp-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.cp-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.cp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cp-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(--cp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cp-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.cp-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(--cp-primary), var(--cp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cp-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.cp-card {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cp-shadow-lg);\n border-color: var(--cp-primary);\n}\n\n.cp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cp-grid-compact .cp-card {\n padding: 1rem;\n}\n\n.cp-grid-compact .cp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cp-grid-compact .cp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cp-primary), var(--cp-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.cp-timeline-content {\n flex: 1;\n background: var(--cp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cp-radius-sm);\n box-shadow: var(--cp-shadow);\n}\n\n.cp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cp-timeline-content p {\n font-size: 14px;\n color: var(--cp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.cp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cp-primary-light);\n border-radius: var(--cp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cp-tip p {\n font-size: 14px;\n color: var(--cp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cp-testimonial {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cp-shadow);\n border-left: 4px solid var(--cp-primary);\n}\n\n.cp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cp-accordion {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n box-shadow: var(--cp-shadow);\n overflow: hidden;\n}\n\n.cp-accordion-item {\n border-bottom: 1px solid var(--cp-border);\n margin: 0;\n padding: 0;\n}\n\n.cp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cp-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.cp-accordion-header:hover {\n background: var(--cp-primary-light);\n}\n\n.cp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cp-primary);\n transition: transform .2s ease;\n}\n\n.cp-accordion-item[open] .cp-accordion-header::after {\n content: '−';\n}\n\n.cp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.cp-cta-box {\n background: linear-gradient(135deg, var(--cp-primary) 0%, var(--cp-primary-dark) 100%);\n border-radius: var(--cp-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.cp-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cp-card {\n padding: 1.125rem;\n }\n\n .cp-section {\n margin-bottom: 1.75rem;\n }\n\n .cp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cp-radius-sm);\n }\n\n .cp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cp-grid-compact {\n gap: .625rem;\n }\n\n .cp-grid-compact .cp-card {\n padding: .75rem;\n }\n\n .cp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cp-timeline-content h3 {\n font-size: 14px;\n }\n\n .cp-timeline-content p {\n font-size: 13px;\n }\n\n .cp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cp-testimonial {\n padding: 1.25rem;\n }\n\n .cp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cp-card {\n animation: cpFadeInUp .5s ease backwards;\n }\n .cp-card:nth-child(1) { animation-delay: .05s; }\n .cp-card:nth-child(2) { animation-delay: .1s; }\n .cp-card:nth-child(3) { animation-delay: .15s; }\n .cp-card:nth-child(4) { animation-delay: .2s; }\n .cp-card:nth-child(5) { animation-delay: .25s; }\n .cp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cp-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":54830904607097,"sku":"CARAPATECOMPTOIRDESHUILES","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-carapate-bio-ricin-noir-50ml-gainante-fortifiante-c-packshothd.webp?v=1774427642"},{"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":"huile-essentielle-ylang-ylang-bio-saint-hilaire","title":"Huile Essentielle de Ylang Ylang complète Bio - Saint Hilaire - Flacon 10 ml","description":"\u003cdiv class=\"yy-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"yy-hero\"\u003e\n \u003cdiv class=\"yy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"yy-hero-content\"\u003e\n \u003cdiv class=\"yy-badges-top\"\u003e\n \u003cspan class=\"yy-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"yy-badge\"\u003e🌸 Distillation complète\u003c\/span\u003e\n \u003cspan class=\"yy-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"yy-hero-title\"\u003eHuile essentielle d'Ylang Ylang complète Bio\u003c\/span\u003e\n \u003cp class=\"yy-subtitle\"\u003eDistillerie Saint-Hilaire · Flacon 10 ml\u003c\/p\u003e\n \u003cp class=\"yy-description\"\u003eLe spectre aromatique complet de la fleur de \u003cem\u003eCananga odorata\u003c\/em\u003e, certifié bio et chémotypé, pour une aromathérapie d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Ylang Ylang complète Bio – Distillerie Saint-Hilaire\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eObtenue par distillation complète des \u003cstrong\u003efleurs fraîches de \u003cem\u003eCananga odorata\u003c\/em\u003e\u003c\/strong\u003e, cette \u003cstrong\u003ehuile essentielle d'Ylang Ylang bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire concentre l'intégralité du profil aromatique de la fleur.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid-compact\"\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🌺 Distillation complète\u003c\/h3\u003e\n \u003cp\u003eContrairement aux fractions (extra, première…), la version « complète » offre un spectre de molécules plus riche et équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eProfil biochimique analysé et garanti pour une aromathérapie précise et fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique certifiée, sans pesticides ni solvants chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e💧 Flacon 10 ml\u003c\/h3\u003e\n \u003cp\u003eFlacon ambré avec compte-gouttes intégré pour un dosage précis et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eBienfaits reconnus de l'huile essentielle d'Ylang Ylang\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eL'Ylang Ylang est l'une des huiles essentielles les plus prisées en aromathérapie. Voici pourquoi elle mérite une place dans votre trousse aromatique.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid\"\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e😌 Apaisement du stress et de l'anxiété\u003c\/h3\u003e\n \u003cp\u003eSon parfum floral puissant et voluptueux favorise la détente nerveuse. En diffusion ou en olfaction directe, elle aide à calmer l'agitation mentale et les tensions accumulées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e☀️ Soutien de l'humeur\u003c\/h3\u003e\n \u003cp\u003eRéputée euphorisante, elle est traditionnellement utilisée pour accompagner les baisses de moral, la mélancolie passagère et redonner un élan de joie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e✨ Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale, elle contribue à réguler la production de sébum et à redonner de l'éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e💇 Beauté des cheveux\u003c\/h3\u003e\n \u003cp\u003eConnue pour fortifier la fibre capillaire, apporter brillance et souplesse, notamment aux cheveux secs ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🕯️ Ambiance sensorielle\u003c\/h3\u003e\n \u003cp\u003eSes notes chaudes et sensuelles créent une atmosphère intime et enveloppante dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle d'Ylang Ylang ?\u003c\/h2\u003e\n \u003cdiv class=\"yy-timeline\"\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 4 à 6 gouttes dans votre diffuseur par séances de 20 à 30 minutes. Associez-la à la lavande vraie ou au petit grain bigarade pour une synergie relaxante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e💆 En massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à soupe d'huile végétale (amande douce, jojoba) et appliquez sur le plexus solaire, les poignets ou la nuque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🧴 En soin capillaire\u003c\/h3\u003e\n \u003cp\u003eAjoutez 1 à 2 gouttes dans votre dose de shampoing ou dans un masque à l'huile de coco. Laissez poser quelques minutes avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🛁 En bain aromatique\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base dispersante (sel de bain, lait) avant de verser dans l'eau du bain pour un moment de détente profonde.\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=\"yy-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Ylang Ylang : danger et précautions\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eComme toute huile essentielle, l'huile essentielle d'Ylang Ylang demande quelques précautions. À forte dose ou pure sur la peau, elle peut provoquer des irritations cutanées ou des maux de tête. Respectez toujours une \u003cstrong\u003edilution de 20 % maximum\u003c\/strong\u003e dans une huile végétale.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid-compact\"\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes, ainsi qu'aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n \u003cp\u003eRéalisez un test au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e💊 Traitement médical\u003c\/h3\u003e\n \u003cp\u003eEn cas de traitement en cours, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e⚕️ Avis médical\u003c\/h3\u003e\n \u003cp\u003eNe remplace en aucun cas un traitement médical. Usage en complément uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"yy-accordion\"\u003e\n \u003cdetails class=\"yy-accordion-item\" open\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🌿 Identification botanique\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eNom botanique :\u003c\/strong\u003e \u003cem\u003eCananga odorata\u003c\/em\u003e\u003cbr\u003e\n \u003cstrong\u003ePartie distillée :\u003c\/strong\u003e fleurs\u003cbr\u003e\n \u003cstrong\u003eMéthode d'extraction :\u003c\/strong\u003e distillation complète à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🏷️ Certifications et qualité\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Agriculture biologique (AB)\u003cbr\u003e\n \u003cstrong\u003eChémotype :\u003c\/strong\u003e huile essentielle chémotypée\u003cbr\u003e\n \u003cstrong\u003eContenance :\u003c\/strong\u003e 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🏭 Fabricant\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eFabricant :\u003c\/strong\u003e Distillerie Saint-Hilaire – Auvergne, France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur pour préserver toute la richesse aromatique de cette huile essentielle d'Ylang Ylang bio.\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=\"yy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"yy-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez-vous le spectre aromatique complet de l'Ylang Ylang bio – distillation intégrale, qualité chémotypée, savoir-faire d'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"yy-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. 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 --yy-cream: #fdf9f3;\n --yy-white: #ffffff;\n --yy-primary: #2d6a3f;\n --yy-primary-dark: #1b4a2b;\n --yy-primary-light: #e8f3ec;\n --yy-secondary: #e6c740;\n --yy-accent: #f5e27a;\n --yy-text: #1a1a1a;\n --yy-text-light: #5a5a5a;\n --yy-border: #e0e0e0;\n --yy-shadow: 0 4px 24px rgba(0,0,0,.08);\n --yy-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --yy-radius: 20px;\n --yy-radius-sm: 12px;\n}\n\n.yy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--yy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.yy-hero {\n position: relative;\n background: linear-gradient(135deg, var(--yy-primary-dark) 0%, var(--yy-primary) 50%, #3d8a54 100%);\n border-radius: var(--yy-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(--yy-shadow-lg);\n}\n\n.yy-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(230,199,64,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,226,122,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.yy-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.yy-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.yy-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(--yy-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.yy-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.yy-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.yy-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.yy-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.yy-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.yy-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--yy-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.yy-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(--yy-primary), var(--yy-secondary));\n border-radius: 2px;\n}\n\n.yy-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--yy-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.yy-card {\n background: var(--yy-white);\n border-radius: var(--yy-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--yy-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.yy-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--yy-shadow-lg);\n border-color: var(--yy-primary);\n}\n\n.yy-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--yy-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.yy-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--yy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.yy-card-warning {\n border-left: 4px solid var(--yy-secondary);\n}\n\n\/* === GRILLES === *\/\n.yy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.yy-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.yy-grid-compact .yy-card {\n padding: 1rem;\n}\n\n.yy-grid-compact .yy-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.yy-grid-compact .yy-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.yy-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.yy-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.yy-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--yy-primary), var(--yy-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.yy-timeline-content {\n flex: 1;\n background: var(--yy-white);\n padding: 1rem 1.25rem;\n border-radius: var(--yy-radius-sm);\n box-shadow: var(--yy-shadow);\n transition: all .3s ease;\n}\n\n.yy-timeline-content:hover {\n transform: translateX(4px);\n box-shadow: var(--yy-shadow-lg);\n}\n\n.yy-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--yy-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.yy-timeline-content p {\n font-size: 14px;\n color: var(--yy-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.yy-accordion {\n background: var(--yy-white);\n border-radius: var(--yy-radius);\n box-shadow: var(--yy-shadow);\n overflow: hidden;\n}\n\n.yy-accordion-item {\n border-bottom: 1px solid var(--yy-border);\n margin: 0;\n padding: 0;\n}\n\n.yy-accordion-item:last-child {\n border-bottom: none;\n}\n\n.yy-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--yy-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.yy-accordion-header:hover {\n background: var(--yy-primary-light);\n}\n\n.yy-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.yy-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--yy-primary);\n transition: transform .2s ease;\n}\n\n.yy-accordion-item[open] .yy-accordion-header::after {\n content: '−';\n}\n\n.yy-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--yy-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.yy-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.yy-cta-box {\n background: linear-gradient(135deg, var(--yy-primary) 0%, var(--yy-primary-dark) 100%);\n border-radius: var(--yy-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.yy-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -20%;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(230,199,64,.2) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.yy-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.yy-disclaimer {\n font-size: 12px;\n color: var(--yy-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .yy-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .yy-card {\n padding: 1.125rem;\n }\n\n .yy-section {\n margin-bottom: 1.75rem;\n }\n\n .yy-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--yy-radius-sm);\n }\n\n .yy-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .yy-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .yy-grid-compact {\n gap: .625rem;\n }\n\n .yy-grid-compact .yy-card {\n padding: .75rem;\n }\n\n .yy-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .yy-timeline-content {\n padding: .875rem 1rem;\n }\n\n .yy-timeline-content h3 {\n font-size: 14px;\n }\n\n .yy-timeline-content p {\n font-size: 13px;\n }\n\n .yy-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .yy-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .yy-testimonial {\n padding: 1.25rem;\n }\n\n .yy-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .yy-card {\n animation: yyFadeInUp .5s ease backwards;\n }\n .yy-card:nth-child(1) { animation-delay: .05s; }\n .yy-card:nth-child(2) { animation-delay: .1s; }\n .yy-card:nth-child(3) { animation-delay: .15s; }\n .yy-card:nth-child(4) { animation-delay: .2s; }\n .yy-card:nth-child(5) { animation-delay: .25s; }\n .yy-card:nth-child(6) { animation-delay: .3s; }\n\n .yy-timeline-item {\n animation: yyFadeInUp .5s ease backwards;\n }\n .yy-timeline-item:nth-child(1) { animation-delay: .05s; }\n .yy-timeline-item:nth-child(2) { animation-delay: .1s; }\n .yy-timeline-item:nth-child(3) { animation-delay: .15s; }\n .yy-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes yyFadeInUp {\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 .yy-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":54858466918777,"sku":"NBAIDSH0012","price":9.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-ylang-ylang-complete-bio-saint-hilaire--packshothd.webp?v=1774427326"},{"product_id":"huile-vanille-bio-saint-hilaire","title":"Huile de Macération Vanille Bio - Saint Hilaire - 30 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Macération Vanille Bio - Saint Hilaire - 30 ml\nPalette détectée:\n - Primaire: #3A2F2B (brun foncé\/chocolat du flacon et de l'étiquette)\n - Secondaire: #C9A96E (doré\/or des liserés et textes sur l'étiquette)\n - Accent: #D4B896 (beige chaud\/sable de l'ambiance pierre naturelle)\nAmbiance: Luxe naturel, artisanal premium, chaleureux et sensuel, tons terre\/vanille, univers cosmétique haut de gamme avec racines botaniques\nPréfixe CSS: vh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Vanille Bio – Macérât huileux de Vanille de Madagascar\"\n 2. \"Pourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\"\n 3. \"Les bienfaits de cette huile corps vanille bio\"\n 4. \"Composition – 100 % biologique\"\n 5. \"Comment utiliser cette huile de vanille bio ?\"\n 6. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"vh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"vh-hero\"\u003e\n \u003cdiv class=\"vh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vh-hero-content\"\u003e\n \u003cdiv class=\"vh-badges-top\"\u003e\n \u003cspan class=\"vh-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🇲🇬 Vanille de Madagascar\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🏔️ Fabriqué en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vh-hero-title\"\u003eHuile de macération vanille bio\u003c\/span\u003e\n \u003cp class=\"vh-subtitle\"\u003eDistillerie Saint-Hilaire · 30 ml\u003c\/p\u003e\n \u003cp class=\"vh-description\"\u003eUn macérât huileux d'exception, artisanal et 100 % biologique, qui enveloppe votre peau, vos cheveux et vos sens d'un parfum gourmand de vanille de Madagascar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eHuile de Vanille Bio – Macérât huileux de Vanille de Madagascar\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eDécouvrez une huile au parfum enveloppant, gourmand et délicat, qui prend soin de votre peau, de vos cheveux et de vos sens.\u003c\/p\u003e\n \u003cdiv class=\"vh-highlight-box\"\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile de vanille bio\u003c\/strong\u003e signée Distillerie Saint-Hilaire est élaborée artisanalement en Auvergne. Ce \u003cstrong\u003emacérât huileux de vanille\u003c\/strong\u003e réunit le meilleur de la vanille de Madagascar et de l'huile de sésame biologique dans un flacon compte-gouttes de 30 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003ePourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\u003c\/h2\u003e\n \u003cdiv class=\"vh-testimonial\"\u003e\n \u003cp class=\"vh-testimonial-text\"\u003eContrairement à une \u003cstrong\u003ehuile essentielle de vanille bio\u003c\/strong\u003e — extrêmement rare et souvent reconstituée — le macérât huileux est obtenu par infusion lente des gousses dans une huile végétale. Ce procédé préserve les composés aromatiques et les actifs nourrissants de la vanille, tout en offrant un produit prêt à l'emploi, doux et adapté à une application directe sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eLes bienfaits de cette huile corps vanille bio\u003c\/h2\u003e\n \u003cdiv class=\"vh-grid\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de sésame biologique pénètre facilement l'épiderme pour nourrir en profondeur sans film gras. La peau retrouve souplesse et confort, même sur les zones les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la déshydratation\u003c\/h3\u003e\n \u003cp\u003eCe macérât forme un voile protecteur qui aide la peau à conserver son hydratation naturelle tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e✨ Soin capillaire réparateur\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, cette huile redonne brillance et douceur aux cheveux secs ou fragilisés. Quelques gouttes suffisent pour discipliner les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🤲 Huile de massage vanille bio\u003c\/h3\u003e\n \u003cp\u003eSon parfum chaud et sucré crée une atmosphère apaisante, idéale pour un massage relaxant. La vanille est réputée pour ses vertus réconfortantes et sensuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🪶 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche et légère laisse la peau douce comme de la soie, sans sensation collante ni résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComposition – 100 % biologique\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eUne formule minimaliste ne contenant que trois ingrédients, tous d'origine naturelle et biologique.\u003c\/p\u003e\n \u003cdiv class=\"vh-grid-compact\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🌱 Sesamum indicum seed oil\u003c\/h3\u003e\n \u003cp\u003eHuile de sésame désodorisée bio, base nourrissante et légère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🫘 Vanilla planifolia fruit extract\u003c\/h3\u003e\n \u003cp\u003eExtrait de gousses de vanille de Madagascar bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card vh-card-full\"\u003e\n \u003ch3\u003e🧪 Vanillin\u003c\/h3\u003e\n \u003cp\u003eVanilline naturelle, molécule aromatique caractéristique de la vanille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-tip\"\u003e\n \u003cspan class=\"vh-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Produit certifié \u003cstrong\u003eCOSMOS ORGANIC par Ecocert\u003c\/strong\u003e. 100 % des ingrédients sont issus de l'agriculture biologique. Sans conservateur synthétique, sans parfum artificiel, sans huile minérale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de vanille bio ?\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eVersez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e dans le creux de vos mains et frottez-les pour réchauffer l'huile. Appliquez ensuite selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"vh-timeline\"\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez les zones sèches après la douche, sur peau légèrement humide pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez 2 gouttes le soir, en complément de votre crème habituelle, pour un effet nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les pointes en soin sans rinçage, ou en masque avant-shampoing pendant 30 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eEn massage\u003c\/h3\u003e\n \u003cp\u003eUtilisez généreusement et profitez de l'arôme envoûtant pour un moment de détente absolue.\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=\"vh-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"vh-accordion\"\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver la qualité des actifs et du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. Effectuez un test au pli du coude avant la première utilisation si vous avez la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e.\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=\"vh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vh-cta-box\"\u003e\n \u003cp\u003eFabriquée avec passion par la \u003cstrong\u003eDistillerie Saint-Hilaire en Auvergne\u003c\/strong\u003e, cette huile à la vanille de Madagascar transforme chaque geste beauté en un rituel de douceur. Un soin polyvalent, naturel et certifié bio, à glisser dans votre routine quotidienne. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"vh-disclaimer\"\u003eLes résultats peuvent varier selon les individus. 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\/* === VARIABLES CSS === *\/\n:root {\n --vh-cream: #FAF6F1;\n --vh-white: #ffffff;\n --vh-primary: #3A2F2B;\n --vh-primary-dark: #2A201C;\n --vh-primary-light: #F0E8DF;\n --vh-secondary: #C9A96E;\n --vh-accent: #D4B896;\n --vh-text: #1a1a1a;\n --vh-text-light: #5a5a5a;\n --vh-border: #E8DDD2;\n --vh-shadow: 0 4px 24px rgba(58,47,43,.08);\n --vh-shadow-lg: 0 12px 48px rgba(58,47,43,.15);\n --vh-radius: 20px;\n --vh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-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(--vh-shadow-lg);\n}\n\n.vh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(201,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,184,150,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(201,169,110,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.vh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vh-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(--vh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vh-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.vh-subtitle {\n color: var(--vh-secondary);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.vh-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.vh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vh-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.vh-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(--vh-secondary), var(--vh-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.vh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-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.vh-highlight-box {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--vh-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.vh-card {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vh-shadow-lg);\n border-color: var(--vh-secondary);\n}\n\n.vh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vh-grid-compact .vh-card {\n padding: 1rem;\n}\n\n.vh-grid-compact .vh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vh-grid-compact .vh-card p {\n font-size: 12px;\n}\n\n.vh-card-full {\n grid-column: 1 \/ -1;\n}\n\n\/* === TIMELINE === *\/\n.vh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vh-primary), var(--vh-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.vh-timeline-content {\n flex: 1;\n background: var(--vh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vh-radius-sm);\n box-shadow: var(--vh-shadow);\n}\n\n.vh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vh-timeline-content p {\n font-size: 14px;\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vh-testimonial {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vh-accordion {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n box-shadow: var(--vh-shadow);\n overflow: hidden;\n}\n\n.vh-accordion-item {\n border-bottom: 1px solid var(--vh-border);\n margin: 0;\n padding: 0;\n}\n\n.vh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vh-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.vh-accordion-header:hover {\n background: var(--vh-primary-light);\n}\n\n.vh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vh-secondary);\n transition: transform .2s ease;\n}\n\n.vh-accordion-item[open] .vh-accordion-header::after {\n content: '−';\n}\n\n.vh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vh-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vh-primary-light);\n border-radius: var(--vh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vh-tip p {\n font-size: 14px;\n color: var(--vh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vh-cta-box {\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vh-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(201,169,110,.15) 0%, transparent 50%);\n}\n\n.vh-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.vh-disclaimer {\n font-size: 12px;\n color: var(--vh-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 .vh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vh-card {\n padding: 1.125rem;\n }\n\n .vh-section {\n margin-bottom: 1.75rem;\n }\n\n .vh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vh-radius-sm);\n }\n\n .vh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vh-grid-compact {\n gap: .625rem;\n }\n\n .vh-grid-compact .vh-card {\n padding: .75rem;\n }\n\n .vh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vh-timeline-content h3 {\n font-size: 14px;\n }\n\n .vh-timeline-content p {\n font-size: 13px;\n }\n\n .vh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vh-testimonial {\n padding: 1.25rem;\n }\n\n .vh-testimonial-text {\n font-size: 14px;\n }\n\n .vh-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vh-card {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-card:nth-child(1) { animation-delay: .05s; }\n .vh-card:nth-child(2) { animation-delay: .1s; }\n .vh-card:nth-child(3) { animation-delay: .15s; }\n .vh-card:nth-child(4) { animation-delay: .2s; }\n .vh-card:nth-child(5) { animation-delay: .25s; }\n .vh-card:nth-child(6) { animation-delay: .3s; }\n\n .vh-timeline-item {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-timeline-item:nth-child(1) { animation-delay: .05s; }\n .vh-timeline-item:nth-child(2) { animation-delay: .1s; }\n .vh-timeline-item:nth-child(3) { animation-delay: .15s; }\n .vh-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes vhFadeInUp {\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 .vh-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":54858929013113,"sku":"NBAIDSH0025","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-maceration-vanille-bio-saint-hilaire-30-ml_11zon.jpg?v=1763470848"},{"product_id":"huile-avocat-bio-saint-hilaire-50ml","title":"Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #6B8E23 (vert olive\/avocat de l'étiquette)\n - Secondaire: #8B5E3C (brun ambré du flacon en verre)\n - Accent: #C5D45A (vert-jaune chartreuse de la bande étiquette)\nAmbiance: Naturel\/bio, botanique, authentique, artisanal français (Auvergne), soin cosmétique végétal\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\"\n 2. \"Pourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\"\n 3. \"Bienfaits de l'huile végétale d'avocat bio pour la peau\"\n 4. \"Bienfaits de l'huile d'avocat bio pour les cheveux\"\n 5. \"Comment utiliser l'huile d'avocat bio au quotidien ?\"\n 6. \"Quels types de peau et de cheveux sont concernés ?\"\n 7. \"La Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile végétale d'avocat bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🫒 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🧴 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eHuile végétale d'avocat bio\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eNutrition intense pour la peau et les cheveux. 100 % pure, vierge, extraite de la pulpe d'avocats bio par première pression à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eHuile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez une huile végétale d'avocat de qualité, capable de nourrir en profondeur une peau assoiffée ou de redonner vie à des cheveux fatigués ?\u003c\/p\u003e\n \u003cdiv class=\"av-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile d'avocat bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid de la pulpe\u003c\/strong\u003e d'avocats issus de l'agriculture biologique (\u003cem\u003ePersea gratissima\u003c\/em\u003e), elle conserve l'intégralité de ses acides gras, vitamines et antioxydants — sans aucun raffinage, sans additif, sans compromis.\u003c\/p\u003e\n \u003cp\u003eConditionnée dans un élégant \u003cstrong\u003eflacon en verre de 50 ml\u003c\/strong\u003e équipé d'un spray pratique, cette huile végétale bio est pensée pour s'intégrer facilement à votre routine beauté quotidienne, que ce soit en soin visage, corps ou capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'huile bio d'avocat se distingue des autres huiles végétales par un profil lipidique exceptionnellement riche et équilibré. Sa composition en fait un véritable concentré de bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫒 Acide oléique (oméga-9)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e55 à 70 %\u003c\/strong\u003e — acide gras mono-insaturé principal. Pénètre facilement l'épiderme pour nourrir les couches profondes, renforce le film hydrolipidique et apporte une souplesse durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Acide palmitoléique (oméga-7)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 à 10 %\u003c\/strong\u003e — rare dans le monde végétal, naturellement présent dans le sébum humain. Contribue à la régénération des peaux matures ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Acide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 15 %\u003c\/strong\u003e — essentiel au maintien de la barrière cutanée. Aide à prévenir la déshydratation et apaise les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Acide palmitique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 20 %\u003c\/strong\u003e — participe à l'effet protecteur et émollient de l'huile, renforçant la couche lipidique naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌟 Vitamines A, D, E et K\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E agit comme un puissant antioxydant. La vitamine A soutient le renouvellement cellulaire. La vitamine K contribue à atténuer cernes et rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Phytostérols et caroténoïdes\u003c\/h3\u003e\n \u003cp\u003eComposés bioactifs qui renforcent les propriétés réparatrices et anti-âge de l'huile pour une peau visiblement revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient INCI :\u003c\/strong\u003e Persea Gratissima Oil* — \u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003cbr\u003e\n \u003cstrong\u003ePartie pressée :\u003c\/strong\u003e pulpe du fruit. C'est cette extraction à partir de la chair (et non du noyau) qui confère à l'huile sa couleur verte caractéristique et sa richesse exceptionnelle en nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile végétale d'avocat bio pour la peau\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLes bienfaits de l'huile végétale d'avocat sur la peau sont multiples et particulièrement appréciés des peaux sèches, matures ou fragilisées. Tous les types de peau peuvent y trouver leur compte.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💦 Nutrition intense des peaux sèches et déshydratées\u003c\/h3\u003e\n \u003cp\u003eSi votre peau tiraille, pèle ou manque cruellement de confort, l'huile d'avocat est l'une des huiles végétales les plus nourrissantes. Sa texture riche mais non grasse pénètre remarquablement bien sans laisser de film collant. Elle restaure le film hydrolipidique et aide la peau à retenir son hydratation naturelle. Vous sentirez la différence dès les premières applications : une peau plus douce, plus souple, véritablement apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Soin anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en \u003cstrong\u003evitamine E, en phytostérols et en acide palmitoléique\u003c\/strong\u003e, cette huile contribue à préserver l'élasticité de la peau et à atténuer les signes visibles du vieillissement. Elle soutient le renouvellement cellulaire et aide à maintenir une peau d'apparence ferme et lumineuse. Un soin anti-âge naturel précieux, en complément de votre crème habituelle ou utilisée seule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🩹 Réparation des peaux abîmées et fragilisées\u003c\/h3\u003e\n \u003cp\u003ePeaux irritées par le froid, le vent, le soleil ou des soins trop agressifs ? L'huile d'avocat bio agit comme un véritable baume réparateur. Elle calme les inconforts, aide à restaurer la barrière cutanée endommagée et protège la peau des agressions extérieures. Excellent soin pour les coudes, genoux, talons et mains gercées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Alliée des peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eNaturellement bien tolérée, cette huile végétale convient aux peaux les plus délicates. Son profil en acides gras proches de ceux du sébum humain lui confère une excellente affinité avec la peau, minimisant les risques de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile d'avocat bio pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eSi vous avez les cheveux secs, cassants, ternes ou crépus, l'huile végétale d'avocat pourrait bien devenir votre meilleure alliée capillaire.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💪 Nutrition profonde de la fibre capillaire\u003c\/h3\u003e\n \u003cp\u003eContrairement à de nombreuses huiles qui restent en surface, l'huile d'avocat possède une capacité remarquable à pénétrer la fibre du cheveu. Elle nourrit de l'intérieur, redonnant souplesse, brillance et résistance aux cheveux les plus desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la casse\u003c\/h3\u003e\n \u003cp\u003eEn renforçant la structure du cheveu, elle réduit significativement la casse et les pointes fourchues. Particulièrement recommandée si vos cheveux sont abîmés par les colorations, le lissage ou les appareils chauffants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquée en massage sur le cuir chevelu, elle nourrit la peau et favorise un environnement sain pour la pousse. D'un grand secours en cas de cuir chevelu sec ou sujet aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Discipline des cheveux frisés et crépus\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les longueurs et les pointes suffisent à dompter les frisottis et à définir les boucles, tout en apportant un toucher soyeux et une brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'avocat bio au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLa polyvalence de cette huile végétale est l'un de ses plus grands atouts. Voici des conseils d'utilisation concrets pour en tirer le meilleur parti :\u003c\/p\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, appliquez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e sur le visage et le cou. Massez doucement en mouvements circulaires ascendants. Utilisez-la seule ou mélangée à votre crème de nuit. Le matin, une ou deux gouttes sur les zones sèches suffisent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement une micro-goutte sous chaque œil, du coin interne vers le coin externe. Sa teneur en vitamine K en fait un soin intéressant pour la zone fragile du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur une peau encore légèrement humide, appliquez généreusement sur les zones sèches (jambes, bras, mains, pieds). L'eau résiduelle facilite l'absorption et renforce l'effet hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et les pointes, massez le cuir chevelu. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 1 à 2 heures\u003c\/strong\u003e (ou toute une nuit). Procédez ensuite à votre shampooing — deux lavages peuvent être nécessaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn sérum sans rinçage pour les pointes\u003c\/h3\u003e\n \u003cp\u003eSur cheveux secs ou humides, frottez une à deux gouttes entre vos paumes et lissez-les sur les pointes. Cela protège les cheveux de la sécheresse sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn base pour vos mélanges cosmétiques maison\u003c\/h3\u003e\n \u003cp\u003eExcellente base pour diluer des huiles essentielles ou créer vos propres sérums. Se marie parfaitement avec l'huile essentielle de \u003cstrong\u003elavande\u003c\/strong\u003e (apaisante), d'\u003cstrong\u003eylang-ylang\u003c\/strong\u003e (cheveux) ou de \u003cstrong\u003egéranium rosat\u003c\/strong\u003e (anti-âge).\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=\"av-section\"\u003e\n \u003ch2\u003eQuels types de peau et de cheveux sont concernés ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003ePour vous aider à savoir si cette huile bio d'avocat est faite pour vous, voici un récapitulatif :\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eTerrain de prédilection. Effet nourrissant immédiat et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eSoin anti-âge naturel grâce aux antioxydants et au soutien de l'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles ou irritées\u003c\/h3\u003e\n \u003cp\u003eApaisante et protectrice, elle restaure le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Peaux ternes et fatiguées\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat et donne un aspect plus lumineux au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs, cassants ou abîmés\u003c\/h3\u003e\n \u003cp\u003eNutrition et réparation en profondeur de la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Cheveux crépus, frisés ou bouclés\u003c\/h3\u003e\n \u003cp\u003eDiscipline, définition des boucles et brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Cuir chevelu sec\u003c\/h3\u003e\n \u003cp\u003eApaise et nourrit sans agresser le cuir chevelu sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRemarque :\u003c\/strong\u003e si vous avez la peau grasse ou à tendance acnéique, l'huile d'avocat peut s'avérer un peu trop riche en application quotidienne sur le visage. Privilégiez une utilisation ponctuelle ou localisée sur les zones sèches uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eCette huile végétale est produite par la Distillerie Saint-Hilaire, une maison installée au cœur de l'Auvergne, reconnue pour son engagement envers la qualité et le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌿 Agriculture biologique certifiée\u003c\/h3\u003e\n \u003cp\u003eLes avocats utilisés sont issus de cultures biologiques, sans pesticides ni engrais chimiques de synthèse. Un engagement fort pour la nature et votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n \u003cp\u003eCette méthode d'extraction douce, sans chaleur excessive, préserve l'intégralité des nutriments et des propriétés actives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure et vierge\u003c\/h3\u003e\n \u003cp\u003eAucun additif, aucun conservateur, aucune dilution. Un produit brut et authentique, dans toute sa richesse naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e♻️ Flacon en verre recyclable\u003c\/h3\u003e\n \u003cp\u003eLe conditionnement en verre ambré protège l'huile de la lumière qui dégrade les vitamines, tout en s'inscrivant dans une démarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧴 Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Évitez toute application sur les enfants de moins de 3 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e⚠️ Allergies et test cutané\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue à l'avocat ou au latex (allergie croisée possible), effectuez un test cutané dans le pli du coude \u003cstrong\u003e48 heures avant\u003c\/strong\u003e la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière directe\u003c\/strong\u003e pour préserver toutes les propriétés de l'huile. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue en aucun cas un traitement médical et ne saurait se substituer à l'avis d'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!-- H2 #9 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile végétale d'avocat bio\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat bio est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile d'avocat possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles modérément comédogènes. Pour la plupart des types de peau, elle ne pose aucun problème. Toutefois, si vous avez la peau très grasse ou sujette aux imperfections, privilégiez une utilisation avec parcimonie sur le visage ou réservez-la aux soins capillaires et corporels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on utiliser l'huile d'avocat autour des yeux ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tout à fait. Sa richesse en vitamines et sa texture qui pénètre bien en font un soin adapté à cette zone fragile. Veillez simplement à ne pas en appliquer directement dans les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat convient-elle aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile végétale d'avocat pure, sans ajout d'huiles essentielles, est généralement bien tolérée pendant la grossesse. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures. En cas de doute, demandez l'avis de votre médecin ou de votre sage-femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eComment savoir si mon huile d'avocat est encore bonne ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eUne huile d'avocat bio de qualité possède une \u003cstrong\u003eodeur douce et légèrement verte\u003c\/strong\u003e, caractéristique du fruit. Si elle dégage une odeur rance ou désagréable, elle s'est oxydée et il est préférable de ne plus l'utiliser. Bien conservée, elle se garde généralement entre \u003cstrong\u003e6 et 12 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on mélanger l'huile d'avocat avec d'autres huiles végétales ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. L'huile d'avocat se marie très bien avec l'\u003cstrong\u003ehuile de jojoba\u003c\/strong\u003e (pour équilibrer les peaux mixtes), l'\u003cstrong\u003ehuile de coco\u003c\/strong\u003e (pour un masque capillaire ultra-nourrissant) ou l'\u003cstrong\u003ehuile de rose musquée\u003c\/strong\u003e (pour renforcer l'effet anti-âge). N'hésitez pas à créer vos propres synergies selon 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=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"av-cta-box\"\u003e\n \u003cp\u003e🥑 Offrez à votre peau et vos cheveux le meilleur de la nature avec cette huile d'avocat bio, pure et authentique, distillée avec soin au cœur de l'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Usage cosmétique externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #6B8E23;\n --av-primary-dark: #3d5a0f;\n --av-primary-light: #f0f4e4;\n --av-secondary: #8B5E3C;\n --av-accent: #C5D45A;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0e0e0;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a0f 0%, #6B8E23 40%, #8B5E3C 100%);\n border-radius: var(--av-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(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(197,212,90,.15) 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(139,94,60,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-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.av-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.av-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.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-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(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-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.av-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(--av-primary), var(--av-accent));\n border-radius: 2px;\n}\n\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-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.av-highlight-box {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--av-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.av-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-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(107,142,35,.3);\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.av-testimonial {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-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.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-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.av-disclaimer {\n font-size: 12px;\n color: var(--av-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 .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-testimonial {\n padding: 1.25rem;\n }\n\n .av-testimonial-text {\n font-size: 14px;\n }\n\n .av-highlight-box {\n padding: 1.25rem;\n }\n\n .av-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n .av-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes avFadeInUp {\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 .av-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":54861991182713,"sku":"NBAIDSH0024","price":6.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HVavocat_1_-min.jpg?v=1736419851"},{"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":"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":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HV_jojoba-min.jpg?v=1770369059"},{"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-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":"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":false}],"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":true}],"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":"huile-absolu-nectar-karite-50ml","title":"Absolu Nectar - Huile Corps \u0026 Cheveux 49,3% de Karité - 50ml K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Absolu Nectar - Huile Corps \u0026 Cheveux 49,3% de Karité - 50ml K pour Karité\nPalette détectée:\n - Primaire: #C4975A (doré\/sable chaud du packaging)\n - Secondaire: #B44A2D (rouge-terre\/terracotta des motifs africains)\n - Accent: #8B6339 (brun chocolat des motifs géométriques)\nAmbiance: Chaleureux, ethnique\/africain, naturel\/bio, féminin élégant, motifs géométriques africains, inspiration karité\/monoï\nPréfixe CSS: kn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Absolu Nectar K pour Karité : l'huile corps et cheveux au karité qui change tout\"\n 2. \"Pourquoi le karité est l'allié incontournable de votre peau et de vos cheveux\"\n 3. \"8 huiles végétales bio pour une synergie unique\"\n 4. \"À qui s'adresse l'Absolu Nectar ?\"\n 5. \"Comment utiliser l'huile Absolu Nectar au quotidien ?\"\n 6. \"Un parfum de monoï qui fait voyager\"\n 7. \"Certification bio et engagements de K pour Karité\"\n 8. \"Composition complète (INCI)\"\n 9. \"Les points essentiels à retenir\"\n 10. \"Conseils et précautions d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kn-hero\"\u003e\n \u003cdiv class=\"kn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kn-hero-content\"\u003e\n \u003cdiv class=\"kn-badges-top\"\u003e\n \u003cspan class=\"kn-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"kn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kn-badge\"\u003e🧴 49,3 % de karité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kn-hero-title\"\u003eAbsolu Nectar\u003c\/span\u003e\n \u003cp class=\"kn-subtitle\"\u003eHuile corps \u0026amp; cheveux au karité — K pour Karité\u003c\/p\u003e\n \u003cp class=\"kn-description\"\u003eUne huile sèche multi-usages concentrée en 8 huiles végétales bio, sublimée par un parfum envoûtant de monoï. Un seul geste pour nourrir, protéger et révéler l'éclat de votre peau et de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eAbsolu Nectar K pour Karité : l'huile corps et cheveux au karité qui change tout\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eImaginez un seul flacon capable de nourrir vos cheveux les plus assoiffés, d'adoucir votre peau au quotidien et de sublimer votre visage, le tout enveloppé d'un parfum de monoï qui vous transporte instantanément.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid-compact\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🧴 Huile sèche multi-usages\u003c\/h3\u003e\n \u003cp\u003eCorps, cheveux et visage réunis en un seul soin d'exception\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌰 49,3 % de beurre de karité\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient principal pour une nutrition intense et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌿 8 huiles végétales bio\u003c\/h3\u003e\n \u003cp\u003eSoigneusement sélectionnées pour une synergie nourrissante unique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌺 Parfum monoï\u003c\/h3\u003e\n \u003cp\u003eUne fragrance douce et enveloppante qui évoque l'évasion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003ePourquoi le karité est l'allié incontournable de votre peau et de vos cheveux\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eUtilisé depuis des siècles en Afrique de l'Ouest, le beurre de karité est reconnu pour sa richesse exceptionnelle en acides gras essentiels, en vitamines A, D, E et F, ainsi qu'en phytostérols.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e💧 Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eIl pénètre les couches superficielles de l'épiderme et la fibre capillaire pour restaurer durablement souplesse et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eIl forme un film protecteur non occlusif qui aide la peau et les cheveux à résister aux agressions quotidiennes : froid, vent, pollution, soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n \u003cp\u003eSes propriétés adoucissantes calment les tiraillements, les irritations légères et les sensations d'inconfort, y compris sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e✨ Réparation\u003c\/h3\u003e\n \u003cp\u003eIl aide à restaurer la barrière cutanée fragilisée et à redonner vitalité aux cheveux abîmés, cassants ou desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec une concentration de \u003cstrong\u003e49,3 %\u003c\/strong\u003e, l'Absolu Nectar fait du karité son ingrédient principal, pour des résultats perceptibles dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003e8 huiles végétales bio pour une synergie unique\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eCe qui distingue cette huile corps et cheveux au karité des autres soins du marché, c'est la qualité et la complémentarité des huiles végétales qui accompagnent le beurre de karité.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels (sésamol, sésamine), elle régénère la peau et protège la barrière cutanée. Pénètre facilement sans résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eConcentrée en polyphénols et vitamine E, elle nourrit, protège et redonne éclat aux peaux ternes comme aux cheveux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🍑 Huile de noyau d'abricot bio\u003c\/h3\u003e\n \u003cp\u003eVéritable booster de luminosité, elle tonifie et revitalise les peaux déshydratées avec un toucher satiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🥑 Huile d'avocat bio\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adaptée aux cheveux secs, ternes ou crépus, elle stimule la brillance et redonne vitalité à la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌴 Huile de babassu bio\u003c\/h3\u003e\n \u003cp\u003eLégère et fondante, elle maintient une hydratation optimale sans alourdir les cheveux, tout en les protégeant au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eL'une des huiles les plus douces qui existent, elle convient même aux peaux les plus réactives. Adoucit et fortifie les cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌵 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eSa composition proche du sébum naturel en fait un régulateur remarquable. Rééquilibre les peaux mixtes et renforce les cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🥜 Huile de macadamia\u003c\/h3\u003e\n \u003cp\u003eConnue pour sa pénétration ultra-rapide, elle nourrit et assouplit la peau sans jamais laisser de film gras. Idéale pour les textures légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssociées au tournesol (riche en vitamine E antioxydante) et à la vitamine E naturelle (tocophérol), ces huiles forment un \u003cstrong\u003ecocktail nourrissant, protecteur et réparateur\u003c\/strong\u003e d'une rare efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse l'Absolu Nectar ?\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eC'est l'un des grands atouts de cette huile : elle s'adapte à une multitude de profils et de besoins.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux secs, abîmés ou cassants\u003c\/h3\u003e\n \u003cp\u003eColorations répétées, brushings, soleil… vos cheveux ont besoin d'une nutrition intense que les soins classiques ne suffisent plus à apporter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e〰️ Cheveux bouclés, frisés ou crépus\u003c\/h3\u003e\n \u003cp\u003eNaturellement plus sujets à la sécheresse, le karité et les huiles végétales sont leurs meilleurs alliés pour retrouver définition, souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🤍 Peau sèche ou déshydratée\u003c\/h3\u003e\n \u003cp\u003eTiraillements après la douche, zones rugueuses sur les coudes, les genoux ou les jambes… cette huile apporte une nutrition immédiate et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌷 Peau sensible ou réactive\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa formule naturelle sans ingrédient agressif, elle convient aux épidermes les plus délicats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e⏱️ Routine simplifiée\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour le corps, les cheveux et le visage, c'est moins de flacons dans la salle de bain et plus de temps pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile Absolu Nectar au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eLe format pompe de 50 ml est à la fois pratique et économique : quelques pressions suffisent à chaque utilisation.\u003c\/p\u003e\n \u003cdiv class=\"kn-timeline\"\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin quotidien pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eChauffez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e entre vos paumes, puis appliquez sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e de vos cheveux secs ou légèrement humides. Plus de brillance, moins de frisottis, des pointes visiblement plus souples. Particulièrement efficace sur les cheveux bouclés ou crépus pour définir les boucles sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eMasque réparateur avant shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur l'ensemble de la chevelure, des racines aux pointes. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 20 à 30 minutes\u003c\/strong\u003e (voire toute la nuit pour les cheveux très abîmés). Procédez ensuite à votre shampooing habituel. Répétez une fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin visage hydratant\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et sèche, déposez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e et massez délicatement votre visage en mouvements circulaires ascendants. L'huile pénètre rapidement et laisse la peau douce, nourrie et lumineuse. Utilisez-la seule ou avant votre crème de jour pour renforcer l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin corps nourrissant\u003c\/h3\u003e\n \u003cp\u003eLe moment idéal : \u003cstrong\u003ejuste après la douche\u003c\/strong\u003e, sur une peau encore légèrement humide. L'eau facilite la pénétration de l'huile et permet de « sceller » l'hydratation. Massez les zones les plus sèches (jambes, bras, coudes, pieds) jusqu'à absorption complète. Résultat : une peau satinée, souple et délicatement parfumée au monoï.\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=\"kn-section\"\u003e\n \u003ch2\u003eUn parfum de monoï qui fait voyager\u003c\/h2\u003e\n \u003cdiv class=\"kn-testimonial\"\u003e\n \u003cp class=\"kn-testimonial-text\"\u003e\"Au-delà de son efficacité, l'Absolu Nectar offre une véritable expérience sensorielle. Sa fragrance de monoï, douce et enveloppante, transforme chaque application en un moment de plaisir. Ce n'est pas un parfum synthétique entêtant : il reste subtil, s'estompe en douceur et laisse sur la peau et les cheveux un léger sillage exotique, parfait pour prolonger la sensation de vacances toute l'année.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eCertification bio et engagements de K pour Karité\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eL'Absolu Nectar n'est pas seulement un soin performant, c'est aussi un choix responsable.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio par Ecocert\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmébio : garantie d'un cahier des charges strict en matière d'ingrédients naturels et biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌱 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eDont 50 % d'ingrédients issus de l'agriculture biologique. Sans silicone, sans paraben, sans colorant de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré et conditionné au Laboratoire Arlland, dans le respect des normes françaises les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUne marque engagée auprès des communautés productrices de karité en Afrique, dans une démarche de valorisation des savoir-faire traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eEn choisissant ce produit, vous soutenez une cosmétique qui respecte à la fois votre peau, vos cheveux et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"kn-accordion\"\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eButyrospermum parkii (Shea) oil, Helianthus annuus (Sunflower) seed oil, Sesamum indicum (Sesame) seed oil*, Olea europaea (Olive) fruit oil*, Prunus armeniaca (Apricot) kernel oil*, Persea gratissima (Avocado) oil*, Orbignya oleifera seed oil*, Prunus amygdalus dulcis (Sweet almond) oil*, Simmondsia chinensis (Jojoba) seed oil*, Macadamia integrifolia seed oil, Tocopherol, Parfum (Fragrance), Linalool.\u003c\/em\u003e\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 \u003c!-- H2 #9 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eLes points essentiels à retenir\u003c\/h2\u003e\n \u003cdiv class=\"kn-grid-compact\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml — format pompe pratique et hygiénique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🧴 Type de soin\u003c\/h3\u003e\n \u003cp\u003eHuile sèche multi-usages corps, cheveux et visage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌰 Actif principal\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité à 49,3 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eBio Ecocert \/ Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance — Laboratoire Arlland\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e👩 Convient à\u003c\/h3\u003e\n \u003cp\u003eTous types de peau et cheveux, idéal peaux sèches et cheveux abîmés\/bouclés\/crépus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌺 Parfum\u003c\/h3\u003e\n \u003cp\u003eMonoï — fragrance douce et enveloppante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #10 --\u003e\n \u003csection class=\"kn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConseils et précautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"kn-accordion\"\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière directe et de la chaleur excessive pour préserver la qualité des huiles végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eBien que la formule soit naturelle et douce, il est toujours conseillé de \u003cstrong\u003eréaliser un test cutané\u003c\/strong\u003e dans le pli du coude 24 heures avant la première utilisation, surtout si vous avez une peau à tendance allergique. 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=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003eℹ️ Information importante\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique est un soin de beauté et de confort. Il \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e en cas de problème dermatologique spécifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kn-disclaimer\"\u003eCe produit cosmétique est un soin de beauté et de confort. Il ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kn-cream: #FDF8F2;\n --kn-white: #ffffff;\n --kn-primary: #C4975A;\n --kn-primary-dark: #8B6339;\n --kn-primary-light: #F5EDE3;\n --kn-secondary: #B44A2D;\n --kn-accent: #D4A76A;\n --kn-text: #1a1a1a;\n --kn-text-light: #5a5a5a;\n --kn-border: #e8ddd1;\n --kn-shadow: 0 4px 24px rgba(139,99,57,.08);\n --kn-shadow-lg: 0 12px 48px rgba(139,99,57,.15);\n --kn-radius: 20px;\n --kn-radius-sm: 12px;\n}\n\n.kn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kn-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6339 0%, #C4975A 45%, #B44A2D 100%);\n border-radius: var(--kn-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(--kn-shadow-lg);\n}\n\n.kn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px);\n opacity: 1;\n}\n\n.kn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kn-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.kn-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: .01em;\n}\n\n.kn-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.kn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kn-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(--kn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kn-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.kn-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(--kn-primary), var(--kn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.kn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kn-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.kn-card {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kn-shadow-lg);\n border-color: var(--kn-primary);\n}\n\n.kn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kn-grid-compact .kn-card {\n padding: 1rem;\n}\n\n.kn-grid-compact .kn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kn-grid-compact .kn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kn-primary), var(--kn-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.kn-timeline-content {\n flex: 1;\n background: var(--kn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kn-radius-sm);\n box-shadow: var(--kn-shadow);\n}\n\n.kn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kn-timeline-content p {\n font-size: 14px;\n color: var(--kn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kn-testimonial {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kn-shadow);\n border-left: 4px solid var(--kn-primary);\n}\n\n.kn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kn-accordion {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n box-shadow: var(--kn-shadow);\n overflow: hidden;\n}\n\n.kn-accordion-item {\n border-bottom: 1px solid var(--kn-border);\n margin: 0;\n padding: 0;\n}\n\n.kn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kn-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.kn-accordion-header:hover {\n background: var(--kn-primary-light);\n}\n\n.kn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kn-primary);\n transition: transform .2s ease;\n}\n\n.kn-accordion-item[open] .kn-accordion-header::after {\n content: '−';\n}\n\n.kn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kn-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kn-primary-light);\n border-radius: var(--kn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kn-tip p {\n font-size: 14px;\n color: var(--kn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kn-disclaimer {\n font-size: 12px;\n color: var(--kn-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 .kn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kn-card {\n padding: 1.125rem;\n }\n\n .kn-section {\n margin-bottom: 1.75rem;\n }\n\n .kn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kn-radius-sm);\n }\n\n .kn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kn-grid-compact {\n gap: .625rem;\n }\n\n .kn-grid-compact .kn-card {\n padding: .75rem;\n }\n\n .kn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kn-timeline-content h3 {\n font-size: 14px;\n }\n\n .kn-timeline-content p {\n font-size: 13px;\n }\n\n .kn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kn-testimonial {\n padding: 1.25rem;\n }\n\n .kn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kn-card {\n animation: knFadeInUp .5s ease backwards;\n }\n .kn-card:nth-child(1) { animation-delay: .05s; }\n .kn-card:nth-child(2) { animation-delay: .1s; }\n .kn-card:nth-child(3) { animation-delay: .15s; }\n .kn-card:nth-child(4) { animation-delay: .2s; }\n .kn-card:nth-child(5) { animation-delay: .25s; }\n .kn-card:nth-child(6) { animation-delay: .3s; }\n .kn-card:nth-child(7) { animation-delay: .35s; }\n .kn-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes knFadeInUp {\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 .kn-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":54881539883385,"sku":"ABSOLUNECTAR","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/absolu-nectar-k-pour-karite-min.jpg?v=1737037116"},{"product_id":"eau-capillaire-catalyons-flacon-vaporisateur","title":"Eau capillaire - Catalyons - Flacon vaporisateur 150 ml","description":"\u003cp\u003e```html\u003c\/p\u003e\n\u003cdiv class=\"ec-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ec-hero\"\u003e\n\u003cdiv class=\"ec-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ec-hero-content\"\u003e\n\u003cdiv class=\"ec-badges-top\"\u003e\n\u003cspan class=\"ec-badge\"\u003e🧪 4 oligo-éléments ionisés\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🚫 Sans parfum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ec-hero-title\"\u003eEau capillaire Catalyons\u003c\/span\u003e\n\u003cp class=\"ec-subtitle\"\u003eArgent colloïdal · Zinc · Silicium · Cuivre\u003c\/p\u003e\n\u003cp class=\"ec-description\"\u003eLe soin vaporisateur aux oligo-éléments brevetés qui revitalise vos cheveux de la racine aux pointes - sans alourdir, sans graisser, sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eEau capillaire Catalyons : le soin aux oligo-éléments pour des cheveux revitalisés\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eVous cherchez un \u003cstrong\u003esoin capillaire naturel\u003c\/strong\u003e capable de redonner force et éclat à vos cheveux ? L'\u003cstrong\u003eeau capillaire Catalyons\u003c\/strong\u003e associe la puissance de quatre oligo-éléments ionisés - \u003cstrong\u003eargent colloïdal, zinc, silicium et cuivre\u003c\/strong\u003e - enrichis en chlorophylle, pour un soin complet du cuir chevelu jusqu'aux pointes.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid-compact\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e💧 150 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon vaporisateur pratique et hygiénique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n\u003cp\u003eNe graisse pas, ne laisse aucun résidu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e👨👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eAdultes et enfants, tous types de cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e📅 Usage quotidien\u003c\/h3\u003e\n\u003cp\u003eS'intègre facilement dans votre routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eComposition détaillée et rôle de chaque actif\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eUne formule reposant sur un \u003cstrong\u003eprocédé breveté d'électrolyse\u003c\/strong\u003e et une dynamisation par vortex, garantissant des oligo-éléments parfaitement biodisponibles.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🔬 Silicium (acide orthosilicique)\u003c\/h3\u003e\n\u003cp\u003eIndispensable à la structure de la fibre capillaire, il contribue à renforcer les cheveux fragilisés et à leur redonner de l'élasticité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e⚖️ Zinc\u003c\/h3\u003e\n\u003cp\u003eReconnu pour son rôle dans la régulation du sébum, il aide à maintenir un cuir chevelu équilibré et à limiter l'apparition de pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🟤 Cuivre\u003c\/h3\u003e\n\u003cp\u003eParticipe à la pigmentation naturelle du cheveu et soutient la microcirculation au niveau du cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🛡️ Argent colloïdal\u003c\/h3\u003e\n\u003cp\u003eSes propriétés purifiantes contribuent à assainir le cuir chevelu et à prévenir les déséquilibres microbiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🌿 Chlorophylle\u003c\/h3\u003e\n\u003cp\u003eOxygénante et revitalisante, elle apporte un coup de fraîcheur au cuir chevelu tout en favorisant la vitalité des cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-tip\"\u003e\n\u003cspan class=\"ec-tip-icon\"\u003e📋\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eListe INCI complète :\u003c\/strong\u003e Aqua, Hydrated Silica, Chlorophyllin-Copper Complex, Zinc, Silver, Copper.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets pour vos cheveux\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eCe \u003cstrong\u003esoin capillaire naturel\u003c\/strong\u003e agit sur plusieurs fronts, que vos cheveux soient secs, gras, ternes ou fragilisés.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e💪 Fortifie la fibre capillaire\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments pénètrent rapidement pour nourrir le cheveu en profondeur, lui redonnant résistance et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e✨ Purifie et assainit\u003c\/h3\u003e\n\u003cp\u003eL'action combinée de l'argent colloïdal et du zinc aide à éliminer les impuretés et à apaiser les démangeaisons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🌟 Brillance et légèreté\u003c\/h3\u003e\n\u003cp\u003eLa texture aqueuse, sans parfum et non grasse, laisse les cheveux souples et lumineux sans aucun résidu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e👩👦 Convient à toute la famille\u003c\/h3\u003e\n\u003cp\u003eSa formulation douce, sans conservateur ni additif chimique, permet une utilisation aussi bien chez les adultes que chez les enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eComment utiliser l'eau capillaire Catalyons ?\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003ePour des résultats visibles, suivez cette méthode simple et efficace :\u003c\/p\u003e\n\u003cdiv class=\"ec-timeline\"\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eVaporisez généreusement\u003c\/h3\u003e\n\u003cp\u003eSur le \u003cstrong\u003ecuir chevelu et les longueurs\u003c\/strong\u003e, sur cheveux propres, secs ou légèrement humides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eDu bout des doigts pendant une à deux minutes pour stimuler la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher naturellement\u003c\/h3\u003e\n\u003cp\u003eSans rinçage. Vous pouvez ensuite coiffer vos cheveux normalement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez l'application\u003c\/h3\u003e\n\u003cp\u003eChaque jour ou plusieurs fois par semaine, selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-tip\"\u003e\n\u003cspan class=\"ec-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un effet revitalisant renforcé, utilisez cette eau capillaire en complément de votre shampoing habituel, directement après le lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ec-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eUn soin 100 % naturel, fabriqué en France\u003c\/h2\u003e\n\u003cdiv class=\"ec-cta-box\"\u003e\n\u003cp\u003eLes \u003cstrong\u003elaboratoires Catalyons\u003c\/strong\u003e, pionniers dans le domaine des oligo-éléments ionisés depuis plus de 50 ans, conçoivent l'ensemble de leurs produits en France. L'eau capillaire Catalyons est \u003cstrong\u003esans parfum, sans conservateur, sans paraben\u003c\/strong\u003e et non testée sur les animaux. Son flacon vaporisateur permet un dosage précis et une utilisation hygiénique, à la maison comme en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ec-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème capillaire persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ec-cream: #f4f8f5;\n --ec-white: #ffffff;\n --ec-primary: #2e7d5b;\n --ec-primary-dark: #1a5c3f;\n --ec-primary-light: #e8f5ee;\n --ec-secondary: #3a8fb7;\n --ec-accent: #2c5f8a;\n --ec-text: #1a1a1a;\n --ec-text-light: #5a5a5a;\n --ec-border: #d8e6de;\n --ec-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ec-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ec-radius: 20px;\n --ec-radius-sm: 12px;\n}\n\n.ec-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ec-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ec-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5c3f 0%, #2e7d5b 40%, #3a8fb7 100%);\n border-radius: var(--ec-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(--ec-shadow-lg);\n}\n\n.ec-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.12) 0%, transparent 60%),\n radial-gradient(ellipse at 70% 80%, rgba(58,143,183,.2) 0%, transparent 50%);\n opacity: 1;\n}\n\n.ec-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ec-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.ec-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.ec-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.ec-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ec-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(--ec-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ec-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ec-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ec-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ec-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.ec-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(--ec-primary), var(--ec-secondary));\n border-radius: 2px;\n}\n\n.ec-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ec-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.ec-card {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ec-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ec-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ec-shadow-lg);\n border-color: var(--ec-primary);\n}\n\n.ec-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ec-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ec-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ec-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ec-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ec-grid-compact .ec-card {\n padding: 1rem;\n}\n\n.ec-grid-compact .ec-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ec-grid-compact .ec-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ec-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ec-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ec-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ec-primary), var(--ec-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.ec-timeline-content {\n flex: 1;\n background: var(--ec-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ec-radius-sm);\n box-shadow: var(--ec-shadow);\n}\n\n.ec-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ec-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ec-timeline-content p {\n font-size: 14px;\n color: var(--ec-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ec-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ec-primary-light);\n border-radius: var(--ec-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ec-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ec-tip p {\n font-size: 14px;\n color: var(--ec-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ec-cta-box {\n background: linear-gradient(135deg, var(--ec-primary) 0%, var(--ec-primary-dark) 100%);\n border-radius: var(--ec-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ec-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.8;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.ec-cta-box strong {\n font-weight: 700;\n}\n\n\/* === DISCLAIMER === *\/\n.ec-disclaimer {\n font-size: 12px;\n color: var(--ec-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 .ec-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ec-card {\n padding: 1.125rem;\n }\n\n .ec-section {\n margin-bottom: 1.75rem;\n }\n\n .ec-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ec-radius-sm);\n }\n\n .ec-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ec-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ec-grid-compact {\n gap: .625rem;\n }\n\n .ec-grid-compact .ec-card {\n padding: .75rem;\n }\n\n .ec-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ec-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ec-timeline-content h3 {\n font-size: 14px;\n }\n\n .ec-timeline-content p {\n font-size: 13px;\n }\n\n .ec-testimonial {\n padding: 1.25rem;\n }\n\n .ec-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ec-card {\n animation: ecFadeInUp .5s ease backwards;\n }\n .ec-card:nth-child(1) { animation-delay: .05s; }\n .ec-card:nth-child(2) { animation-delay: .1s; }\n .ec-card:nth-child(3) { animation-delay: .15s; }\n .ec-card:nth-child(4) { animation-delay: .2s; }\n .ec-card:nth-child(5) { animation-delay: .25s; }\n .ec-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ecFadeInUp {\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 .ec-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54897389437305,"sku":"38833002","price":11.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-capillaire-catalyons-flacon-vaporisateur-150-ml-lifestyle_c3c1aa09-6b19-4d4c-b9e8-9d1db7b97525.webp?v=1772099412"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/soin-capillaire-495305.jpg?v=1732719585","url":"https:\/\/www.naturellement-bio.com\/collections\/soin-capillaire.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}