{"title":"Comptoir des huiles","description":"\u003cp\u003eImaginez un couple qui plaque tout pour donner un sens à sa vie. Stéphane, alors dans la chimie plastique où les méthodes l'indignaient, et Virginie survolent Madagascar en famille. Le déclic est immédiat. Ce voyage va transformer leur existence et donner naissance à \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e, l'une de nos marques chouchous chez Naturellement Bio.\u003c\/p\u003e\n\u003ch2\u003eUne aventure familiale au cœur de Madagascar\u003c\/h2\u003e\n\u003cp\u003eL'histoire a commencé il y a plus de 20 ans, quand cette famille de cinq personnes - Stéphane, Virginie et leurs trois garçons Quentin, Alix et Pierre - découvre la richesse des végétaux malgaches et rencontre ses habitants pour \u003cstrong\u003eapprendre les traditions locales\u003c\/strong\u003e. En rentrant, ils décident de créer Comptoir des huiles pour mettre en avant la richesse du sol et le savoir-faire précieux du peuple malgache.\u003c\/p\u003e\n\u003cp\u003eCe qui nous a séduits chez eux ? Cette authenticité totale. Pas de marketing tape-à-l'œil, juste une famille qui a eu le courage de tout recommencer pour être en cohérence avec ses valeurs. Stéphane quitte son poste de responsable R\u0026amp;D dans une multinationale pour mettre ses connaissances au service d'un travail plus respectueux des hommes et de l'environnement.\u003c\/p\u003e\n\u003ch2\u003ePourquoi on a craqué pour cette marque\u003c\/h2\u003e\n\u003cp\u003eChez Naturellement Bio, on cherche des marques qui ont du sens, pas juste des produits. Avec Comptoir des Huiles, on a trouvé bien plus qu'un fournisseur : une entreprise qui produit des huiles \u003cstrong\u003e100% naturelles et éthiques\u003c\/strong\u003e à Madagascar, veille à un travail éthique et respectueux de l'environnement, tout en impliquant plus de 7 000 familles pour la récolte.\u003c\/p\u003e\n\u003cp\u003eLeur approche nous fascine : lors de la cueillette, un quart des graines sont laissées pour permettre la dispersion naturelle et la multiplication des espèces végétales. Dans les régions déboisées de Madagascar, ils se sont même associés avec le World Wildlife Fund pour que la forêt puisse revivre.\u003c\/p\u003e\n\u003ch2\u003eDes huiles qui racontent une histoire\u003c\/h2\u003e\n\u003cp\u003eChez Comptoir des Huiles, ils partent de l'essentiel : la nature. Leurs huiles végétales brutes sont sélectionnées pour leur efficacité et leur pureté, sans artifice ni ingrédient inutile. Une fois les ingrédients récupérés, \u003cstrong\u003ela fabrication finale a lieu en France\u003c\/strong\u003e, à Florange.\u003c\/p\u003e\n\u003cp\u003eCe qu'on adore particulièrement, c'est leur transparence totale. Avec les soins Comptoir des Huiles, il est possible de remonter toute la chaîne d'acheminement ! On sait exactement d'où viennent nos produits, et ça, c'est précieux.\u003c\/p\u003e\n\u003ch3\u003eLa différence qu'on ressent vraiment\u003c\/h3\u003e\n\u003cp\u003eFranchement, quand on teste leurs huiles, on comprend tout de suite pourquoi elles se démarquent. Issues d'une pression à froid, elles conservent toutes leurs propriétés et contiennent des ingrédients actifs propres aux bienfaits multiples. Pas de sensation artificielle ou de texture qui colle : juste la pureté brute d'une huile qui pénètre naturellement et nourrit en profondeur.\u003c\/p\u003e\n\u003ch2\u003eNos coups de cœur absolus de la marque\u003c\/h2\u003e\n\u003cp\u003eDifficile de choisir parmi leur gamme, mais on a quand même nos préférés !\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNotre chouchou anti-âge :\u003c\/strong\u003e l'\u003ca href=\"\/products\/huile-de-pepin-de-figue-de-barbarie-anti-age-50ml-comptoir-des-huiles\"\u003ehuile de pépins de figue de barbarie\u003c\/a\u003e. Cette petite merveille est un concentré d'efficacité pour les peaux matures. Sa richesse en vitamine E et ses propriétés raffermissantes en font notre alliée numéro un contre les signes du temps.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003ePour les cheveux :\u003c\/strong\u003e impossible de passer à côté de leur \u003ca href=\"\/products\/carapate-soin-cheveux-comptoir-huiles\"\u003ehuile de carapate\u003c\/a\u003e. Cette huile subit un processus différent, une technique ancestrale où les graines de ricin sont chauffées après avoir été écrasées, selon un savoir-faire qui se transmet de mère en fille. Parfaite pour fortifier et faire briller les cheveux crépus et frisés.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLa polyvalente :\u003c\/strong\u003e leur \u003ca href=\"\/products\/huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles\"\u003ehuile de ricin bio\u003c\/a\u003e reste un incontournable. Que ce soit pour les cils, les sourcils, les cheveux ou même les ongles, elle fait des miracles. On la recommande à toutes celles qui cherchent un soin multi-usage efficace.\u003c\/p\u003e\n\u003ch2\u003eUn engagement qui va bien au-delà du bio\u003c\/h2\u003e\n\u003cp\u003eComptoir des huiles est labellisé Cosmétique Bio charte Cosmebio, garantissant que 95% des ingrédients sont d'origine naturelle et 95% des ingrédients végétaux sont bio. Leurs produits sont certifiés par \u003cstrong\u003eECOCERT\u003c\/strong\u003e selon les standards \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et \u003cstrong\u003eFair For Life\u003c\/strong\u003e, sans ingrédients d'origine animale ni tests sur les animaux.\u003c\/p\u003e\n\u003cp\u003eLes cueilleurs sont rémunérés de manière équitable selon leur savoir-faire, ce qui garantit la production et de bonnes récoltes à long terme. Cette approche nous touche particulièrement : acheter leurs produits, c'est soutenir concrètement des familles malgaches.\u003c\/p\u003e\n\u003ch2\u003eLes questions que vous vous posez sur Comptoir des Huiles\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLeurs huiles conviennent-elles aux peaux sensibles ?\u003c\/summary\u003e\n\u003cp\u003eAbsolument ! Leurs huiles sont 100% pures et naturelles, sans additifs chimiques. Elles sont particulièrement recommandées pour les peaux réactives qui ne supportent pas les cosmétiques conventionnels. Commencez toujours par un test sur une petite zone.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on mélanger plusieurs huiles entre elles ?\u003c\/summary\u003e\n\u003cp\u003eOui, c'est même encouragé ! Leurs huiles se marient parfaitement entre elles. Vous pouvez créer vos propres synergies selon vos besoins : mélanger l'argan et la rose musquée pour un soin anti-âge sur mesure, par exemple.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment être sûr de l'authenticité des produits ?\u003c\/summary\u003e\n\u003cp\u003eComptoir des Huiles garantit une traçabilité complète de leurs produits. Chaque huile est accompagnée d'informations sur sa provenance et son mode de production. Leurs certifications bio et équitables sont également un gage de qualité.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la différence avec d'autres marques d'huiles végétales ?\u003c\/summary\u003e\n\u003cp\u003eLeur spécificité réside dans leur approche complète : sourcing direct à Madagascar, respect des techniques ancestrales, commerce équitable et fabrication artisanale française. Ils maîtrisent toute la chaîne, de la graine au flacon.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes huiles ont-elles une odeur particulière ?\u003c\/summary\u003e\n\u003cp\u003eLeurs huiles conservent leur parfum naturel, souvent très subtil. Certaines comme l'argan ont une odeur caractéristique de noisette, d'autres comme la figue de barbarie sont quasi inodores. Aucune fragrance artificielle n'est ajoutée.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment conserver au mieux ces huiles ?\u003c\/summary\u003e\n\u003cp\u003eGardez-les dans un endroit frais et sec, à l'abri de la lumière directe. Bien conservées, elles gardent leurs propriétés pendant 12 à 18 mois après ouverture. Leur packaging en verre teinté protège déjà bien les huiles de l'oxydation.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp\u003eAvec Comptoir des Huiles, on ne vous vend pas juste des huiles : on vous invite à découvrir une philosophie, un savoir-faire, une histoire humaine. Comme ils le disent si bien : \"Comptoir des Huiles est la preuve qu'une beauté éthique, durable et responsable est possible. Rejoignez notre aventure !\"\u003c\/p\u003e","products":[{"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-de-rose-musquee-50ml-comptoir-des-huiles","title":"Huile de Rose Musquée Bio - Revitalisante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e✨ Peaux fatiguées \u0026amp; matures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile de Rose Musquée Bio\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eHuile revitalisante – Visage \u0026amp; corps – 50 ml\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eComptoir des Huiles – L'élixir précieux qui redonne éclat, souplesse et jeunesse à votre peau, goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eL'huile de Rose Musquée Bio : un trésor revitalisant pour votre peau\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de rose musquée\u003c\/strong\u003e véritablement efficace pour redonner éclat et souplesse à votre peau ? L'\u003cstrong\u003ehuile à la rose musquée\u003c\/strong\u003e du \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est un soin 100 % naturel et biologique, formulé pour les \u003cstrong\u003epeaux fatiguées et matures\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧬 Oméga-3 \u0026amp; oméga-6\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels préservés par pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🥕 Vitamine A naturelle\u003c\/h3\u003e\n \u003cp\u003eRétinol végétal pour stimuler le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003eProtection contre le stress oxydatif et le vieillissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌹 Rosa canina\u003c\/h3\u003e\n \u003cp\u003eGraines sélectionnées issues de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de rose musquée pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003ePrisée dans le monde entier, cette huile précieuse offre des résultats visibles sur tous les types de peau.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔄 Régénération cutanée\u003c\/h3\u003e\n \u003cp\u003eSa concentration en acides gras polyinsaturés et en rétinol naturel stimule le renouvellement cellulaire. Elle aide à estomper visiblement les \u003cstrong\u003ecicatrices\u003c\/strong\u003e, les \u003cstrong\u003evergetures\u003c\/strong\u003e et les marques laissées par l'acné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge\u003c\/h3\u003e\n \u003cp\u003eEn nourrissant la peau en profondeur, elle contribue à lisser les ridules et à préserver l'élasticité cutanée. Beaucoup constatent une différence visible après quelques semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌟 Uniformité du teint\u003c\/h3\u003e\n \u003cp\u003eGrâce à la vitamine A, cette huile aide à atténuer les taches pigmentaires et les irrégularités, pour un teint plus lumineux et homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche pénètre rapidement sans laisser de film gras. La peau reste souple et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🕊️ Apaisement\u003c\/h3\u003e\n \u003cp\u003eParticulièrement douce, elle convient aux peaux sensibles, réactives ou fragilisées par des agressions extérieures (froid, soleil, pollution).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile de rose musquée danger : qu'en est-il vraiment ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-testimonial\"\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eRassurez-vous : une huile de rose musquée pure et bio comme celle-ci ne présente pas de danger particulier. Il convient simplement de respecter quelques précautions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003eÉvitez l'exposition directe au soleil juste après application, car le rétinol naturel peut sensibiliser légèrement la peau aux UV. Si vous avez une peau très grasse ou à tendance acnéique, testez d'abord sur une petite zone. En cas de doute, demandez conseil à votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile revitalisante ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eDéposez 3 à 5 gouttes\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, matin ou soir, pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eLe visage, le cou et le décolleté par mouvements circulaires ascendants pour stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur les zones concernées (vergetures, cicatrices) en massant jusqu'à pénétration complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eBoostez votre routine\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la seule ou mélangez-la à votre crème de nuit pour décupler son efficacité régénérante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e🌙\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Le soir, quelques gouttes appliquées en sérum avant le coucher permettent à la peau de bénéficier d'une régénération optimale pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\" open\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧪 INCI\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eRosa Canina Seed Oil*\u003c\/strong\u003e (*ingrédient issu de l'agriculture biologique).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🚫 Sans additifs\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eUne formule minimaliste et transparente : \u003cstrong\u003eaucun additif, aucun conservateur, aucun parfum de synthèse\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon en verre ambré de 50 ml avec pipette compte-gouttes pour un dosage précis et une conservation optimale.\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=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Comptoir des Huiles ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Matières premières bio\u003c\/h3\u003e\n \u003cp\u003eSélection rigoureuse des graines de rose musquée issues de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Extraction artisanale à froid\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid garantissant la préservation de tous les actifs précieux de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e♻️ Démarche écoresponsable\u003c\/h3\u003e\n \u003cp\u003eEmballage en verre recyclable, engagement écologique à chaque étape de la fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Intégrez dès maintenant cette \u003cstrong\u003ehuile de rose musquée bio\u003c\/strong\u003e dans votre routine quotidienne pour un soin naturel, efficace et respectueux de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #fdf8f5;\n --rm-white: #ffffff;\n --rm-primary: #d4a0a0;\n --rm-primary-dark: #8b4a5e;\n --rm-primary-light: #f9eff1;\n --rm-secondary: #c9886e;\n --rm-accent: #e8b4b8;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #ecddd8;\n --rm-shadow: 0 4px 24px rgba(139,74,94,.08);\n --rm-shadow-lg: 0 12px 48px rgba(139,74,94,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #8b4a5e 0%, #d4a0a0 50%, #c9886e 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 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.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rm-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.rm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-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.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-primary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481310749049,"sku":"ROSEMUSQUEECDH","price":13.66,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-rose-musquee-bio-revitalisante-50ml-comptoir-des-hu-packshothd_502e04da-5dd9-4776-b605-815076b24e97.webp?v=1788537691"},{"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":9.61,"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_a405d260-848c-4e55-a55c-dae3dbe7a64d.webp?v=1788537466"},{"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":10.96,"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_fbd72150-5f38-4bd3-8b45-7133ba4bfe7c.webp?v=1788538558"},{"product_id":"huile-de-pepin-de-figue-de-barbarie-anti-age-50ml-comptoir-des-huiles","title":"Huile de Pépins de Figue de Barbarie Bio - Anti-âge 30ml - Comptoir des huiles","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e✨ Anti-âge puissant\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🌵 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eHuile de pépins de figue de barbarie bio\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eÉlixir de jouvence - Visage et corps - 30 ml\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eL'huile végétale la plus riche en vitamine E au monde, pour une peau visiblement plus lisse, ferme et lumineuse jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eHuile de pépins de figue de barbarie bio : L'élixir anti-âge par excellence\u003c\/h2\u003e\n \u003cdiv class=\"fb-testimonial\"\u003e\n \u003cp class=\"fb-testimonial-text\"\u003eConsidérée comme la meilleure huile de pépins de figue de barbarie pour le soin de la peau, cette huile précieuse signée Comptoir des Huiles est un véritable trésor de beauté. 100 % naturelle et certifiée biologique, elle concentre une richesse exceptionnelle en vitamine E (environ 1 000 mg\/kg), en oméga-6 (acide linoléique) et en stérols. Ce trio d'actifs en fait l'alliée idéale des peaux en quête de jeunesse, de fermeté et d'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🏆 Vitamine E\u003c\/h3\u003e\n \u003cp\u003e~1 000 mg\/kg — la teneur la plus élevée de toutes les huiles végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e💧 Oméga-6\u003c\/h3\u003e\n \u003cp\u003eAcide linoléique essentiel pour la souplesse et l'élasticité cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Stérols\u003c\/h3\u003e\n \u003cp\u003eProtection et renforcement de la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🌵 Pureté totale\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, 100 % bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de pépins de figue de barbarie\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003ePourquoi cette huile de pépins de figue de barbarie est-elle si convoitée en cosmétique naturelle ? Tout simplement parce que sa composition est exceptionnellement riche et complète.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eSa teneur record en vitamine E neutralise les radicaux libres responsables du vieillissement prématuré. Rides, ridules et perte de fermeté sont visiblement atténuées au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔄 Régénération et réparation\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels stimulent le renouvellement cellulaire. Cicatrices, vergetures et taches brunes s'estompent progressivement, laissant place à un teint plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Hydratation non grasse\u003c\/h3\u003e\n \u003cp\u003eVéritable huile sèche, elle pénètre en quelques secondes sans laisser de film gras. Votre peau reste douce, souple et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💪 Effet raffermissant\u003c\/h3\u003e\n \u003cp\u003eEn soutenant la production naturelle de collagène, elle redonne du tonus aux peaux matures, fatiguées ou relâchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eSes propriétés anti-inflammatoires calment les peaux sensibles, réactives ou sujettes aux rougeurs, aux coups de soleil ou à l'eczéma.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComposition : un seul ingrédient, une pureté totale\u003c\/h2\u003e\n \u003cdiv class=\"fb-card\" style=\"text-align:center; max-width:600px; margin:0 auto;\"\u003e\n \u003ch3\u003e🌿 INCI unique\u003c\/h3\u003e\n \u003cp style=\"font-size:clamp(16px,3vw,20px); font-weight:700; color:var(--fb-primary-dark); margin-bottom:.5rem;\"\u003eOpuntia Ficus-Indica Seed Oil*\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Issue de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003eCette huile bio de pépins de figue de barbarie est obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e, sans aucun solvant ni raffinage. Ce procédé artisanal préserve l'intégralité des nutriments : pas d'additifs, pas de conservateurs, pas de parfum ajouté. Juste la pureté du pépin de figue de barbarie dans sa forme la plus noble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComment utiliser votre huile de figue de barbarie ?\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003ePour profiter pleinement des bienfaits de l'huile de pépins de figue de barbarie, voici nos conseils pratiques :\u003c\/p\u003e\n \u003cdiv class=\"fb-timeline\"\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eVisage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes sur une peau propre et légèrement humide, matin et\/ou soir. Massez délicatement du centre du visage vers l'extérieur en remontant vers les tempes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eContour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez une goutte du bout de l'annulaire sur le contour de l'œil pour atténuer les ridules et les cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eCou et décolleté\u003c\/h3\u003e\n \u003cp\u003eÉtendez le geste à ces zones souvent oubliées, mais très exposées aux signes de l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eEn synergie\u003c\/h3\u003e\n \u003cp\u003eMélangez quelques gouttes à votre crème de jour ou à votre sérum habituel pour booster leur efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Conservez votre flacon à l'abri de la lumière et de la chaleur pour préserver toutes les qualités de cette huile précieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile de pépins de figue de barbarie biologique ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✅ Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eChaque lot est rigoureusement tracé et certifié bio par Comptoir des Huiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🫙 Flacon premium\u003c\/h3\u003e\n \u003cp\u003eVerre ambré avec pipette pour un dosage précis et une conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun parfum — une pureté totale respectueuse de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🏅 Soin incontournable\u003c\/h3\u003e\n \u003cp\u003eL'anti-âge naturel le plus efficace pour les peaux exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau le soin anti-âge naturel le plus précieux qui existe.\u003cbr\u003eDécouvrez également tous les \u003ca href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/bienfaits-figue-de-barbarie\" title=\"les bienfaits de l'huile de figue de barbarie\" style=\"color:#fff;text-decoration:underline;font-weight:700;\"\u003ebienfaits de la figue de barbarie\u003c\/a\u003e sur notre blog.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #fdf8f5;\n --fb-white: #ffffff;\n --fb-primary: #9b5ba5;\n --fb-primary-dark: #6b3a73;\n --fb-primary-light: #f5eef7;\n --fb-secondary: #c47db5;\n --fb-accent: #d4a574;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8dce8;\n --fb-shadow: 0 4px 24px rgba(107,58,115,.08);\n --fb-shadow-lg: 0 12px 48px rgba(107,58,115,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #6b3a73 0%, #9b5ba5 40%, #c47db5 75%, #d4a574 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(212,165,116,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card-highlight {\n background: var(--fb-primary-light);\n border: 2px solid var(--fb-border);\n}\n\n.fb-card-highlight:hover {\n border-color: var(--fb-primary);\n background: var(--fb-white);\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.fb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n\n .fb-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481328869753,"sku":"FIGUEBARBARIECDH","price":27.54,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-pepins-de-figue-de-barbarie-bio-anti-age-30ml-compt-packshothd.webp?v=1788537522"},{"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_d3a6c327-7d62-4e78-9537-48a92caa6ae8.webp?v=1788538478"},{"product_id":"huile-neem-bio-anti-imperfections-50ml","title":"Huile de Neem BIO 50 ml - Anti-imperfections - Comptoir des Huiles","description":"\u003cdiv class=\"nm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nm-hero\"\u003e\n \u003cdiv class=\"nm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nm-hero-content\"\u003e\n \u003cdiv class=\"nm-badges-top\"\u003e\n \u003cspan class=\"nm-badge\"\u003e🌿 100 % naturelle \u0026amp; BIO\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e🧴 Flacon pipette 50 ml\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e✨ Anti-imperfections\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nm-hero-title\"\u003eHuile de Neem BIO\u003c\/span\u003e\n \u003cp class=\"nm-subtitle\"\u003eLe soin ancestral ayurvédique pour les peaux à problèmes\u003c\/p\u003e\n \u003cp class=\"nm-description\"\u003ePurifiante, apaisante et réparatrice — une huile végétale pure, certifiée Cosmos Organic, pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eHuile de Neem BIO : le soin naturel anti-imperfections pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eVous cherchez une solution naturelle pour lutter contre les boutons, les irritations ou les pellicules ?\u003c\/p\u003e\n \u003cp class=\"nm-section-text\"\u003eL'\u003cstrong\u003ehuile de Neem BIO 50 ml\u003c\/strong\u003e de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e, en flacon pipette, est un véritable concentré de bienfaits. Extraite des graines de l'arbre de Neem (\u003cem\u003eAzadirachta indica\u003c\/em\u003e), cette huile végétale est utilisée depuis des siècles en médecine ayurvédique pour ses propriétés purifiantes exceptionnelles. 100 % naturelle et certifiée biologique, elle s'adresse aux \u003cstrong\u003epeaux à problèmes, sensibles et réactives\u003c\/strong\u003e, aussi bien pour le visage que pour les cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de Neem pour votre peau\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eUne richesse en acides gras essentiels (oléique, linoléique, stéarique) et en vitamine E qui offre des propriétés multiples.\u003c\/p\u003e\n \u003cdiv class=\"nm-grid\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🧼 Purifiante et antibactérienne\u003c\/h3\u003e\n \u003cp\u003eElle aide à assainir les pores obstrués et à réduire visiblement les imperfections, boutons et points noirs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌸 Anti-inflammatoire et apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les irritations et soulage les peaux sujettes à l'eczéma ou au psoriasis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🛡️ Antifongique naturelle\u003c\/h3\u003e\n \u003cp\u003eElle contribue à limiter la prolifération des champignons responsables de certaines affections cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💧 Nourrissante et réparatrice\u003c\/h3\u003e\n \u003cp\u003eElle restaure le film hydrolipidique des zones sèches et abîmées, sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eUn allié précieux pour le cuir chevelu\u003c\/h2\u003e\n \u003cdiv class=\"nm-testimonial\"\u003e\n \u003cp class=\"nm-testimonial-text\"\u003eAu-delà du visage, l'\u003cstrong\u003ehuile de Neem\u003c\/strong\u003e est particulièrement efficace en soin capillaire. Si vous souffrez de démangeaisons, de pellicules persistantes ou d'un cuir chevelu irrité, quelques gouttes suffisent pour retrouver confort et équilibre. Sa texture riche pénètre facilement sans alourdir les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-grid-compact nm-mt\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🩹 Pellicules\u003c\/h3\u003e\n \u003cp\u003eRéduit les squames et purifie le cuir chevelu en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e😌 Démangeaisons\u003c\/h3\u003e\n \u003cp\u003eApaise les irritations et restaure le confort du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eHuile de Neem et plantes : un insecticide naturel reconnu\u003c\/h2\u003e\n \u003cp class=\"nm-section-text\"\u003eVous avez peut-être entendu parler de l'\u003cstrong\u003ehuile de Neem comme insecticide naturel\u003c\/strong\u003e pour les plantes. C'est tout à fait exact : grâce à l'azadirachtine qu'elle contient, elle est utilisée en agriculture biologique comme répulsif contre les pucerons et autres nuisibles.\u003c\/p\u003e\n \u003cdiv class=\"nm-tip\"\u003e\n \u003cspan class=\"nm-tip-icon\"\u003e🪴\u003c\/span\u003e\n \u003cp\u003eCependant, cette formulation cosmétique de Comptoir des Huiles est spécifiquement conçue pour un \u003cstrong\u003eusage cutané et capillaire\u003c\/strong\u003e. Il ne s'agit pas d'une huile essentielle de Neem, mais bien d'une huile végétale pure, douce et adaptée à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de Neem BIO ?\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eLe flacon pipette en verre permet une application précise, hygiénique et sans gaspillage.\u003c\/p\u003e\n \u003cdiv class=\"nm-timeline\"\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 1 à 2 gouttes le soir sur les zones à imperfections, sur peau propre et sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez localement les zones sèches, rugueuses ou irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSur le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes, massez délicatement, puis laissez poser 30 minutes avant de rincer avec votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-tip\"\u003e\n \u003cspan class=\"nm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'odeur du Neem est assez prononcée. N'hésitez pas à mélanger quelques gouttes avec une huile plus neutre comme le jojoba ou l'amande douce pour adoucir le parfum et la texture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"nm-composition-box\"\u003e\n \u003cdiv class=\"nm-composition-ingredient\"\u003e\n \u003cspan class=\"nm-composition-label\"\u003eIngrédient unique (INCI)\u003c\/span\u003e\n \u003cspan class=\"nm-composition-value\"\u003eMelia Azadirachta Seed Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-composition-note\"\u003e*Issu de l'agriculture biologique – Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-grid-compact nm-mt\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum de synthèse\u003c\/h3\u003e\n \u003cp\u003eAucun arôme artificiel ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eFormule pure, sans additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eL'huile de Neem présente-t-elle un danger ?\u003c\/h2\u003e\n \u003cdiv class=\"nm-accordion\"\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e🧪 Test d'allergie recommandé\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est recommandé de réaliser un test dans le pli du coude avant la première utilisation, surtout si vous avez la peau très réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de Neem est déconseillée aux femmes enceintes et aux jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-section-text nm-mt\"\u003eUtilisée en application cutanée externe, l'\u003cstrong\u003ehuile de Neem BIO\u003c\/strong\u003e ne présente pas de danger particulier. Un usage raisonné et un test préalable garantissent une expérience en toute sérénité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nm-cta-box\"\u003e\n \u003cp\u003e🌿 Adoptez l'\u003cstrong\u003ehuile de Neem BIO\u003c\/strong\u003e de Comptoir des Huiles pour une routine beauté naturelle, efficace et respectueuse de votre peau comme de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à un traitement médical. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --nm-cream: #f7f5f0;\n --nm-white: #ffffff;\n --nm-primary: #2e6b50;\n --nm-primary-dark: #1d4a36;\n --nm-primary-light: #e8f0eb;\n --nm-secondary: #c9a96e;\n --nm-accent: #8b6914;\n --nm-text: #1a1a1a;\n --nm-text-light: #5a5a5a;\n --nm-border: #e0ddd6;\n --nm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nm-radius: 20px;\n --nm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nm-hero {\n position: relative;\n background: linear-gradient(135deg, #1d4a36 0%, #2e6b50 40%, #3a7d5e 70%, #c9a96e 100%);\n border-radius: var(--nm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nm-shadow-lg);\n}\n\n.nm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,169,110,.12) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 40%);\n opacity: 1;\n}\n\n.nm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.nm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.nm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.nm-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.nm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.nm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nm-primary), var(--nm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nm-section-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nm-text-light);\n line-height: 1.8;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n text-align: center;\n}\n\n.nm-section-text strong {\n color: var(--nm-text);\n}\n\n.nm-mt {\n margin-top: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.nm-card {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nm-shadow-lg);\n border-color: var(--nm-primary);\n}\n\n.nm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nm-grid-compact .nm-card {\n padding: 1rem;\n}\n\n.nm-grid-compact .nm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nm-grid-compact .nm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nm-primary), var(--nm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nm-timeline-content {\n flex: 1;\n background: var(--nm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nm-radius-sm);\n box-shadow: var(--nm-shadow);\n}\n\n.nm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nm-timeline-content p {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nm-testimonial {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nm-shadow);\n border-left: 4px solid var(--nm-primary);\n}\n\n.nm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.nm-testimonial-text strong {\n color: var(--nm-primary-dark);\n}\n\n\/* === COMPOSITION BOX === *\/\n.nm-composition-box {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nm-shadow);\n text-align: center;\n border: 2px solid var(--nm-primary-light);\n}\n\n.nm-composition-ingredient {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n margin-bottom: 1rem;\n}\n\n.nm-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--nm-text-light);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.nm-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--nm-primary-dark);\n font-style: italic;\n}\n\n.nm-composition-note {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nm-composition-note strong {\n color: var(--nm-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.nm-accordion {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n box-shadow: var(--nm-shadow);\n overflow: hidden;\n}\n\n.nm-accordion-item {\n border-bottom: 1px solid var(--nm-border);\n margin: 0;\n padding: 0;\n}\n\n.nm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nm-accordion-header:hover {\n background: var(--nm-primary-light);\n}\n\n.nm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nm-primary);\n transition: transform .2s ease;\n}\n\n.nm-accordion-item[open] .nm-accordion-header::after {\n content: '−';\n}\n\n.nm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nm-primary-light);\n border-radius: var(--nm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nm-tip p {\n font-size: 14px;\n color: var(--nm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.nm-tip p strong {\n color: var(--nm-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.nm-cta-box {\n background: linear-gradient(135deg, var(--nm-primary) 0%, var(--nm-primary-dark) 100%);\n border-radius: var(--nm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nm-disclaimer {\n font-size: 12px;\n color: var(--nm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nm-card {\n padding: 1.125rem;\n }\n\n .nm-section {\n margin-bottom: 1.75rem;\n }\n\n .nm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nm-radius-sm);\n }\n\n .nm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nm-grid-compact {\n gap: .625rem;\n }\n\n .nm-grid-compact .nm-card {\n padding: .75rem;\n }\n\n .nm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nm-timeline-content h3 {\n font-size: 14px;\n }\n\n .nm-timeline-content p {\n font-size: 13px;\n }\n\n .nm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nm-testimonial {\n padding: 1.25rem;\n }\n\n .nm-testimonial-text {\n font-size: 14px;\n }\n\n .nm-composition-value {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nm-card {\n animation: nmFadeInUp .5s ease backwards;\n }\n .nm-card:nth-child(1) { animation-delay: .05s; }\n .nm-card:nth-child(2) { animation-delay: .1s; }\n .nm-card:nth-child(3) { animation-delay: .15s; }\n .nm-card:nth-child(4) { animation-delay: .2s; }\n .nm-card:nth-child(5) { animation-delay: .25s; }\n .nm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830939013497,"sku":"HUILEDENEEMCOMPTOIRDESHUILES","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-50-ml-flacon-pipette-comptoir-des-huiles-packshothd.webp?v=1774365007"},{"product_id":"huile-jojoba-regule-sebum-50ml","title":"Huile de Jojoba - Régule le sébum - 50 ml - Comptoir des Huiles","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Jojoba - Comptoir des Huiles\nPalette détectée:\n - Primaire: #2E7D6F (vert teal du bandeau \"Comptoir des Huiles\" sur l'étiquette)\n - Secondaire: #C4883A (ambre doré du flacon en verre et de l'huile)\n - Accent: #D4A852 (doré lumineux de l'huile au compte-gouttes)\nAmbiance: Naturel, épuré, cosmétique bio, élégant et authentique. Univers végétal avec des tonalités terre\/nature. Étiquette crème avec motifs botaniques. Flacon ambré en verre = pharmacopée naturelle premium.\nPréfixe CSS: jj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Bienfaits principaux :\"\n 2. \"Conseils d'utilisation :\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jj-hero\"\u003e\n \u003cdiv class=\"jj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jj-hero-content\"\u003e\n \u003cdiv class=\"jj-badges-top\"\u003e\n \u003cspan class=\"jj-badge\"\u003e🌿 100% naturelle\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🧴 Sébo-régulatrice\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e✨ Visage · Corps · Cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jj-hero-title\"\u003eHuile de Jojoba\u003c\/span\u003e\n \u003cp class=\"jj-subtitle\"\u003eComptoir des Huiles · 50 ml\u003c\/p\u003e\n \u003cp class=\"jj-description\"\u003eUn soin naturel polyvalent dont la composition, proche du sébum humain, équilibre les peaux mixtes à grasses tout en maintenant une hydratation optimale — sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Bienfaits principaux --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eBienfaits principaux :\u003c\/h2\u003e\n \u003cdiv class=\"jj-grid\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eEn mimant le sébum naturel, l'huile de jojoba aide à équilibrer les peaux grasses ou sujettes à l'acné. Elle régule la production de sébum pour un teint matifié et unifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💧 Hydratation et protection\u003c\/h3\u003e\n \u003cp\u003eForme une barrière protectrice qui préserve l'hydratation naturelle de la peau tout en pénétrant facilement, sans laisser de film gras désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eNourrit, assouplit et fortifie les cheveux, leur redonnant brillance et souplesse, tout en aidant à réduire les pellicules durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eConseils d'utilisation :\u003c\/h2\u003e\n \u003cdiv class=\"jj-timeline\"\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et sèche, en massant délicatement jusqu'à absorption complète. Peut être utilisée en crème de jour ou de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez l'huile après la douche sur l'ensemble du corps pour nourrir et adoucir la peau. Elle pénètre rapidement sans effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e✨ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampooing : appliquez sur le cuir chevelu et les longueurs, laissez poser 30 minutes, puis lavez avec un shampooing doux. En soin quotidien, utilisez quelques gouttes sur les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-tip\"\u003e\n \u003cspan class=\"jj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e Mélangez 2-3 gouttes à votre fond de teint pour un fini lumineux et naturel tout en protégeant votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION FINALE : CTA --\u003e\n \u003csection class=\"jj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jj-cta-box\"\u003e\n \u003cp\u003e🌿 Intégrez l'huile de jojoba de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e dans votre routine beauté pour profiter de ses multiples bienfaits naturels. Une solution idéale pour équilibrer votre peau, hydrater votre corps et revitaliser vos cheveux, tout en adoptant une démarche écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jj-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --jj-cream: #faf8f4;\n --jj-white: #ffffff;\n --jj-primary: #2E7D6F;\n --jj-primary-dark: #1b5c51;\n --jj-primary-light: #e8f4f1;\n --jj-secondary: #C4883A;\n --jj-accent: #D4A852;\n --jj-text: #1a1a1a;\n --jj-text-light: #5a5a5a;\n --jj-border: #e0ddd7;\n --jj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --jj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --jj-radius: 20px;\n --jj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.jj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jj-hero {\n position: relative;\n background: linear-gradient(135deg, #1b5c51 0%, #2E7D6F 40%, #3a9484 70%, #C4883A 100%);\n border-radius: var(--jj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--jj-shadow-lg);\n}\n\n.jj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,168,82,.12) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.jj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.jj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.jj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.jj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.jj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.jj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--jj-primary), var(--jj-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLE === *\/\n.jj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.jj-card {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jj-shadow-lg);\n border-color: var(--jj-primary);\n}\n\n.jj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.jj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jj-primary), var(--jj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.jj-timeline-content {\n flex: 1;\n background: var(--jj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jj-radius-sm);\n box-shadow: var(--jj-shadow);\n}\n\n.jj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jj-timeline-content p {\n font-size: 14px;\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.jj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--jj-primary-light);\n border-radius: var(--jj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.jj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.jj-tip p {\n font-size: 14px;\n color: var(--jj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.jj-cta-box {\n background: linear-gradient(135deg, var(--jj-primary) 0%, var(--jj-primary-dark) 100%);\n border-radius: var(--jj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -30%;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(212,168,82,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.jj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.jj-disclaimer {\n font-size: 12px;\n color: var(--jj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .jj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jj-card {\n padding: 1.125rem;\n }\n\n .jj-section {\n margin-bottom: 1.75rem;\n }\n\n .jj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jj-radius-sm);\n }\n\n .jj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jj-timeline-content h3 {\n font-size: 14px;\n }\n\n .jj-timeline-content p {\n font-size: 13px;\n }\n\n .jj-tip {\n padding: .875rem 1rem;\n }\n\n .jj-tip-icon {\n font-size: 20px;\n }\n\n .jj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jj-card {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-card:nth-child(1) { animation-delay: .05s; }\n .jj-card:nth-child(2) { animation-delay: .1s; }\n .jj-card:nth-child(3) { animation-delay: .15s; }\n\n .jj-timeline-item {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-timeline-item:nth-child(1) { animation-delay: .05s; }\n .jj-timeline-item:nth-child(2) { animation-delay: .1s; }\n .jj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes jjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .jj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830957003129,"sku":"HUILEJOJOBACOMPTOIRDESHUILES","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-regule-le-sebum-50-ml-comptoir-des-huiles-lifestyle.webp?v=1771412811"},{"product_id":"huile-de-pepin-de-figue-de-barbarie-bio-50ml-comptoir-des-huiles","title":"Huile de Pépin de Figue de Barbarie Bio - Anti-âge - 50ml - Comptoir des huiles","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Figue de Barbarie Bio - Comptoir des Huiles\nPalette détectée:\n - Primaire: #A855A0 (violet\/magenta intense du logo et étiquette - élégant et féminin)\n - Secondaire: #D4AF6A (beige doré\/sable rappelant l'huile et l'ambiance méditerranéenne)\n - Accent: #E75B8D (rose fuchsia des figues de Barbarie)\n - Neutre: #F5EFE7 (crème\/sable clair pour backgrounds)\nAmbiance: Luxe naturel méditerranéen, cosmétique premium bio, féminin élégant\nType: Huile cosmétique anti-âge haut de gamme\nStyle suggéré: Premium naturel avec touches florales\/botaniques, raffiné et éthique\nPréfixe CSS: fb\n--\u003e\n\u003cdiv class=\"fb-premium\"\u003e\n\u003cdiv class=\"fb-hero\"\u003e\n\u003cdiv class=\"fb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-hero-content\"\u003e\n\u003cdiv class=\"fb-badges-top\"\u003e\n\u003cspan class=\"fb-badge\"\u003e🌵 100% bio \u0026amp; équitable\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e💎 Huile précieuse\u003c\/span\u003e \u003cspan class=\"fb-badge\"\u003e✨ Anti-âge naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eHuile de figue de Barbarie\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eL'élixir de jouvence du désert\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eUne huile d'exception, extraite à froid des pépins de figues de Barbarie. Concentré d'antioxydants et de vitamine E pour une peau visiblement plus jeune, ferme et éclatante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e✨ Pourquoi cette huile est-elle si précieuse ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n\u003cdiv class=\"fb-icon\"\u003e🌟\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eRareté exceptionnelle\u003c\/div\u003e\n\u003cp\u003eIl faut près d'\u003cstrong\u003e1 tonne de figues\u003c\/strong\u003e pour obtenir seulement \u003cstrong\u003e1 litre d'huile\u003c\/strong\u003e. Un trésor de la nature extrait goutte par goutte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n\u003cdiv class=\"fb-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eVitamine E concentrée\u003c\/div\u003e\n\u003cp\u003eJusqu'à \u003cstrong\u003e100mg\/100g de vitamine E\u003c\/strong\u003e, soit l'une des concentrations les plus élevées du règne végétal. Un bouclier antioxydant puissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n\u003cdiv class=\"fb-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eExtraction à froid\u003c\/div\u003e\n\u003cp\u003ePressée mécaniquement à basse température pour \u003cstrong\u003epréserver 100% des actifs\u003c\/strong\u003e : acides gras essentiels, phytostérols et antioxydants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🎯 Bénéfices visibles pour votre peau\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid fb-grid-4\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e⏱️\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eAnti-âge puissant\u003c\/div\u003e\n\u003cp\u003eRéduit visiblement rides et ridules. Lisse le grain de peau et atténue les signes du temps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e💎\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eFermeté restaurée\u003c\/div\u003e\n\u003cp\u003eRaffermit la peau, améliore son élasticité et redessine l'ovale du visage naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eÉclat révélé\u003c\/div\u003e\n\u003cp\u003eIllumine le teint terne, unifie et apporte un effet bonne mine immédiat et durable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eHydratation intense\u003c\/div\u003e\n\u003cp\u003eNourrit en profondeur sans laisser de film gras. Texture soyeuse et pénétration rapide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eProtection antioxydante\u003c\/div\u003e\n\u003cp\u003eProtège des radicaux libres et du stress oxydatif. Prévient le vieillissement prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003cdiv class=\"fb-icon-large\"\u003e🌸\u003c\/div\u003e\n\u003cdiv class=\"fb-card-title\"\u003eRégénération cellulaire\u003c\/div\u003e\n\u003cp\u003eStimule le renouvellement cellulaire pour une peau visiblement plus jeune jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🌵 La composition pure et naturelle\u003c\/h2\u003e\n\u003cdiv class=\"fb-composition-box\"\u003e\n\u003cdiv class=\"fb-composition-header\"\u003e\n\u003cdiv class=\"fb-icon-xl\"\u003e🌿\u003c\/div\u003e\n\u003cp class=\"fb-composition-title\"\u003e100% Opuntia Stricta Seed Oil\u003c\/p\u003e\n\u003cp class=\"fb-composition-subtitle\"\u003eHuile de pépins de figue de Barbarie bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-grid fb-grid-3\"\u003e\n\u003cdiv class=\"fb-ingredient-card\"\u003e\n\u003cdiv class=\"fb-ingredient-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-name\"\u003eVitamine E\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-dosage\"\u003eJusqu'à 100mg\/100g\u003c\/div\u003e\n\u003cp\u003eAntioxydant majeur, protège et régénère\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-card\"\u003e\n\u003cdiv class=\"fb-ingredient-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-name\"\u003eAcides gras essentiels\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-dosage\"\u003eOméga-6 : 60%\u003c\/div\u003e\n\u003cp\u003eNourrissent et renforcent la barrière cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-card\"\u003e\n\u003cdiv class=\"fb-ingredient-icon\"\u003e🌟\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-name\"\u003ePhytostérols\u003c\/div\u003e\n\u003cdiv class=\"fb-ingredient-dosage\"\u003eConcentration élevée\u003c\/div\u003e\n\u003cp\u003eApaisent, raffermissent et lissent\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e💆♀️ Comment l'utiliser pour des résultats optimaux ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-usage-timeline\"\u003e\n\u003cdiv class=\"fb-usage-step\"\u003e\n\u003cdiv class=\"fb-usage-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-content\"\u003e\n\u003cdiv class=\"fb-usage-title\"\u003e🧼 Nettoyez votre peau\u003c\/div\u003e\n\u003cp\u003eAppliquez sur une peau parfaitement propre et sèche, matin et\/ou soir. L'huile pénétrera plus efficacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-step\"\u003e\n\u003cdiv class=\"fb-usage-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-content\"\u003e\n\u003cdiv class=\"fb-usage-title\"\u003e💧 Dosez avec précision\u003c\/div\u003e\n\u003cp\u003ePrélevez 2 à 4 gouttes à l'aide de la pipette. Cette huile est si concentrée qu'une petite quantité suffit !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-step\"\u003e\n\u003cdiv class=\"fb-usage-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-content\"\u003e\n\u003cdiv class=\"fb-usage-title\"\u003e✋ Chauffez dans vos mains\u003c\/div\u003e\n\u003cp\u003eFrottez délicatement vos paumes pour réchauffer l'huile. Elle s'appliquera plus facilement et pénétrera mieux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-step\"\u003e\n\u003cdiv class=\"fb-usage-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-content\"\u003e\n\u003cdiv class=\"fb-usage-title\"\u003e💆 Massez en douceur\u003c\/div\u003e\n\u003cp\u003eAppliquez par mouvements circulaires ascendants sur visage, cou et décolleté. Insistez sur les zones à rides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-step\"\u003e\n\u003cdiv class=\"fb-usage-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"fb-usage-content\"\u003e\n\u003cdiv class=\"fb-usage-title\"\u003e🌙 Privilégiez la nuit\u003c\/div\u003e\n\u003cp\u003eEn soin de nuit, l'huile agit en profondeur pendant le sommeil pour une peau éclatante au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip-box\"\u003e\n\u003cdiv class=\"fb-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce bonus :\u003c\/strong\u003e Ajoutez 1 goutte à votre crème habituelle pour booster son efficacité anti-âge, ou utilisez pure en sérum avant votre soin. Pour le corps, massez sur les zones sujettes aux vergetures (ventre, hanches, seins).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e👤 Pour qui est cette huile précieuse ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid fb-grid-3\"\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e👩\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003ePeaux matures\u003c\/div\u003e\n\u003cp\u003eFemmes dès 30-35 ans souhaitant prévenir ou atténuer rides, ridules et perte de fermeté. Un anti-âge naturel d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e🌸\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003ePeaux sensibles\u003c\/div\u003e\n\u003cp\u003e100% naturelle et douce, elle convient parfaitement aux peaux sensibles ou réactives en quête de douceur et d'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e🤰\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003eFutures mamans\u003c\/div\u003e\n\u003cp\u003ePrévention des vergetures pendant et après la grossesse grâce à ses propriétés régénérantes et raffermissantes exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003eAdeptes du bio\u003c\/div\u003e\n\u003cp\u003ePersonnes recherchant une cosmétique 100% naturelle, bio, éthique et sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e💎\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003ePeaux exigeantes\u003c\/div\u003e\n\u003cp\u003ePour celles qui veulent le meilleur de la nature : une huile rare, précieuse et aux résultats cliniquement prouvés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-card\"\u003e\n\u003cdiv class=\"fb-profile-icon\"\u003e☀️\u003c\/div\u003e\n\u003cdiv class=\"fb-profile-title\"\u003ePeaux déshydratées\u003c\/div\u003e\n\u003cp\u003eApporte une hydratation intense sans effet gras. Idéale pour les peaux assoiffées qui tiraillent et manquent de confort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e🏆 Nos engagements qualité et éthique\u003c\/h2\u003e\n\u003cdiv class=\"fb-values-grid\"\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003e100% bio certifié\u003c\/div\u003e\n\u003cp\u003eCulture biologique sans pesticides ni engrais chimiques. Certification officielle garantie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e❄️\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003ePremière pression à froid\u003c\/div\u003e\n\u003cp\u003eExtraction mécanique à basse température pour préserver tous les actifs naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e🤝\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003eCommerce équitable\u003c\/div\u003e\n\u003cp\u003eCertifiée FAIR FOR LIFE : rémunération juste des producteurs et conditions de travail dignes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e♻️\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003eFlacon écologique\u003c\/div\u003e\n\u003cp\u003eVerre ambré 100% recyclable protégeant l'huile des UV. Pipette doseuse pour zéro gaspillage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e🧪\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003ePure et vierge\u003c\/div\u003e\n\u003cp\u003eSans additifs, conservateurs, parfums ou colorants. Juste l'huile dans sa forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-value-card\"\u003e\n\u003cdiv class=\"fb-value-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003cdiv class=\"fb-value-title\"\u003eContrôle français\u003c\/div\u003e\n\u003cp\u003eOrigine contrôlée et mise en flacon en France. Traçabilité complète de la graine au flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid fb-grid-3\"\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e🧴\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003e50ml\u003c\/div\u003e\n\u003cp\u003eEnviron 3 mois d'utilisation quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eConditionnement\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003eFlacon verre ambré\u003c\/div\u003e\n\u003cp\u003eAvec pipette doseuse de précision\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e📝\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eINCI\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003e100% naturel\u003c\/div\u003e\n\u003cp\u003eOpuntia Stricta Seed Oil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e🌡️\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eConservation\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003e12 mois\u003c\/div\u003e\n\u003cp\u003eÀ l'abri de la lumière et de la chaleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e🌍\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eOrigine\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003eBassin méditerranéen\u003c\/div\u003e\n\u003cp\u003eCulture et récolte responsables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-info-card\"\u003e\n\u003cdiv class=\"fb-info-icon\"\u003e✅\u003c\/div\u003e\n\u003cdiv class=\"fb-info-label\"\u003eCertifications\u003c\/div\u003e\n\u003cdiv class=\"fb-info-value\"\u003eBio + Équitable\u003c\/div\u003e\n\u003cp\u003eFAIR FOR LIFE certifié\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"fb-warning-box\"\u003e\n\u003cdiv class=\"fb-warning-grid\"\u003e\n\u003cdiv class=\"fb-warning-item\"\u003e\n\u003cspan class=\"fb-warning-icon\"\u003e👁️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-warning-item\"\u003e\n\u003cspan class=\"fb-warning-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eTest d'allergie recommandé.\u003c\/strong\u003e Bien que rare, appliquez d'abord sur une petite zone pour vérifier la tolérance cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-warning-item\"\u003e\n\u003cspan class=\"fb-warning-icon\"\u003e🌡️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation optimale.\u003c\/strong\u003e Conservez à l'abri de la lumière, de la chaleur et de l'humidité. Refermez bien après usage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-warning-item\"\u003e\n\u003cspan class=\"fb-warning-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eTenir hors de portée des enfants.\u003c\/strong\u003e Ce produit n'est pas destiné aux jeunes enfants sans avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"fb-cta-box\"\u003e\n\u003cdiv class=\"fb-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-cta-content\"\u003e\n\u003cdiv class=\"fb-cta-icon\"\u003e🌵\u003c\/div\u003e\n\u003cp class=\"fb-cta-title\"\u003eDécouvrez le secret anti-âge du désert\u003c\/p\u003e\n\u003cp\u003eUne huile d'exception, rare et précieuse, pour une peau visiblement plus jeune, ferme et éclatante. L'élixir de jouvence que votre peau mérite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --fb-cream: #FDF8F1;\n --fb-white: #ffffff;\n --fb-primary: #A855A0;\n --fb-primary-dark: #7d3976;\n --fb-primary-light: #f3e5f2;\n --fb-secondary: #D4AF6A;\n --fb-accent: #E75B8D;\n\n \/* Textes *\/\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n\n \/* Effets *\/\n --fb-border: #e0e0e0;\n --fb-shadow: 0 4px 24px rgba(168,85,160,.08);\n --fb-shadow-lg: 0 12px 48px rgba(168,85,160,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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 line-height: 1.6;\n color: var(--fb-text);\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #A855A0 0%, #7d3976 50%, #E75B8D 100%);\n border-radius: var(--fb-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(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .07;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.2) 35px, rgba(255,255,255,.2) 70px);\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0,0,0,.2);\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 7vw, 56px);\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 text-transform: lowercase;\n}\n\n.fb-hero-title::first-letter {\n text-transform: uppercase;\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(20px, 3.5vw, 28px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n font-style: italic;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.fb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--fb-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.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.fb-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.fb-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 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(-8px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card-highlight {\n background: linear-gradient(135deg, var(--fb-primary-light) 0%, rgba(255,255,255,1) 100%);\n border: 2px solid var(--fb-primary);\n}\n\n.fb-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.fb-icon-large {\n font-size: 3rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.fb-icon-xl {\n font-size: 4rem;\n margin-bottom: 1rem;\n}\n\n.fb-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.fb-card p {\n color: var(--fb-text-light);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.fb-composition-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--fb-shadow-lg);\n border: 3px solid var(--fb-primary);\n}\n\n.fb-composition-header {\n text-align: center;\n margin-bottom: 2.5rem;\n padding-bottom: 2rem;\n border-bottom: 2px solid var(--fb-border);\n}\n\n.fb-composition-title {\n font-size: clamp(22px, 3vw, 28px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.fb-composition-subtitle {\n font-size: clamp(15px, 2vw, 18px);\n color: var(--fb-text-light);\n font-style: italic;\n margin: 0;\n}\n\n.fb-ingredient-card {\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid rgba(168,85,160,.2);\n transition: all .3s ease;\n}\n\n.fb-ingredient-card:hover {\n transform: translateY(-4px);\n border-color: var(--fb-primary);\n}\n\n.fb-ingredient-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n}\n\n.fb-ingredient-name {\n font-size: 17px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fb-ingredient-dosage {\n font-size: 15px;\n font-weight: 700;\n color: var(--fb-accent);\n margin-bottom: 0.75rem;\n}\n\n.fb-ingredient-card p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n}\n\n\/* === TIMELINE D'UTILISATION === *\/\n.fb-usage-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.fb-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n transition: all .3s ease;\n}\n\n.fb-usage-step:hover {\n transform: translateX(8px);\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-usage-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(168,85,160,.3);\n}\n\n.fb-usage-content {\n flex: 1;\n}\n\n.fb-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fb-usage-content p {\n color: var(--fb-text-light);\n font-size: 15px;\n line-height: 1.6;\n margin: 0;\n}\n\n.fb-tip-box {\n background: linear-gradient(135deg, var(--fb-secondary) 0%, #e6c47a 100%);\n border-radius: var(--fb-radius);\n padding: 1.5rem 2rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n box-shadow: var(--fb-shadow);\n border: 2px solid rgba(212,175,106,.3);\n}\n\n.fb-tip-icon {\n font-size: 2rem;\n flex-shrink: 0;\n}\n\n.fb-tip-box p {\n color: var(--fb-text);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n.fb-tip-box strong {\n color: var(--fb-primary-dark);\n}\n\n\/* === PROFILS === *\/\n.fb-profile-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.fb-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-accent);\n}\n\n.fb-profile-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.fb-profile-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.fb-profile-card p {\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === VALEURS === *\/\n.fb-values-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.fb-value-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--fb-shadow);\n border: 2px solid var(--fb-border);\n transition: all .3s ease;\n}\n\n.fb-value-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-value-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.fb-value-title {\n font-size: 17px;\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fb-value-card p {\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.5;\n margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.fb-info-card {\n background: linear-gradient(135deg, var(--fb-primary-light) 0%, var(--fb-white) 100%);\n border-radius: var(--fb-radius-sm);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid rgba(168,85,160,.2);\n transition: all .3s ease;\n}\n\n.fb-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--fb-primary);\n}\n\n.fb-info-icon {\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.fb-info-label {\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--fb-text-light);\n font-weight: 700;\n margin-bottom: 0.5rem;\n}\n\n.fb-info-value {\n font-size: 20px;\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.fb-info-card p {\n font-size: 13px;\n color: var(--fb-text-light);\n margin: 0;\n}\n\n\/* === AVERTISSEMENTS === *\/\n.fb-warning-box {\n background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);\n border-radius: var(--fb-radius);\n padding: 2rem;\n border: 2px solid #ffcccc;\n box-shadow: var(--fb-shadow);\n}\n\n.fb-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.fb-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-warning-icon {\n font-size: 1.5rem;\n flex-shrink: 0;\n}\n\n.fb-warning-item p {\n color: var(--fb-text);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n.fb-warning-item strong {\n color: #cc0000;\n display: block;\n margin-bottom: 0.25rem;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.fb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.fb-cta-icon {\n font-size: 4rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.fb-cta-title {\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.fb-cta-box p:last-child {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .fb-grid,\n .fb-grid-3,\n .fb-grid-4,\n .fb-values-grid {\n grid-template-columns: 1fr;\n }\n\n .fb-badges-top {\n flex-direction: column;\n align-items: center;\n }\n\n .fb-usage-step {\n flex-direction: column;\n text-align: center;\n }\n\n .fb-usage-number {\n margin: 0 auto 1rem auto;\n }\n\n .fb-tip-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card,\n .fb-profile-card,\n .fb-value-card,\n .fb-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .fb-card:nth-child(1),\n .fb-profile-card:nth-child(1),\n .fb-value-card:nth-child(1),\n .fb-info-card:nth-child(1) { animation-delay: .1s; }\n \n .fb-card:nth-child(2),\n .fb-profile-card:nth-child(2),\n .fb-value-card:nth-child(2),\n .fb-info-card:nth-child(2) { animation-delay: .2s; }\n \n .fb-card:nth-child(3),\n .fb-profile-card:nth-child(3),\n .fb-value-card:nth-child(3),\n .fb-info-card:nth-child(3) { animation-delay: .3s; }\n \n .fb-card:nth-child(4),\n .fb-profile-card:nth-child(4),\n .fb-value-card:nth-child(4),\n .fb-info-card:nth-child(4) { animation-delay: .4s; }\n \n .fb-card:nth-child(5),\n .fb-profile-card:nth-child(5),\n .fb-value-card:nth-child(5),\n .fb-info-card:nth-child(5) { animation-delay: .5s; }\n \n .fb-card:nth-child(6),\n .fb-profile-card:nth-child(6),\n .fb-value-card:nth-child(6),\n .fb-info-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\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\n@media (prefers-contrast: high) {\n .fb-card,\n .fb-profile-card,\n .fb-value-card,\n .fb-info-card {\n border-width: 3px;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":55000087200121,"sku":"FIGUEBARBARIECDH50","price":35.23,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-pepin-de-figue-de-barbarie-bio-anti-age-50ml-compto-packshothd.webp?v=1788537494"},{"product_id":"huile-de-pepins-de-figue-de-barbarie-bio-anti-age-15ml-comptoir-des-huiles","title":"Huile de Pépins de Figue de Barbarie Bio - Anti-âge Roll-on 15ml - Comptoir des huiles","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e💯 Score Yuka 100\/100\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🇲🇬 Origine Madagascar\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eHuile de pépins de figue de barbarie bio\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eLe soin anti-âge d'exception en roll-on 15 ml\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003eL'huile végétale la plus précieuse au monde, obtenue par première pression à froid, concentrée dans un format roll-on ciblé pour redonner éclat, fermeté et jeunesse à votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eHuile de figue de barbarie : le soin anti-âge d'exception en format roll-on\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eNotée \u003cstrong\u003e100\/100 sur Yuka\u003c\/strong\u003e, cette huile de pépins de figue de barbarie bio signée Comptoir des Huiles est l'un des trésors les plus précieux de la cosmétique naturelle. Obtenue par première pression à froid des graines du figuier de Barbarie, elle concentre dans un format roll-on pratique de 15 ml tout ce dont votre peau a besoin pour retrouver éclat, fermeté et jeunesse.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🏅 100\/100 Yuka\u003c\/h3\u003e\n \u003cp\u003eNote maximale pour une formule irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Bio certifiée\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🧴 Roll-on 15 ml\u003c\/h3\u003e\n \u003cp\u003eFormat ciblé, précis et hygiénique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce qui préserve tous les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003ePourquoi cette huile est-elle si rare et si précieuse ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-testimonial\"\u003e\n \u003cp class=\"fb-testimonial-text\"\u003e\"Il faut environ \u003cstrong\u003eune tonne de fruits\u003c\/strong\u003e — soit 30 kg de pépins — pour extraire un seul litre d'huile de pépins de figue de barbarie. Ce rendement extrêmement faible explique sa rareté et son prix. Mais c'est justement cette concentration exceptionnelle qui lui confère des propriétés inégalées par aucune autre huile végétale.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eContrairement à la plupart des huiles de figue de barbarie disponibles sur le marché, celle-ci ne provient pas du Maroc. Elle est cultivée et pressée à froid dans la \u003cstrong\u003erégion d'Androy, au sud de Madagascar\u003c\/strong\u003e, où les conditions climatiques arides permettent au figuier de Barbarie de développer des graines d'une qualité remarquable. Chaque fruit est récolté à la main, dans le respect des savoir-faire traditionnels malgaches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de pépins de figue de barbarie pour votre peau\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eSi vous cherchez la \u003cstrong\u003emeilleure huile de pépins de figue de barbarie\u003c\/strong\u003e pour lutter contre les signes de l'âge, vous êtes au bon endroit. Voici ce que cette huile biologique peut vous apporter :\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge puissante\u003c\/h3\u003e\n \u003cp\u003eSa teneur exceptionnelle en vitamine E (environ 1000 mg\/kg) neutralise les radicaux libres responsables du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🔬 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eRiche en acide linoléique (oméga-6), elle stimule le renouvellement des cellules et atténue visiblement rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eLes phytostérols qu'elle contient renforcent la barrière cutanée et préservent la souplesse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💪 Raffermissement\u003c\/h3\u003e\n \u003cp\u003eElle redonne du tonus aux peaux matures ou en perte de fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✨ Texture non grasse\u003c\/h3\u003e\n \u003cp\u003eHuile sèche par excellence, elle pénètre rapidement sans laisser de film gras sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🤍 Tolérée par toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eY compris les plus sensibles et réactives, pour un confort absolu au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eLe format roll-on : précision et fraîcheur au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🎯 Application ciblée\u003c\/h3\u003e\n \u003cp\u003eLe flacon roll-on de 15 ml est spécialement conçu pour cibler les zones les plus fragiles de votre visage : contour des yeux, rides du front, sillons nasogéniens, contour des lèvres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e❄️ Effet frais immédiat\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003ebille métallique\u003c\/strong\u003e procure un effet frais immédiat qui décongestionne le contour des yeux et atténue les poches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🩸 Microcirculation stimulée\u003c\/h3\u003e\n \u003cp\u003eLe massage par la bille stimule la microcirculation sanguine pour un teint plus lumineux et des cernes atténués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComment utiliser votre huile de figue de barbarie roll-on ?\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\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez le roll-on le soir, sur une \u003cstrong\u003epeau propre et sèche\u003c\/strong\u003e, démaquillée et nettoyée.\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\u003eAppliquez avec la bille\u003c\/h3\u003e\n \u003cp\u003eFaites rouler la bille doucement sur les zones à traiter : contour des yeux, rides du front, sillons nasogéniens, contour des lèvres.\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\u003eFaites pénétrer\u003c\/h3\u003e\n \u003cp\u003eTapotez du bout des doigts pour favoriser la pénétration. Quelques passages suffisent : cette huile est très concentrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eEn journée aussi (optionnel)\u003c\/h3\u003e\n \u003cp\u003eVous pouvez également l'utiliser le matin, seule ou sous votre crème de jour, pour un effet bonne mine instantané.\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=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition et engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"fb-accordion\"\u003e\n \u003cdetails class=\"fb-accordion-item\" open\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🧪 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eOpuntia Stricta Seed Oil\u003c\/strong\u003e — 100 % pure, naturelle et issue de l'agriculture biologique. Un seul ingrédient, zéro additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🌿 Certifications\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eBio\u003c\/strong\u003e et labellisée \u003cstrong\u003eFair For Life\u003c\/strong\u003e (commerce équitable). En choisissant ce soin, vous soutenez directement les communautés locales de Madagascar et participez à la préservation de la biodiversité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fb-accordion-item\"\u003e\n \u003csummary class=\"fb-accordion-header\"\u003e🤝 Engagement éthique\u003c\/summary\u003e\n \u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n \u003cp\u003eUn geste pour votre peau et pour la planète. La filière de production soutient les familles malgaches de la région d'Androy, dans une démarche de commerce équitable certifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003e🌵 Offrez à votre peau le soin le plus précieux de la nature — une huile d'exception, rare et puissante, pour une beauté authentique et durable.\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 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 --fb-cream: #faf6f2;\n --fb-white: #ffffff;\n --fb-primary: #9b59a0;\n --fb-primary-dark: #6b3570;\n --fb-primary-light: #f3eaf5;\n --fb-secondary: #c8875f;\n --fb-accent: #7a9e3f;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e8dde5;\n --fb-shadow: 0 4px 24px rgba(107, 53, 112, .08);\n --fb-shadow-lg: 0 12px 48px rgba(107, 53, 112, .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, #6b3570 0%, #9b59a0 40%, #c8875f 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% 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(200,135,95,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.fb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 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\/* === SECTION INTRO === *\/\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.fb-section-intro strong {\n color: var(--fb-primary-dark);\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 p strong {\n color: var(--fb-text);\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.fb-timeline-content p strong {\n color: var(--fb-text);\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.fb-testimonial-text strong {\n color: var(--fb-primary-dark);\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.fb-tip p strong {\n color: var(--fb-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-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.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0;\n}\n\n.fb-accordion-content p strong {\n color: var(--fb-text);\n}\n\n\/* === CTA === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary) 0%, var(--fb-primary-dark) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\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 === *\/\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n}\n\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 .fb-timeline-item {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .fb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .fb-timeline-item:nth-child(3) { animation-delay: .15s; }\n .fb-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":55092063502713,"sku":"HUV-FIG-0015","price":16.96,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-pepins-de-figue-de-barbarie-bio-anti-age-roll-on-15-packshothd.webp?v=1774364978"},{"product_id":"huile-vegetale-calophylle-bio-100-ml-comptoir-des-huiles","title":"Huile végétale de Calophylle Bio - Cernes \u0026 poches - 100 ml - Comptoir des huiles","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile végétale de Calophylle Bio - Comptoir des Huiles\nPalette détectée:\n - Primaire: #8B7A2B (vert-olive doré, couleur de l'huile dans le flacon ambré)\n - Secondaire: #E8C840 (jaune doré du logo Comptoir des Huiles)\n - Accent: #4A7C59 (vert profond des feuilles de calophylle)\n - Fond packaging: #F5F0E6 (crème\/blanc cassé de l'étiquette)\nAmbiance: Naturel\/bio, végétal tropical, soin authentique, flacon apothicaire, chaleureux et botanique\nPréfixe CSS: cal\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Contour des yeux : cernes et poches visiblement atténués\"\n 2. \"Jambes légères et confort au quotidien\"\n 3. \"Les bienfaits naturels de l'huile de Calophylle\"\n 4. \"Utilisation et conseils\"\n 5. \"Une huile éthique et pure\"\n 6. \"Ingrédient\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cal-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cal-hero\"\u003e\n \u003cdiv class=\"cal-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cal-hero-content\"\u003e\n \u003cdiv class=\"cal-badges-top\"\u003e\n \u003cspan class=\"cal-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🧴 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e✨ Visage \u0026amp; jambes\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cal-hero-title\"\u003eHuile végétale de Calophylle Bio\u003c\/span\u003e\n \u003cp class=\"cal-subtitle\"\u003eHuile drainante — Cernes, poches \u0026amp; jambes légères\u003c\/p\u003e\n \u003cp class=\"cal-description\"\u003eRiche en oméga 6 \u0026amp; 9, polyphénols et inophylline, cette huile vierge précieuse issue du \u003cem\u003eCalophyllum inophyllum\u003c\/em\u003e revitalise le contour des yeux, favorise la circulation et offre un soin régénérant, cicatrisant et drainant d'une pureté irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eContour des yeux : cernes et poches visiblement atténués\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eGrâce à son action stimulante sur la micro-circulation sanguine, l'huile de Calophylle est un allié de choix pour réduire les cernes et les poches.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid-compact\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🩸 Micro-circulation activée\u003c\/h3\u003e\n \u003cp\u003eStimule le flux sanguin dans la zone fragile du contour des yeux pour un regard revitalisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💧 Effet décongestionnant\u003c\/h3\u003e\n \u003cp\u003eDiminue visiblement les poches et les gonflements liés à la fatigue ou au manque de sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✨ Éclat retrouvé\u003c\/h3\u003e\n \u003cp\u003eRedonne fraîcheur et luminosité à la zone regard, même sur les peaux les plus fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🤲 Application douce\u003c\/h3\u003e\n \u003cp\u003eS'applique délicatement en massages circulaires pour un soin respectueux de cette zone sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eJambes légères et confort au quotidien\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eUtilisée en massage sur les jambes, l'huile de Calophylle offre une sensation de légèreté immédiate et un confort durable.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🦵 Légèreté immédiate\u003c\/h3\u003e\n \u003cp\u003eSoulage la sensation de jambes lourdes dès la première application grâce à son action drainante puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🔄 Circulation sanguine \u0026amp; lymphatique\u003c\/h3\u003e\n \u003cp\u003eFavorise un meilleur retour veineux et lymphatique, limitant les gonflements et l'inconfort quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🧍 Idéale pour les longues journées\u003c\/h3\u003e\n \u003cp\u003eParfaite pour les personnes restant longtemps debout ou souffrant de troubles circulatoires mineurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eLes bienfaits naturels de l'huile de Calophylle\u003c\/h2\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card cal-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Oméga 9\u003c\/h3\u003e\n \u003cp\u003eProtège et assouplit la peau en profondeur, lutte activement contre la déshydratation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card cal-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Oméga 6\u003c\/h3\u003e\n \u003cp\u003eAméliore l'élasticité et adoucit les peaux sensibles, pour un toucher soyeux et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card cal-card-ingredient\"\u003e\n \u003ch3\u003e🍇 Polyphénols\u003c\/h3\u003e\n \u003cp\u003eStimulent la micro-circulation et apportent une protection antioxydante, idéaux pour le regard fatigué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card cal-card-ingredient\"\u003e\n \u003ch3\u003e🔬 Inophylline\u003c\/h3\u003e\n \u003cp\u003eActif star de la Calophylle, reconnue pour ses propriétés circulatoires et réparatrices exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eUtilisation et conseils\u003c\/h2\u003e\n \u003cdiv class=\"cal-timeline\"\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003e👁️ Pour les cernes et poches\u003c\/h3\u003e\n \u003cp\u003eDéposez 1 goutte sous chaque œil, puis massez doucement en mouvements circulaires. Appliquez de préférence le soir pour favoriser l'absorption pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003e🦵 Pour les jambes lourdes\u003c\/h3\u003e\n \u003cp\u003eAppliquez plusieurs gouttes sur les jambes, puis massez en remontant du bas vers le haut pour stimuler la circulation. À utiliser quotidiennement ou en cas de besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAttention :\u003c\/strong\u003e Déconseillé en cas de traitement anticoagulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eUne huile éthique et pure\u003c\/h2\u003e\n \u003cdiv class=\"cal-testimonial\"\u003e\n \u003cp class=\"cal-testimonial-text\"\u003eIssue de l'agriculture biologique et obtenue par première pression à froid, cette huile préserve toute sa richesse en actifs. Les noix sont récoltées de manière durable et éthique en partenariat avec des producteurs locaux, garantissant une production respectueuse de l'humain et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio, sans pesticides ni produits chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003ePremière pression pour préserver 100% des actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💚 Vert profond \u0026amp; soyeuse\u003c\/h3\u003e\n \u003cp\u003eSa couleur et sa texture témoignent de sa pureté exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🧴 Flacon en verre\u003c\/h3\u003e\n \u003cp\u003eConditionnée dans un verre protecteur pour conserver toutes ses propriétés intactes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cal-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eIngrédient\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\" open\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧪 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Calophyllum Inophyllum Seed Oil (Huile de graines de Calophylle) – 100% pure et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌿 Une seule huile, un soin complet — redonnez éclat à votre regard et légèreté à vos jambes avec la Calophylle Bio Comptoir des Huiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cal-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 --cal-cream: #F7F3EB;\n --cal-white: #ffffff;\n --cal-primary: #6B8A3E;\n --cal-primary-dark: #3D5A1E;\n --cal-primary-light: #EDF4E3;\n --cal-secondary: #D4A828;\n --cal-accent: #4A7C59;\n --cal-text: #1a1a1a;\n --cal-text-light: #5a5a5a;\n --cal-border: #e0e0e0;\n --cal-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cal-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cal-radius: 20px;\n --cal-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cal-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cal-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cal-hero {\n position: relative;\n background: linear-gradient(135deg, #3D5A1E 0%, #4A7C59 40%, #6B8A3E 70%, #D4A828 100%);\n border-radius: var(--cal-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cal-shadow-lg);\n}\n\n.cal-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,168,40,.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.cal-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cal-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cal-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.cal-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cal-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cal-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cal-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cal-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cal-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cal-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cal-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cal-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cal-primary), var(--cal-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cal-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cal-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cal-card {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cal-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cal-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cal-shadow-lg);\n border-color: var(--cal-primary);\n}\n\n.cal-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cal-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cal-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT VARIANTE === *\/\n.cal-card-ingredient {\n border-left: 4px solid var(--cal-secondary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.cal-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cal-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cal-grid-compact .cal-card {\n padding: 1rem;\n}\n\n.cal-grid-compact .cal-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cal-grid-compact .cal-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cal-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cal-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cal-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cal-primary), var(--cal-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cal-timeline-content {\n flex: 1;\n background: var(--cal-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cal-radius-sm);\n box-shadow: var(--cal-shadow);\n}\n\n.cal-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cal-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cal-timeline-content p {\n font-size: 14px;\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cal-testimonial {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cal-shadow);\n border-left: 4px solid var(--cal-primary);\n}\n\n.cal-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cal-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cal-accordion {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n box-shadow: var(--cal-shadow);\n overflow: hidden;\n}\n\n.cal-accordion-item {\n border-bottom: 1px solid var(--cal-border);\n margin: 0;\n padding: 0;\n}\n\n.cal-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cal-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cal-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cal-accordion-header:hover {\n background: var(--cal-primary-light);\n}\n\n.cal-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cal-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cal-primary);\n transition: transform .2s ease;\n}\n\n.cal-accordion-item[open] .cal-accordion-header::after {\n content: '−';\n}\n\n.cal-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cal-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cal-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cal-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cal-primary-light);\n border-radius: var(--cal-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cal-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cal-tip p {\n font-size: 14px;\n color: var(--cal-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cal-cta-box {\n background: linear-gradient(135deg, var(--cal-primary) 0%, var(--cal-primary-dark) 100%);\n border-radius: var(--cal-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cal-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.cal-disclaimer {\n font-size: 12px;\n color: var(--cal-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cal-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cal-card {\n padding: 1.125rem;\n }\n\n .cal-section {\n margin-bottom: 1.75rem;\n }\n\n .cal-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cal-radius-sm);\n }\n\n .cal-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cal-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cal-grid-compact {\n gap: .625rem;\n }\n\n .cal-grid-compact .cal-card {\n padding: .75rem;\n }\n\n .cal-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cal-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cal-timeline-content h3 {\n font-size: 14px;\n }\n\n .cal-timeline-content p {\n font-size: 13px;\n }\n\n .cal-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cal-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cal-testimonial {\n padding: 1.25rem;\n }\n\n .cal-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cal-card {\n animation: calFadeInUp .5s ease backwards;\n }\n .cal-card:nth-child(1) { animation-delay: .05s; }\n .cal-card:nth-child(2) { animation-delay: .1s; }\n .cal-card:nth-child(3) { animation-delay: .15s; }\n .cal-card:nth-child(4) { animation-delay: .2s; }\n .cal-card:nth-child(5) { animation-delay: .25s; }\n .cal-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes calFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cal-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":55092223377785,"sku":"HUV-CAL-0100","price":12.91,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-calophylle-bio-cernes-poches-100-ml-compto-lifestyle_2892a6eb-dadb-4624-8ab5-d79a06d62c01.webp?v=1770902236"},{"product_id":"huile-de-marula-bio-100ml-comptoir-des-huiles","title":"Huile de Marula Bio - Flacon pompe 100 ml - Comptoir des Huiles","description":"\u003cdiv class=\"mr-premium\"\u003e\n\n\u003cdiv class=\"mr-hero\"\u003e\n\u003cdiv class=\"mr-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mr-hero-content\"\u003e\n\u003cdiv class=\"mr-badges-top\"\u003e\n\u003cspan class=\"mr-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n\u003cspan class=\"mr-badge\"\u003e🏆 100\/100 Yuka\u003c\/span\u003e\n\u003cspan class=\"mr-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n\u003cspan class=\"mr-badge\"\u003e♻️ Verre recyclable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mr-hero-title\"\u003eHuile de Marula Bio\u003c\/span\u003e\n\u003cp class=\"mr-subtitle\"\u003eComptoir des Huiles — Flacon pompe 100 ml\u003c\/p\u003e\n\u003cp class=\"mr-description\"\u003eLe trésor ancestral des femmes africaines pour une peau intensément hydratée et des cheveux sublimés de brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003eHuile de Marula Bio : le secret africain pour une peau hydratée et des cheveux sublimés\u003c\/h2\u003e\n\u003cp class=\"mr-section-intro\"\u003eOriginaire des savanes d'Afrique australe, le marula est un arbre dont les noyaux renferment une huile d'exception. Utilisée depuis des siècles par les femmes africaines, l'huile de marula bio est aujourd'hui reconnue comme l'une des huiles végétales les plus complètes pour prendre soin de votre peau et de vos cheveux.\u003c\/p\u003e\n\u003cdiv class=\"mr-grid-compact\"\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🌍 Origine ancestrale\u003c\/h3\u003e\n\u003cp\u003eSavanes d'Afrique australe, un savoir-faire transmis de génération en génération\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n\u003cp\u003eExtraction douce qui préserve 100 % des actifs naturels du noyau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e✨ Polyvalente\u003c\/h3\u003e\n\u003cp\u003eVisage, corps et cheveux : un soin unique multi-usage pour toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🧴 Texture soyeuse\u003c\/h3\u003e\n\u003cp\u003ePénètre rapidement sans laisser de film gras sur la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003eUne huile certifiée bio, pure et équitable\u003c\/h2\u003e\n\u003cp class=\"mr-section-intro\"\u003eCette huile de marula bio Comptoir des Huiles est obtenue par première pression à froid des noyaux du fruit, sans raffinage ni ajout chimique. Elle conserve ainsi l'intégralité de ses principes actifs.\u003c\/p\u003e\n\u003cdiv class=\"mr-grid\"\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🌿 100 % pure\u003c\/h3\u003e\n\u003cp\u003eHuile de noyaux de Marula (\u003cem\u003eSclerocarya Birrea Kernel Oil\u003c\/em\u003e), sans aucun additif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertifiée par Ecocert et labellisée Fair For Life (commerce équitable)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🧪 Non raffinée\u003c\/h3\u003e\n\u003cp\u003eNon désodorisée, elle conserve toute la puissance de ses actifs naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e👨‍👩‍👧‍👦 Tous types de peaux\u003c\/h3\u003e\n\u003cp\u003eConvient à toutes les peaux et à tous les types de cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🏆 100\/100 Yuka\u003c\/h3\u003e\n\u003cp\u003eLa note parfaite qui confirme l'excellence de cette formulation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e♻️ Écoconçu\u003c\/h3\u003e\n\u003cp\u003eFlacon en verre ambré recyclable avec pompe doseuse pratique (100 ml)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003eComposition et actifs naturels\u003c\/h2\u003e\n\u003cp class=\"mr-section-intro\"\u003eLa richesse de cette huile réside dans son profil nutritionnel exceptionnel, une synergie d'acides gras et de vitamines qui la rend incroyablement polyvalente.\u003c\/p\u003e\n\u003cdiv class=\"mr-grid\"\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🫒 Oméga-9 (acide oléique)\u003c\/h3\u003e\n\u003cp\u003ePénètre facilement la peau pour l'assouplir et maintenir durablement son hydratation naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🛡️ Acide palmitique\u003c\/h3\u003e\n\u003cp\u003eRenforce le film hydrolipidique et protège la barrière cutanée des agressions quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🌟 Vitamine E\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant qui aide à lutter contre le vieillissement prématuré de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003eContribue à l'éclat du teint et redonne vitalité aux peaux ternes ou fatiguées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-tip\"\u003e\n\u003cspan class=\"mr-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eC'est cette synergie unique d'acides gras et de vitamines qui rend l'huile de marula bio si polyvalente en cosmétique naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003eBienfaits de l'huile de marula pour le visage\u003c\/h2\u003e\n\u003cp class=\"mr-section-intro\"\u003eSi vous cherchez une huile qui hydrate en profondeur sans laisser de film gras, l'huile de marula visage vous surprendra par sa texture fine et soyeuse.\u003c\/p\u003e\n\u003cdiv class=\"mr-grid\"\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eNourrit intensément les peaux sèches, sensibles ou matures en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🤸 Élasticité préservée\u003c\/h3\u003e\n\u003cp\u003eAide à préserver l'élasticité et la souplesse cutanée au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n\u003cp\u003eProtège la peau des agressions extérieures : froid, pollution, vent\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e✨ Éclat naturel\u003c\/h3\u003e\n\u003cp\u003eApporte un éclat lumineux aux teints ternes ou fatigués\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🌸 Non comédogène\u003c\/h3\u003e\n\u003cp\u003eTexture fine idéale même pour les peaux mixtes, sans obstruer les pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003eBienfaits de l'huile de marula pour les cheveux\u003c\/h2\u003e\n\u003cp class=\"mr-section-intro\"\u003eL'huile de marula pour cheveux est un véritable soin réparateur. Que vos cheveux soient secs, cassants, colorés ou crépus, elle agit en profondeur.\u003c\/p\u003e\n\u003cdiv class=\"mr-grid-compact\"\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e💪 Nourrit et répare\u003c\/h3\u003e\n\u003cp\u003eRestaure la fibre capillaire fragilisée en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e💎 Brillance et douceur\u003c\/h3\u003e\n\u003cp\u003eApporte un éclat soyeux sans alourdir les cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🌀 Anti-frisottis\u003c\/h3\u003e\n\u003cp\u003eDiscipline les frisottis et facilite le démêlage au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🔥 Protection des pointes\u003c\/h3\u003e\n\u003cp\u003eProtège les pointes des agressions thermiques et de la sécheresse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile de marula au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"mr-timeline\"\u003e\n\u003cdiv class=\"mr-timeline-item\"\u003e\n\u003cdiv class=\"mr-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mr-timeline-content\"\u003e\n\u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n\u003cp\u003eAppliquez 2 à 5 gouttes matin et\/ou soir sur peau propre, en massant délicatement. Vous pouvez aussi la mélanger à votre crème habituelle pour un boost d'hydratation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-timeline-item\"\u003e\n\u003cdiv class=\"mr-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mr-timeline-content\"\u003e\n\u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n\u003cp\u003eUtilisez-la en massage après la douche sur les zones sèches : coudes, genoux, mains. La peau reste souple et nourrie toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-timeline-item\"\u003e\n\u003cdiv class=\"mr-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mr-timeline-content\"\u003e\n\u003ch3\u003e✨ Cheveux – soin quotidien\u003c\/h3\u003e\n\u003cp\u003eDéposez quelques gouttes sur les longueurs et pointes pour un effet brillance immédiat, sans alourdir la chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-timeline-item\"\u003e\n\u003cdiv class=\"mr-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mr-timeline-content\"\u003e\n\u003ch3\u003e🛁 Cheveux – bain d'huile\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur cheveux secs, laissez poser de 15 minutes à une nuit entière, puis procédez à votre shampooing habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mr-section\"\u003e\n\u003ch2\u003eUn engagement écoresponsable\u003c\/h2\u003e\n\u003cdiv class=\"mr-grid\"\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🫙 Verre ambré recyclable\u003c\/h3\u003e\n\u003cp\u003eProtège l'huile de la lumière pour préserver toutes ses qualités et se recycle facilement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🎯 Pompe doseuse\u003c\/h3\u003e\n\u003cp\u003eAssure une utilisation précise, hygiénique et sans gaspillage à chaque pression\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mr-card\"\u003e\n\u003ch3\u003e🤝 Fair For Life\u003c\/h3\u003e\n\u003cp\u003eEn choisissant cette huile certifiée, vous soutenez les communautés récoltantes en Afrique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mr-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"mr-cta-box\"\u003e\n\u003cp\u003e🌿 L'huile de Marula Bio Comptoir des Huiles est un soin multi-usage précieux pour toute la famille. Simple, pure et efficace, elle offre à votre peau et vos cheveux le meilleur de la nature africaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mr-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis médical en cas de problème dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mr-cream: #faf8f4;\n --mr-white: #ffffff;\n --mr-primary: #c9972e;\n --mr-primary-dark: #8a6518;\n --mr-primary-light: #fdf5e6;\n --mr-secondary: #a07818;\n --mr-accent: #d4a83a;\n --mr-text: #1a1a1a;\n --mr-text-light: #5a5a5a;\n --mr-border: #e8e0d0;\n --mr-shadow: 0 4px 24px rgba(140, 100, 20, .08);\n --mr-shadow-lg: 0 12px 48px rgba(140, 100, 20, .15);\n --mr-radius: 20px;\n --mr-radius-sm: 12px;\n}\n\n.mr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mr-hero {\n position: relative;\n background: linear-gradient(135deg, #8a6518 0%, #c9972e 50%, #d4a83a 100%);\n border-radius: var(--mr-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(--mr-shadow-lg);\n}\n\n.mr-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,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 35%);\n opacity: 1;\n}\n\n.mr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mr-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(--mr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mr-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.mr-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 letter-spacing: .02em;\n}\n\n.mr-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.mr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mr-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.mr-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(--mr-primary), var(--mr-secondary));\n border-radius: 2px;\n}\n\n.mr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mr-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.mr-card {\n background: var(--mr-white);\n border-radius: var(--mr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mr-shadow-lg);\n border-color: var(--mr-primary);\n}\n\n.mr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mr-grid-compact .mr-card {\n padding: 1rem;\n}\n\n.mr-grid-compact .mr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mr-grid-compact .mr-card p {\n font-size: 12px;\n}\n\n.mr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mr-primary), var(--mr-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.mr-timeline-content {\n flex: 1;\n background: var(--mr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mr-radius-sm);\n box-shadow: var(--mr-shadow);\n}\n\n.mr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mr-timeline-content p {\n font-size: 14px;\n color: var(--mr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mr-primary-light);\n border-radius: var(--mr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mr-tip p {\n font-size: 14px;\n color: var(--mr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mr-cta-box {\n background: linear-gradient(135deg, var(--mr-primary) 0%, var(--mr-primary-dark) 100%);\n border-radius: var(--mr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mr-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.mr-disclaimer {\n font-size: 12px;\n color: var(--mr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .mr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mr-card {\n padding: 1.125rem;\n }\n\n .mr-section {\n margin-bottom: 1.75rem;\n }\n\n .mr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mr-radius-sm);\n }\n\n .mr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mr-grid-compact {\n gap: .625rem;\n }\n\n .mr-grid-compact .mr-card {\n padding: .75rem;\n }\n\n .mr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mr-timeline-content h3 {\n font-size: 14px;\n }\n\n .mr-timeline-content p {\n font-size: 13px;\n }\n\n .mr-tip {\n padding: .875rem 1rem;\n }\n\n .mr-tip-icon {\n font-size: 20px;\n }\n\n .mr-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mr-card {\n animation: mrFadeInUp .5s ease backwards;\n }\n .mr-card:nth-child(1) { animation-delay: .05s; }\n .mr-card:nth-child(2) { animation-delay: .1s; }\n .mr-card:nth-child(3) { animation-delay: .15s; }\n .mr-card:nth-child(4) { animation-delay: .2s; }\n .mr-card:nth-child(5) { animation-delay: .25s; }\n .mr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mr-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":55326437933433,"sku":"marual100mlcomptoirdeshuiles","price":17.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-marula-bio-flacon-pompe-100-ml-comptoir-des-huiles-packshothd.webp?v=1774365020"},{"product_id":"huile-baobab-bio-50ml-comptoir-des-huiles","title":"Huile de Baobab bio - 50ml - Comptoir des Huiles","description":"\u003cdiv class=\"bb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bb-hero\"\u003e\n\u003cdiv class=\"bb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bb-hero-content\"\u003e\n\u003cdiv class=\"bb-badges-top\"\u003e\n\u003cspan class=\"bb-badge\"\u003e🌿 100 % BIO certifiée\u003c\/span\u003e \u003cspan class=\"bb-badge\"\u003e🇲🇬 Trésor malgache\u003c\/span\u003e \u003cspan class=\"bb-badge\"\u003e🧴 Visage · Corps · Cheveux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bb-hero-title\"\u003eHuile de Baobab bio\u003c\/span\u003e\n\u003cp class=\"bb-subtitle\"\u003eComptoir des Huiles — 50 ml\u003c\/p\u003e\n\u003cp class=\"bb-description\"\u003eL'essence extra-nourrissante de l'arbre millénaire, pressée à froid, pour redonner vie aux peaux sèches et aux cheveux fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003eL'huile de Baobab, un soin extra-nourrissant pour la peau et les cheveux\u003c\/h2\u003e\n\u003cp class=\"bb-section-intro\"\u003eVous cherchez une huile végétale capable de nourrir intensément votre peau sèche tout en prenant soin de vos cheveux ? L'huile de baobab de Comptoir des Huiles est un trésor de la nature malgache.\u003c\/p\u003e\n\u003cdiv class=\"bb-grid-compact\"\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e🌰 Pression à froid\u003c\/h3\u003e\n\u003cp\u003eExtraite des graines d'Adansonia grandidieri pour préserver tous les actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e🌱 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertifiée BIO par Ecocert — 100 % pure et naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e✨ Multi-usage\u003c\/h3\u003e\n\u003cp\u003eUn seul flacon pour le visage, le corps et les cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e📏 50 ml\u003c\/h3\u003e\n\u003cp\u003eFormat idéal pour découvrir tous les bienfaits de l'huile de baobab\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de baobab pour votre peau\u003c\/h2\u003e\n\u003cp class=\"bb-section-intro\"\u003eNaturellement riche en acides gras essentiels (oméga-6 et oméga-9), en vitamine E et en phytostérols, cette huile offre un soin complet aux peaux fragilisées.\u003c\/p\u003e\n\u003cdiv class=\"bb-grid\"\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e💧 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eElle pénètre rapidement pour restaurer le film hydrolipidique des peaux sèches à très sèches. Fini les sensations de tiraillement après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e🔄 Régénération cutanée\u003c\/h3\u003e\n\u003cp\u003eGrâce aux phytostérols, elle favorise la réparation de la peau et apaise les zones irritées, rugueuses ou abîmées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e🛡️ Anti-rides naturel\u003c\/h3\u003e\n\u003cp\u003eSa concentration en antioxydants (vitamine E, caroténoïdes) aide à protéger la peau du stress oxydatif et à prévenir les signes visibles du vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e☁️ Effet apaisant\u003c\/h3\u003e\n\u003cp\u003eElle calme les rougeurs, les démangeaisons et l'inconfort des peaux sensibles ou réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-tip\"\u003e\n\u003cspan class=\"bb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e l'huile de baobab aide surtout à unifier le teint en nourrissant la peau en profondeur, mais elle ne possède pas de propriété dépigmentante à proprement parler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003eHuile de baobab pour cheveux : un bain de nutrition\u003c\/h2\u003e\n\u003cdiv class=\"bb-testimonial\"\u003e\n\u003cp class=\"bb-testimonial-text\"\u003eLes bienfaits de l'huile de baobab pour les cheveux sont particulièrement appréciés des chevelures sèches, crépues ou cassantes. Elle gaine la fibre capillaire, redonne souplesse et brillance aux longueurs fatiguées. Appliquée régulièrement, elle contribue à réduire les fourches et à protéger les pointes de la déshydratation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e💇 Gaine la fibre\u003c\/h3\u003e\n\u003cp\u003eSouplesse et brillance retrouvées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e✂️ Réduit les fourches\u003c\/h3\u003e\n\u003cp\u003eProtège les pointes de la déshydratation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile de baobab au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"bb-section-intro\"\u003eRéchauffez quelques gouttes entre vos paumes avant chaque application pour une meilleure absorption.\u003c\/p\u003e\n\u003cdiv class=\"bb-timeline\"\u003e\n\u003cdiv class=\"bb-timeline-item\"\u003e\n\u003cdiv class=\"bb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-content\"\u003e\n\u003ch3\u003e🌸 Soin visage\u003c\/h3\u003e\n\u003cp\u003e3 à 5 gouttes matin et\/ou soir sur peau propre et légèrement humide. Massez délicatement en mouvements circulaires ascendants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-item\"\u003e\n\u003cdiv class=\"bb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-content\"\u003e\n\u003ch3\u003e🧴 Soin corps\u003c\/h3\u003e\n\u003cp\u003e5 à 10 gouttes après la douche, sur les zones les plus sèches : coudes, genoux, talons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-item\"\u003e\n\u003cdiv class=\"bb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-content\"\u003e\n\u003ch3\u003e💆 Soin cheveux\u003c\/h3\u003e\n\u003cp\u003eEn bain d'huile avant le shampoing, de 15 minutes à toute une nuit sous une serviette chaude. Idéal une fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-tip\"\u003e\n\u003cspan class=\"bb-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e vous pouvez la mélanger à une huile plus légère comme le jojoba ou l'argan si vous préférez une texture plus fluide, notamment en été.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003eComposition et conservation\u003c\/h2\u003e\n\u003cdiv class=\"bb-accordion\"\u003e\n\u003cdetails class=\"bb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"bb-accordion-header\"\u003e🧬 Ingrédient INCI\u003c\/summary\u003e\n\u003cdiv class=\"bb-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cem\u003eAdansonia Grandidieri Seed Oil\u003c\/em\u003e — huile de graines de baobab pressée à froid, issue de l'agriculture biologique. Aucun additif, aucun parfum de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bb-accordion-item\"\u003e\n\u003csummary class=\"bb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"bb-accordion-content mt-3\"\u003e\n\u003cp\u003eGardez le flacon à l'abri de la chaleur et de la lumière directe. Si l'huile se cristallise par temps froid, passez-la brièvement au bain-marie : elle retrouve sa texture sans perdre ses propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"bb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bb-accordion\"\u003e\n\u003cdetails class=\"bb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"bb-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"bb-accordion-content mt-3\"\u003e\n\u003cp\u003e• Effectuez un test cutané dans le pli du coude \u003cstrong\u003e24 heures avant\u003c\/strong\u003e la première utilisation.\u003cbr\u003e• Usage externe uniquement.\u003cbr\u003e• Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"bb-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\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --bb-cream: #faf6f1;\n --bb-white: #ffffff;\n --bb-primary: #b54a2e;\n --bb-primary-dark: #7a2d18;\n --bb-primary-light: #fdf0eb;\n --bb-secondary: #c8944a;\n --bb-accent: #d4a65a;\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n --bb-border: #e8ddd4;\n --bb-shadow: 0 4px 24px rgba(122,45,24,.08);\n --bb-shadow-lg: 0 12px 48px rgba(122,45,24,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bb-primary-dark) 0%, var(--bb-primary) 50%, var(--bb-secondary) 100%);\n border-radius: var(--bb-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(--bb-shadow-lg);\n}\n\n.bb-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.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-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.bb-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}\n\n.bb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bb-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(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-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.bb-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(--bb-primary), var(--bb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bb-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.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bb-primary), var(--bb-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.bb-timeline-content {\n flex: 1;\n background: var(--bb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bb-radius-sm);\n box-shadow: var(--bb-shadow);\n}\n\n.bb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bb-timeline-content p {\n font-size: 14px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bb-testimonial {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bb-shadow);\n border-left: 4px solid var(--bb-primary);\n}\n\n.bb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-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.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-primary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bb-primary-light);\n border-radius: var(--bb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bb-tip p {\n font-size: 14px;\n color: var(--bb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.bb-disclaimer {\n font-size: 12px;\n color: var(--bb-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 .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bb-card {\n padding: 1.125rem;\n }\n\n .bb-section {\n margin-bottom: 1.75rem;\n }\n\n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n\n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bb-grid-compact {\n gap: .625rem;\n }\n\n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n\n .bb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bb-timeline-content h3 {\n font-size: 14px;\n }\n\n .bb-timeline-content p {\n font-size: 13px;\n }\n\n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bb-testimonial {\n padding: 1.25rem;\n }\n\n .bb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: bbFadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bb-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":55326771806585,"sku":"baobab_50ml_comptoirdeshuiles","price":9.22,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-baobab-bio-50ml-comptoir-des-huiles-packshothd.webp?v=1774366298"},{"product_id":"huile-de-neem-bio-100ml-comptoir-des-huiles","title":"Huile de Neem Bio 100ml - anti-Imperfections - Comptoir des Huiles","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Neem Bio 100ml - Comptoir des Huiles\nPalette détectée:\n - Primaire: #2D7A5F (vert émeraude\/sapin du bandeau \"Comptoir des Huiles\")\n - Secondaire: #8B6914 (ambre\/brun doré du flacon en verre)\n - Accent: #3A9B7A (vert plus clair pour accents et dégradés)\n - Cream: #F7F4EF (beige crème naturel de l'étiquette)\n - Primary-light: #E8F2ED (vert très pâle pour fonds légers)\nAmbiance: Naturel\/bio, apothicaire élégant, simplicité végétale, soin expert\nPréfixe CSS: nm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits de l'huile de neem pour le visage et les cheveux\"\n 2. \"Comment utiliser l'huile de neem bio ?\"\n 3. \"Composition certifiée bio\"\n 4. \"Pourquoi choisir l'huile de neem Comptoir des Huiles ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"nm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nm-hero\"\u003e\n \u003cdiv class=\"nm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nm-hero-content\"\u003e\n \u003cdiv class=\"nm-badges-top\"\u003e\n \u003cspan class=\"nm-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e🧴 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e✨ Anti-imperfections\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nm-hero-title\"\u003eHuile de Neem Bio 100 ml\u003c\/span\u003e\n \u003cp class=\"nm-subtitle\"\u003eComptoir des Huiles — Explorateurs de beauté\u003c\/p\u003e\n \u003cp class=\"nm-description\"\u003eUn soin végétal puissant formulé pour les peaux à problèmes, sensibles et réactives. Extraite par première pression à froid des graines de \u003cem\u003eMelia Azadirachta\u003c\/em\u003e, cette huile certifiée Cosmos Organic purifie, apaise et nourrit — visage et cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de neem pour le visage et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eUne huile végétale multi-cibles particulièrement appréciée pour son action purifiante, apaisante et nourrissante.\u003c\/p\u003e\n \u003cdiv class=\"nm-grid\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🛡️ Action purifiante et antibactérienne\u003c\/h3\u003e\n \u003cp\u003eElle aide à assainir les peaux sujettes à l'acné, aux boutons et aux imperfections en limitant la prolifération des bactéries responsables des déséquilibres cutanés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌸 Effet apaisant sur les irritations\u003c\/h3\u003e\n \u003cp\u003eRougeurs, démangeaisons, tiraillements… L'huile de neem calme les peaux réactives et contribue à restaurer le confort cutané au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💧 Nutrition et souplesse\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga-6, oméga-9 et en vitamine E, elle nourrit l'épiderme en profondeur, préserve son élasticité et lutte contre la sécheresse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire complet\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur le cuir chevelu, elle régule l'excès de sébum, aide à éliminer les pellicules et redonne vitalité aux cheveux fragilisés ou secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de neem bio ?\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eVoici nos conseils d'application pour tirer le meilleur parti de cette huile de neem visage et cheveux.\u003c\/p\u003e\n \u003cdiv class=\"nm-timeline\"\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eEn soin du visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, sur peau propre et sèche, massez délicatement 3 à 4 gouttes sur les zones concernées (imperfections, rougeurs). Évitez le contour des yeux. Vous pouvez l'utiliser pure ou la mélanger à votre crème de nuit habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eEn soin ciblé sur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez localement sur les zones sèches, rugueuses ou sujettes aux irritations : coudes, genoux, talons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eRépartissez l'huile sur le cuir chevelu et les longueurs. Laissez poser 30 minutes à 1 heure sous une serviette tiède, puis lavez avec un shampoing doux. Répétez une fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-tip\"\u003e\n \u003cspan class=\"nm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e l'huile de neem possède une odeur naturelle assez marquée. Pour l'atténuer, mélangez-la avec une huile végétale plus neutre comme le jojoba ou l'argan, ou ajoutez quelques gouttes d'huile essentielle de lavande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComposition certifiée bio\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eUne simplicité exemplaire : un seul ingrédient, zéro compromis.\u003c\/p\u003e\n \u003cdiv class=\"nm-composition-card\"\u003e\n \u003cdiv class=\"nm-composition-ingredient\"\u003e\n \u003cspan class=\"nm-composition-leaf\"\u003e🌱\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eMelia Azadirachta Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de neem\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-composition-cert\"\u003e\n \u003cp\u003e*Issu de l'agriculture biologique — Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-grid-compact\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🚫 Aucun additif\u003c\/h3\u003e\n \u003cp\u003eNi conservateur, ni parfum de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🍃 100 % pure\u003c\/h3\u003e\n \u003cp\u003eCe que la nature offre, rien de plus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de neem Comptoir des Huiles ?\u003c\/h2\u003e\n \u003cdiv class=\"nm-grid-compact\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité irréprochable\u003c\/h3\u003e\n \u003cp\u003eOrigine contrôlée et certification bio garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n \u003cp\u003ePréserve l'intégralité des actifs naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e📦 Format 100 ml\u003c\/h3\u003e\n \u003cp\u003eIdéal pour une utilisation régulière sur plusieurs semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e✅ Testez avant d'adopter\u003c\/h3\u003e\n \u003cp\u003eConfirmez qu'il convient à votre type de peau avant de passer au grand format\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et vos cheveux un soin 100 % naturel, purifiant et nourrissant — directement issu de la nature, certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé. Effectuez toujours un test de tolérance au creux du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --nm-cream: #F7F4EF;\n --nm-white: #ffffff;\n --nm-primary: #2D7A5F;\n --nm-primary-dark: #1E5A44;\n --nm-primary-light: #E8F2ED;\n --nm-secondary: #8B6914;\n --nm-accent: #3A9B7A;\n --nm-text: #1a1a1a;\n --nm-text-light: #5a5a5a;\n --nm-border: #e0e0e0;\n --nm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nm-radius: 20px;\n --nm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--nm-primary-dark) 0%, var(--nm-primary) 50%, var(--nm-accent) 100%);\n border-radius: var(--nm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nm-shadow-lg);\n}\n\n.nm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 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,.015) 30px, rgba(255,255,255,.015) 60px);\n opacity: 1;\n}\n\n.nm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .05em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.nm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nm-primary), var(--nm-accent));\n border-radius: 2px;\n}\n\n.nm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.nm-card {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nm-shadow-lg);\n border-color: var(--nm-primary);\n}\n\n.nm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nm-grid-compact .nm-card {\n padding: 1rem;\n}\n\n.nm-grid-compact .nm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nm-grid-compact .nm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nm-primary), var(--nm-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.nm-timeline-content {\n flex: 1;\n background: var(--nm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nm-radius-sm);\n box-shadow: var(--nm-shadow);\n}\n\n.nm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nm-timeline-content p {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.nm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nm-primary-light);\n border-radius: var(--nm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nm-tip p {\n font-size: 14px;\n color: var(--nm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION CARD === *\/\n.nm-composition-card {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nm-shadow);\n border: 2px solid var(--nm-primary-light);\n margin-bottom: 1.25rem;\n text-align: center;\n}\n\n.nm-composition-ingredient {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.nm-composition-leaf {\n font-size: 36px;\n}\n\n.nm-composition-ingredient h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--nm-primary-dark);\n margin: 0;\n font-style: italic;\n}\n\n.nm-composition-ingredient p {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: .25rem 0 0 0;\n}\n\n.nm-composition-cert {\n border-top: 1px solid var(--nm-border);\n padding-top: 1rem;\n}\n\n.nm-composition-cert p {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: 0;\n}\n\n.nm-composition-cert strong {\n color: var(--nm-primary-dark);\n}\n\n\/* === CTA === *\/\n.nm-cta-box {\n background: linear-gradient(135deg, var(--nm-primary) 0%, var(--nm-primary-dark) 100%);\n border-radius: var(--nm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.nm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nm-disclaimer {\n font-size: 12px;\n color: var(--nm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nm-card {\n padding: 1.125rem;\n }\n\n .nm-section {\n margin-bottom: 1.75rem;\n }\n\n .nm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nm-radius-sm);\n }\n\n .nm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nm-grid-compact {\n gap: .625rem;\n }\n\n .nm-grid-compact .nm-card {\n padding: .75rem;\n }\n\n .nm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nm-timeline-content h3 {\n font-size: 14px;\n }\n\n .nm-timeline-content p {\n font-size: 13px;\n }\n\n .nm-composition-card {\n padding: 1.25rem;\n }\n\n .nm-composition-leaf {\n font-size: 28px;\n }\n\n .nm-composition-ingredient h3 {\n font-size: 16px;\n }\n\n .nm-tip {\n padding: .875rem 1rem;\n }\n\n .nm-tip-icon {\n font-size: 20px;\n }\n\n .nm-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nm-card {\n animation: nmFadeInUp .5s ease backwards;\n }\n .nm-card:nth-child(1) { animation-delay: .05s; }\n .nm-card:nth-child(2) { animation-delay: .1s; }\n .nm-card:nth-child(3) { animation-delay: .15s; }\n .nm-card:nth-child(4) { animation-delay: .2s; }\n .nm-card:nth-child(5) { animation-delay: .25s; }\n .nm-card:nth-child(6) { animation-delay: .3s; }\n\n .nm-timeline-item {\n animation: nmFadeInUp .5s ease backwards;\n }\n .nm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .nm-timeline-item:nth-child(2) { animation-delay: .1s; }\n .nm-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes nmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":55326795202937,"sku":"HUILEDENEEMCOMPTOIRDESHUILES100ML","price":11.81,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-100ml-anti-imperfections-comptoir-des-huil-lifestyle.webp?v=1770907809"},{"product_id":"huile-fruit-passion-comptoir-des-huiles","title":"Huile de Fruit de la passion - 50 ml - Comptoir des Huiles","description":"\u003cdiv class=\"fp-premium\"\u003e\n\n \u003cdiv class=\"fp-hero\"\u003e\n \u003cdiv class=\"fp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fp-hero-content\"\u003e\n \u003cdiv class=\"fp-badges-top\"\u003e\n \u003cspan class=\"fp-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"fp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"fp-badge\"\u003e💧 Texture sèche non grasse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fp-hero-title\"\u003eHuile de Fruit de la Passion\u003c\/span\u003e\n \u003cp class=\"fp-subtitle\"\u003eHuile revigorante – Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"fp-description\"\u003e50 ml d'huile vierge bio, pressée à froid à partir de graines de \u003cem\u003ePassiflora edulis\u003c\/em\u003e de Madagascar. Une pénétration éclair, zéro film gras, 100 % d'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fp-section\"\u003e\n \u003ch2\u003eL'huile de Fruit de la Passion : un soin revigorant pour la peau \u0026amp; les cheveux\u003c\/h2\u003e\n \u003cp class=\"fp-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile végétale hydratante\u003c\/strong\u003e capable de nourrir votre peau sans laisser de film gras ?\u003c\/p\u003e\n \u003cdiv class=\"fp-grid-compact\"\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🌱 Origine bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée ECOCERT \/ Cosmos Organic, issue de graines de \u003cem\u003ePassiflora edulis\u003c\/em\u003e cultivées à Madagascar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🧴 Texture sèche\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes sans laisser de sensation collante ni de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction à froid pour préserver l'intégralité des actifs précieux de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e💜 100 % pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient : l'huile vierge de fruit de la passion, sans aucun additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fp-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de fruit de la passion pour votre peau\u003c\/h2\u003e\n \u003cp class=\"fp-section-intro\"\u003eRiche en acide linoléique (oméga-6), un acide gras essentiel que votre peau ne fabrique pas toute seule, cette huile offre des bienfaits multiples :\u003c\/p\u003e\n \u003cdiv class=\"fp-grid\"\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure le film hydrolipidique des peaux normales à sèches sans obstruer les pores. Indice de comédogénicité faible (1\/5), adaptée même aux peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e✨ Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eSa teneur en vitamine E et en polyphénols antioxydants aide à lutter contre le stress oxydatif et les premiers signes de l'âge. La peau retrouve souplesse et élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🌟 Effet revigorant et éclat\u003c\/h3\u003e\n \u003cp\u003eLes peaux ternes et fatiguées retrouvent un teint lumineux. Son surnom d'« huile revigorante » est parfaitement mérité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🤍 Apaisement des peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSes propriétés émollientes calment les tiraillements et les inconforts cutanés pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fp-section\"\u003e\n \u003ch2\u003eUn soin précieux pour les cheveux secs et abîmés\u003c\/h2\u003e\n \u003cdiv class=\"fp-testimonial\"\u003e\n \u003cp class=\"fp-testimonial-text\"\u003eL'huile de fruit de la passion fait des merveilles sur les cheveux secs, fins ou cassants. Sa texture sèche et non grasse gaine la fibre capillaire sans l'alourdir — ce qui est rare pour une huile végétale aussi nourrissante. Vos cheveux retrouvent brillance, douceur et vitalité, de la racine jusqu'aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e💎 Brillance\u003c\/h3\u003e\n \u003cp\u003eRévèle l'éclat naturel de la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🪶 Légèreté\u003c\/h3\u003e\n \u003cp\u003eN'alourdit jamais les cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🛡️ Protection\u003c\/h3\u003e\n \u003cp\u003eGaine et protège les longueurs fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🌸 Douceur\u003c\/h3\u003e\n \u003cp\u003eCheveux soyeux de la racine aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fp-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"fp-timeline\"\u003e\n \u003cdiv class=\"fp-timeline-item\"\u003e\n \u003cdiv class=\"fp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fp-timeline-content\"\u003e\n \u003ch3\u003e🌙 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes le soir sur une peau propre et légèrement humide. Massez délicatement en mouvements circulaires. Elle peut remplacer votre sérum ou s'utiliser en complément de votre crème habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-timeline-item\"\u003e\n \u003cdiv class=\"fp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fp-timeline-content\"\u003e\n \u003ch3\u003e🚿 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eUtilisez 4 à 5 gouttes après la douche comme huile de massage nourrissante. Sa pénétration rapide vous permet de vous habiller immédiatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-timeline-item\"\u003e\n \u003cdiv class=\"fp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fp-timeline-content\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes sur les longueurs et les pointes. Pour un soin intensif, appliquez généreusement en masque avant shampooing et laissez poser au moins 30 minutes, ou toute une nuit pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-tip\"\u003e\n \u003cspan class=\"fp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e mélangez 2 gouttes d'huile de fruit de la passion à votre crème de jour pour un boost d'hydratation et d'éclat au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fp-section\"\u003e\n \u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n \u003cdiv class=\"fp-accordion\"\u003e\n \u003cdetails class=\"fp-accordion-item\" open\u003e\n \u003csummary class=\"fp-accordion-header\"\u003e🧬 Ingrédient unique (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"fp-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003ePassiflora Edulis Seed Oil*\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fp-accordion-item\"\u003e\n \u003csummary class=\"fp-accordion-header\"\u003e🚫 Sans additif\u003c\/summary\u003e\n \u003cdiv class=\"fp-accordion-content mt-3\"\u003e\n \u003cp\u003eAucun additif, aucun conservateur, aucun parfum de synthèse. Juste l'huile pure, vierge, obtenue par première pression à froid pour préserver l'intégralité de ses actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fp-accordion-item\"\u003e\n \u003csummary class=\"fp-accordion-header\"\u003e🫙 Flacon protecteur\u003c\/summary\u003e\n \u003cdiv class=\"fp-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon en verre ambré de 50 ml avec pipette compte-gouttes. Protège l'huile de la lumière et facilite un dosage précis au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Comptoir des Huiles ?\u003c\/h2\u003e\n \u003cdiv class=\"fp-cta-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est une marque française spécialisée dans les huiles végétales d'exception. Chaque huile est sélectionnée pour sa traçabilité, sa pureté et son origine éthique. En choisissant ce produit, vous optez pour une \u003cstrong\u003ecosmétique vegan, naturelle et responsable\u003c\/strong\u003e, fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fp-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute ou d'allergie connue, effectuez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fp-cream: #faf7f4;\n --fp-white: #ffffff;\n --fp-primary: #c4385a;\n --fp-primary-dark: #8e1f3b;\n --fp-primary-light: #fdf0f3;\n --fp-secondary: #d4956a;\n --fp-accent: #6b3a2e;\n --fp-text: #1a1a1a;\n --fp-text-light: #5a5a5a;\n --fp-border: #e8ddd6;\n --fp-shadow: 0 4px 24px rgba(142,31,59,.08);\n --fp-shadow-lg: 0 12px 48px rgba(142,31,59,.15);\n --fp-radius: 20px;\n --fp-radius-sm: 12px;\n}\n\n.fp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fp-primary-dark) 0%, var(--fp-primary) 50%, var(--fp-secondary) 100%);\n border-radius: var(--fp-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(--fp-shadow-lg);\n}\n\n.fp-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.fp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fp-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.fp-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.fp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fp-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(--fp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fp-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.fp-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(--fp-primary), var(--fp-secondary));\n border-radius: 2px;\n}\n\n.fp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fp-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.fp-card {\n background: var(--fp-white);\n border-radius: var(--fp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fp-shadow-lg);\n border-color: var(--fp-primary);\n}\n\n.fp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fp-grid-compact .fp-card {\n padding: 1rem;\n}\n\n.fp-grid-compact .fp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fp-grid-compact .fp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fp-primary), var(--fp-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.fp-timeline-content {\n flex: 1;\n background: var(--fp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fp-radius-sm);\n box-shadow: var(--fp-shadow);\n}\n\n.fp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fp-timeline-content p {\n font-size: 14px;\n color: var(--fp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fp-testimonial {\n background: var(--fp-white);\n border-radius: var(--fp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fp-shadow);\n border-left: 4px solid var(--fp-primary);\n}\n\n.fp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fp-accordion {\n background: var(--fp-white);\n border-radius: var(--fp-radius);\n box-shadow: var(--fp-shadow);\n overflow: hidden;\n}\n\n.fp-accordion-item {\n border-bottom: 1px solid var(--fp-border);\n margin: 0;\n padding: 0;\n}\n\n.fp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fp-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.fp-accordion-header:hover {\n background: var(--fp-primary-light);\n}\n\n.fp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fp-primary);\n transition: transform .2s ease;\n}\n\n.fp-accordion-item[open] .fp-accordion-header::after {\n content: '−';\n}\n\n.fp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fp-primary-light);\n border-radius: var(--fp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fp-tip p {\n font-size: 14px;\n color: var(--fp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fp-cta-box {\n background: linear-gradient(135deg, var(--fp-primary) 0%, var(--fp-primary-dark) 100%);\n border-radius: var(--fp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fp-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.fp-disclaimer {\n font-size: 12px;\n color: var(--fp-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 .fp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fp-card {\n padding: 1.125rem;\n }\n\n .fp-section {\n margin-bottom: 1.75rem;\n }\n\n .fp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fp-radius-sm);\n }\n\n .fp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fp-grid-compact {\n gap: .625rem;\n }\n\n .fp-grid-compact .fp-card {\n padding: .75rem;\n }\n\n .fp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fp-timeline-content h3 {\n font-size: 14px;\n }\n\n .fp-timeline-content p {\n font-size: 13px;\n }\n\n .fp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fp-testimonial {\n padding: 1.25rem;\n }\n\n .fp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fp-card {\n animation: fpFadeInUp .5s ease backwards;\n }\n .fp-card:nth-child(1) { animation-delay: .05s; }\n .fp-card:nth-child(2) { animation-delay: .1s; }\n .fp-card:nth-child(3) { animation-delay: .15s; }\n .fp-card:nth-child(4) { animation-delay: .2s; }\n .fp-card:nth-child(5) { animation-delay: .25s; }\n .fp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fpFadeInUp {\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 .fp-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":55493002625401,"sku":"HUILEPASSION_","price":8.78,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-fruit-de-la-passion-50-ml-comptoir-des-huiles-packshothd.webp?v=1774365862"},{"product_id":"savon-exfoliant-aux-tourteaux-de-moringa-100-g-comptoir-des-huiles","title":"Savon exfoliant aux tourteaux de Moringa - 100 g - Comptoir des Huiles","description":"\u003cdiv class=\"se-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"se-hero\"\u003e\n \u003cdiv class=\"se-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"se-hero-content\"\u003e\n \u003cdiv class=\"se-badges-top\"\u003e\n \u003cspan class=\"se-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"se-badge\"\u003e🤲 Fabriqué à la main\u003c\/span\u003e\n \u003cspan class=\"se-badge\"\u003e🧴 Surgras 7 %\u003c\/span\u003e\n \u003cspan class=\"se-badge\"\u003e🇫🇷 Saponification à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"se-hero-title\"\u003eSavon Exfoliant aux Tourteaux de Moringa\u003c\/span\u003e\n \u003cp class=\"se-subtitle\"\u003eComptoir des Huiles — 100 g\u003c\/p\u003e\n \u003cp class=\"se-description\"\u003eUn gommage végétal artisanal qui exfolie, adoucit et nourrit votre peau en un seul geste, grâce à la puissance du Moringa et des huiles biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eSavon exfoliant aux tourteaux de Moringa : un gommage naturel et nourrissant\u003c\/h2\u003e\n \u003cp class=\"se-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon exfoliant corps\u003c\/strong\u003e qui gomme en douceur sans agresser votre peau ? Le \u003cstrong\u003eSavon Exfoliant aux Tourteaux de Moringa\u003c\/strong\u003e de Comptoir des Huiles combine nettoyage, gommage et nutrition en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"se-grid-compact\"\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🧊 Saponification à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé artisanal qui conserve toute la richesse des huiles végétales biologiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🌱 Tourteaux de Moringa\u003c\/h3\u003e\n \u003cp\u003eParticules végétales de graine pour une exfoliation mécanique naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e✨ Peau douce et lisse\u003c\/h3\u003e\n \u003cp\u003eÉlimine les cellules mortes sans micro-rayures ni irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e💧 Nutrition profonde\u003c\/h3\u003e\n \u003cp\u003eHuiles bio de coco, baobab, jatropha et ricin pour nourrir l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon exfoliant naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"se-grid\"\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🪶 Exfoliation douce et efficace\u003c\/h3\u003e\n \u003cp\u003eLes particules de tourteaux de Moringa désincrustent la peau et stimulent le renouvellement cellulaire, sans agression. Idéal comme \u003cstrong\u003esavon exfoliant visage\u003c\/strong\u003e et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🥑 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eEnrichi en huiles de coco, baobab, jatropha et ricin biologiques, il apporte des acides gras essentiels (oméga 6 et 9) ainsi que des vitamines A et E directement à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🛡️ Surgras à 7 %\u003c\/h3\u003e\n \u003cp\u003eCe taux généreux préserve le film hydrolipidique naturel de votre peau. Aucune sensation de tiraillement après le rinçage, même sur les peaux les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🤰 Sans parfum ni huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour les peaux sensibles, réactives et même celles des femmes enceintes qui souhaitent un gommage sans risque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🌿 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e83,6 % d'ingrédients biologiques\u003c\/strong\u003e : une composition transparente, courte et irréprochable pour prendre soin de votre peau en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"se-composition-box\"\u003e\n \u003cp class=\"se-composition-text\"\u003e\u003cstrong\u003eIngrédients\u003c\/strong\u003e : Sodium Cocoate*, Sodium Jatropha Mahafalensis Seedate*, Sodium Baobabate*, Glycerin, Sodium Castorate*, Moringa Oleifera Seed Cake*, Cocos Nucifera Oil*, Jatropha Mahafalensis Seed Oil*, Adansonia Grandidieri Seed Oil*, Ricinus Communis Seed Oil*\u003c\/p\u003e\n \u003cp class=\"se-composition-note\"\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-tip\"\u003e\n \u003cspan class=\"se-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eSeulement \u003cstrong\u003e10 ingrédients\u003c\/strong\u003e : pas de conservateur, pas de colorant, pas de tensioactif de synthèse. Vous savez exactement ce que vous appliquez sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon gommant ?\u003c\/h2\u003e\n \u003cdiv class=\"se-timeline\"\u003e\n \u003cdiv class=\"se-timeline-item\"\u003e\n \u003cdiv class=\"se-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"se-timeline-content\"\u003e\n \u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n \u003cp\u003eSous la douche, humidifiez votre corps et faites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-timeline-item\"\u003e\n \u003cdiv class=\"se-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"se-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eAppliquez par \u003cstrong\u003emouvements circulaires doux\u003c\/strong\u003e, en insistant sur les zones rugueuses : coudes, genoux, talons, cuisses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-timeline-item\"\u003e\n \u003cdiv class=\"se-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"se-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède pour révéler une peau lisse, douce et parfaitement nettoyée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-tip\"\u003e\n \u003cspan class=\"se-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFréquence recommandée\u003c\/strong\u003e : 1 à 2 fois par semaine pour un grain de peau affiné. Sur le visage, limitez-vous à une application hebdomadaire en évitant le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-tip\"\u003e\n \u003cspan class=\"se-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce\u003c\/strong\u003e : utilisez ce savon avant l'application d'un sérum ou d'une huile végétale. L'exfoliation prépare la peau à mieux absorber les soins qui suivent, ce qui décuple leur efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"se-accordion\"\u003e\n \u003cdetails class=\"se-accordion-item\"\u003e\n \u003csummary class=\"se-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"se-accordion-content mt-3\"\u003e\n \u003cp\u003ePour prolonger la durée de vie de votre savon, laissez-le sécher entre chaque utilisation sur un \u003cstrong\u003eporte-savon ajouré\u003c\/strong\u003e, à l'abri de l'eau stagnante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"se-accordion-item\"\u003e\n \u003csummary class=\"se-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"se-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux ; en cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"se-accordion-item\"\u003e\n \u003csummary class=\"se-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"se-accordion-content mt-3\"\u003e\n \u003cp\u003eCe savon est un soin cosmétique et \u003cstrong\u003ene remplace en aucun cas un traitement dermatologique\u003c\/strong\u003e. En cas de doute ou de problème de peau persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 - DERNIÈRE --\u003e\n \u003csection class=\"se-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qu'il faut retenir\u003c\/h2\u003e\n \u003cdiv class=\"se-cta-box\"\u003e\n \u003cp\u003eAvec sa formule artisanale courte, son exfoliation végétale et sa surgras généreuse, ce \u003cstrong\u003esavon exfoliant\u003c\/strong\u003e de Comptoir des Huiles s'impose comme une alternative naturelle et responsable aux gommages conventionnels. Un pain de \u003cstrong\u003e100 g\u003c\/strong\u003e qui dure plusieurs semaines et qui transforme chaque douche en un véritable rituel de soin pour votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"se-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un traitement dermatologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --se-cream: #faf6f1;\n --se-white: #ffffff;\n --se-primary: #8b6f4e;\n --se-primary-dark: #5c4a33;\n --se-primary-light: #f3ece3;\n --se-secondary: #b8956a;\n --se-accent: #d4a96a;\n --se-text: #1a1a1a;\n --se-text-light: #5a5a5a;\n --se-border: #e6ddd3;\n --se-shadow: 0 4px 24px rgba(92,74,51,.08);\n --se-shadow-lg: 0 12px 48px rgba(92,74,51,.15);\n --se-radius: 20px;\n --se-radius-sm: 12px;\n}\n\n.se-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--se-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.se-hero {\n position: relative;\n background: linear-gradient(135deg, #5c4a33 0%, #8b6f4e 50%, #b8956a 100%);\n border-radius: var(--se-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(--se-shadow-lg);\n}\n\n.se-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) 1px, transparent 1px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 1.5px, transparent 1.5px),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 1px, transparent 1px);\n background-size: 40px 40px, 60px 60px, 25px 25px;\n opacity: 1;\n}\n\n.se-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.se-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.se-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.se-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.se-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.se-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(--se-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.se-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.se-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.se-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--se-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.se-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(--se-primary), var(--se-secondary));\n border-radius: 2px;\n}\n\n.se-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--se-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.se-card {\n background: var(--se-white);\n border-radius: var(--se-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--se-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.se-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--se-shadow-lg);\n border-color: var(--se-primary);\n}\n\n.se-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--se-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.se-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--se-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.se-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.se-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.se-grid-compact .se-card {\n padding: 1rem;\n}\n\n.se-grid-compact .se-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.se-grid-compact .se-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.se-composition-box {\n background: var(--se-white);\n border-radius: var(--se-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--se-shadow);\n margin-bottom: 1.25rem;\n}\n\n.se-composition-text {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--se-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n word-break: break-word;\n}\n\n.se-composition-note {\n font-size: 13px;\n color: var(--se-primary);\n font-weight: 600;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.se-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.se-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.se-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--se-primary), var(--se-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.se-timeline-content {\n flex: 1;\n background: var(--se-white);\n padding: 1rem 1.25rem;\n border-radius: var(--se-radius-sm);\n box-shadow: var(--se-shadow);\n}\n\n.se-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--se-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.se-timeline-content p {\n font-size: 14px;\n color: var(--se-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.se-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--se-primary-light);\n border-radius: var(--se-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.se-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.se-tip p {\n font-size: 14px;\n color: var(--se-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.se-accordion {\n background: var(--se-white);\n border-radius: var(--se-radius);\n box-shadow: var(--se-shadow);\n overflow: hidden;\n}\n\n.se-accordion-item {\n border-bottom: 1px solid var(--se-border);\n margin: 0;\n padding: 0;\n}\n\n.se-accordion-item:last-child {\n border-bottom: none;\n}\n\n.se-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--se-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.se-accordion-header:hover {\n background: var(--se-primary-light);\n}\n\n.se-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.se-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--se-primary);\n transition: transform .2s ease;\n}\n\n.se-accordion-item[open] .se-accordion-header::after {\n content: '−';\n}\n\n.se-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--se-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.se-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.se-cta-box {\n background: linear-gradient(135deg, var(--se-primary) 0%, var(--se-primary-dark) 100%);\n border-radius: var(--se-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.se-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.se-disclaimer {\n font-size: 12px;\n color: var(--se-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 .se-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .se-card {\n padding: 1.125rem;\n }\n\n .se-section {\n margin-bottom: 1.75rem;\n }\n\n .se-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--se-radius-sm);\n }\n\n .se-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .se-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .se-grid-compact {\n gap: .625rem;\n }\n\n .se-grid-compact .se-card {\n padding: .75rem;\n }\n\n .se-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .se-timeline-content {\n padding: .875rem 1rem;\n }\n\n .se-timeline-content h3 {\n font-size: 14px;\n }\n\n .se-timeline-content p {\n font-size: 13px;\n }\n\n .se-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .se-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .se-composition-box {\n padding: 1rem;\n }\n\n .se-tip {\n padding: .875rem 1rem;\n }\n\n .se-tip-icon {\n font-size: 20px;\n }\n\n .se-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .se-card {\n animation: seFadeInUp .5s ease backwards;\n }\n .se-card:nth-child(1) { animation-delay: .05s; }\n .se-card:nth-child(2) { animation-delay: .1s; }\n .se-card:nth-child(3) { animation-delay: .15s; }\n .se-card:nth-child(4) { animation-delay: .2s; }\n .se-card:nth-child(5) { animation-delay: .25s; }\n .se-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes seFadeInUp {\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 .se-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":55493028643193,"sku":"SAV-TTM-0100-CDH_B","price":6.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-exfoliant-aux-tourteaux-de-moringa-100-g-comptoir-des--lifestyle.webp?v=1774369521"},{"product_id":"lait-corps-enrichi-en-huile-de-coco-100-ml-comptoir-des-huiles","title":"Lait Corps enrichi en Huile de Coco - 100 ml - Comptoir des Huiles","description":"\u003cdiv class=\"lc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lc-hero\"\u003e\n \u003cdiv class=\"lc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lc-hero-content\"\u003e\n \u003cdiv class=\"lc-badges-top\"\u003e\n \u003cspan class=\"lc-badge\"\u003e🥥 Huile de coco bio\u003c\/span\u003e\n \u003cspan class=\"lc-badge\"\u003e🌿 +98 % naturel\u003c\/span\u003e\n \u003cspan class=\"lc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"lc-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lc-hero-title\"\u003eLe Lait Corps à l'huile de coco\u003c\/span\u003e\n \u003cp class=\"lc-subtitle\"\u003eComptoir des Huiles — 100 ml\u003c\/p\u003e\n \u003cp class=\"lc-description\"\u003eOnctueux, léger et non gras. Une formule courte aux huiles biologiques et au parfum vanillé-coco pour une peau nourrie, souple et veloutée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eLait corps hydratant à l'huile de coco : nutrition et douceur au naturel\u003c\/h2\u003e\n \u003cp class=\"lc-section-intro\"\u003eVous cherchez le \u003cstrong\u003emeilleur lait hydratant corps\u003c\/strong\u003e capable de nourrir en profondeur sans laisser de film gras ? Le \u003cstrong\u003eLait Corps enrichi en Huile de Coco de Comptoir des Huiles\u003c\/strong\u003e est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"lc-grid-compact\"\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🌱 +98 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormulé avec des ingrédients d'origine naturelle rigoureusement sélectionnés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🧴 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003eUn voile soyeux qui pénètre instantanément sans film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🧬 Actifs puissants\u003c\/h3\u003e\n \u003cp\u003eHuiles végétales bio associées à des actifs hydratants longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e✨ Confort durable\u003c\/h3\u003e\n \u003cp\u003eNourrit, protège et adoucit votre peau jour après jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003ePourquoi votre peau va l'adopter\u003c\/h2\u003e\n \u003cp class=\"lc-section-intro\"\u003eCe \u003cstrong\u003elait pour le corps hydratant\u003c\/strong\u003e se distingue par sa formule courte et intelligente, concentrée en actifs d'exception :\u003c\/p\u003e\n \u003cdiv class=\"lc-grid\"\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acide laurique, elle nourrit intensément et renforce la barrière cutanée pour une peau protégée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🌳 Huile de moringa bio\u003c\/h3\u003e\n \u003cp\u003eRéputée pour ses propriétés adoucissantes et son pouvoir anti-oxydant remarquable qui préserve la jeunesse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🌵 Jus d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eUtilisé comme base du soin à la place de l'eau, il apporte une hydratation profonde et apaise les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🌸 Eau florale d'hamamélis bio\u003c\/h3\u003e\n \u003cp\u003eTonifiante et purifiante, elle resserre les pores et rafraîchit la peau pour un grain de peau affiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eUn allié incontournable pour réparer et protéger les peaux sèches ou fragilisées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-tip\"\u003e\n \u003cspan class=\"lc-tip-icon\"\u003e🍦\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e une peau souple, douce et veloutée, enveloppée d'un \u003cstrong\u003edélicat parfum vanillé-coco\u003c\/strong\u003e qui vous accompagne toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eUn lait corps idéal pour les peaux sèches et sensibles\u003c\/h2\u003e\n \u003cp class=\"lc-section-intro\"\u003eSi vous êtes en quête du \u003cstrong\u003emeilleur lait hydratant corps pour peau très sèche\u003c\/strong\u003e, cette formule mérite toute votre attention.\u003c\/p\u003e\n \u003cdiv class=\"lc-grid\"\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n \u003cp\u003eSa texture onctueuse se transforme au contact de la peau en un voile soyeux qui pénètre rapidement, sans résidu collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n \u003cp\u003eNi silicone, ni paraben, ni ingrédient de synthèse inutile. Votre peau reçoit uniquement ce dont elle a besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e💆 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, y compris les plus sensibles, et celles qui tiraillent après la douche ou une exposition au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eComment bien l'appliquer ?\u003c\/h2\u003e\n \u003cdiv class=\"lc-timeline\"\u003e\n \u003cdiv class=\"lc-timeline-item\"\u003e\n \u003cdiv class=\"lc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de lait corps hydratant sur peau propre et sèche, idéalement après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-item\"\u003e\n \u003cdiv class=\"lc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez par mouvements circulaires en insistant sur les zones sèches : coudes, genoux, jambes et bras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-item\"\u003e\n \u003cdiv class=\"lc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-content\"\u003e\n \u003ch3\u003eProfitez instantanément\u003c\/h3\u003e\n \u003cp\u003eLe soin est absorbé en quelques secondes, vous pouvez vous habiller immédiatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-tip\"\u003e\n \u003cspan class=\"lc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e pour un rituel plus complet, associez-le à un gommage doux une à deux fois par semaine afin de favoriser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"lc-accordion\"\u003e\n \u003cdetails class=\"lc-accordion-item\" open\u003e\n \u003csummary class=\"lc-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n \u003cp\u003eAloe barbadensis leaf juice*, Aqua (Water), Hamamelis virginiana (Witch hazel) leaf water*, Cocos nucifera (Coconut) oil*, Glyceryl stearate citrate, Moringa drouhardii seed oil*, Glyceryl stearate, Glycerin, Butyrospermum parkii (Shea) butter*, Parfum (Fragrance), Xanthan gum, Helianthus annuus (Sunflower) seed oil, Dehydroacetic acid, Potassium sorbate, Tocopherol, Sodium benzoate, Sodium hydroxide, Beta-sitosterol**, Squalene**, Benzyl alcohol**, Limonene**.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique. 99 % du total est d'origine naturelle ; 50 % des ingrédients sont 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 --\u003e\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eLes points forts en un coup d'œil\u003c\/h2\u003e\n \u003cdiv class=\"lc-grid-compact\"\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e📏 100 ml\u003c\/h3\u003e\n \u003cp\u003eFormat pratique, idéal en voyage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e♻️ Pot en verre\u003c\/h3\u003e\n \u003cp\u003eCouvercle aluminium, recyclable et éco-responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France par Comptoir des Huiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🍦 Parfum gourmand\u003c\/h3\u003e\n \u003cp\u003eVanille-coco naturel, subtil et envoûtant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🌿 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans silicone, sans paraben\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"lc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lc-cta-box\"\u003e\n \u003cp\u003e🥥 Offrez à votre peau la douceur nourrissante de l'huile de coco bio, enveloppée d'un parfum vanillé irrésistible. Adoptez votre nouveau rituel bien-être dès aujourd'hui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lc-disclaimer\"\u003ePrécaution : ce produit cosmétique ne se substitue pas à un avis médical. En cas de doute ou de réaction cutanée, consultez un professionnel de santé. Conservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lc-cream: #faf6f1;\n --lc-white: #ffffff;\n --lc-primary: #b59a7c;\n --lc-primary-dark: #7a6248;\n --lc-primary-light: #f0e8df;\n --lc-secondary: #d4b896;\n --lc-accent: #c9a96e;\n --lc-text: #1a1a1a;\n --lc-text-light: #6b5e52;\n --lc-border: #e5ddd4;\n --lc-shadow: 0 4px 24px rgba(122,98,72,.08);\n --lc-shadow-lg: 0 12px 48px rgba(122,98,72,.15);\n --lc-radius: 20px;\n --lc-radius-sm: 12px;\n}\n\n.lc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lc-hero {\n position: relative;\n background: linear-gradient(135deg, #7a6248 0%, #b59a7c 50%, #d4b896 100%);\n border-radius: var(--lc-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(--lc-shadow-lg);\n}\n\n.lc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 30px,\n rgba(255,255,255,.03) 30px,\n rgba(255,255,255,.03) 60px\n );\n opacity: 1;\n}\n\n.lc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lc-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.lc-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: .04em;\n text-transform: uppercase;\n}\n\n.lc-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.lc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lc-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(--lc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lc-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.lc-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(--lc-primary), var(--lc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-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.lc-card {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lc-shadow-lg);\n border-color: var(--lc-primary);\n}\n\n.lc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lc-grid-compact .lc-card {\n padding: 1rem;\n}\n\n.lc-grid-compact .lc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lc-grid-compact .lc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lc-primary), var(--lc-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.lc-timeline-content {\n flex: 1;\n background: var(--lc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lc-radius-sm);\n box-shadow: var(--lc-shadow);\n}\n\n.lc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lc-timeline-content p {\n font-size: 14px;\n color: var(--lc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lc-testimonial {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lc-shadow);\n border-left: 4px solid var(--lc-primary);\n}\n\n.lc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.lc-accordion {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n box-shadow: var(--lc-shadow);\n overflow: hidden;\n}\n\n.lc-accordion-item {\n border-bottom: 1px solid var(--lc-border);\n margin: 0;\n padding: 0;\n}\n\n.lc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lc-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.lc-accordion-header:hover {\n background: var(--lc-primary-light);\n}\n\n.lc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lc-primary);\n transition: transform .2s ease;\n}\n\n.lc-accordion-item[open] .lc-accordion-header::after {\n content: '−';\n}\n\n.lc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lc-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.lc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.lc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lc-primary-light);\n border-radius: var(--lc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lc-tip p {\n font-size: 14px;\n color: var(--lc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lc-cta-box {\n background: linear-gradient(135deg, var(--lc-primary) 0%, var(--lc-primary-dark) 100%);\n border-radius: var(--lc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lc-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.lc-disclaimer {\n font-size: 12px;\n color: var(--lc-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 .lc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lc-card {\n padding: 1.125rem;\n }\n\n .lc-section {\n margin-bottom: 1.75rem;\n }\n\n .lc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lc-radius-sm);\n }\n\n .lc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lc-grid-compact {\n gap: .625rem;\n }\n\n .lc-grid-compact .lc-card {\n padding: .75rem;\n }\n\n .lc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lc-timeline-content h3 {\n font-size: 14px;\n }\n\n .lc-timeline-content p {\n font-size: 13px;\n }\n\n .lc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lc-testimonial {\n padding: 1.25rem;\n }\n\n .lc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lc-card {\n animation: lcFadeInUp .5s ease backwards;\n }\n .lc-card:nth-child(1) { animation-delay: .05s; }\n .lc-card:nth-child(2) { animation-delay: .1s; }\n .lc-card:nth-child(3) { animation-delay: .15s; }\n .lc-card:nth-child(4) { animation-delay: .2s; }\n .lc-card:nth-child(5) { animation-delay: .25s; }\n .lc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lcFadeInUp {\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 .lc-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":55493039849849,"sku":"SOI-LAC-0100-CDH_B","price":12.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corps-enrichi-en-huile-de-coco-100-ml-comptoir-des-huil-packshothd.webp?v=1774427390"},{"product_id":"beurre-de-karite-peau-et-cheveux-secs-100-ml-comptoir-des-huiles-1","title":"Beurre de Karité Bio 100 ml – Comptoir des Huiles","description":"\u003cdiv class=\"bk-premium\"\u003e\n\n \u003c!-- HERO --\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🌿 100 % naturel \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e🇬🇭 Commerce équitable Ghana\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bk-hero-title\"\u003eBeurre de Karité Bio 100 ml\u003c\/span\u003e\n \u003cp class=\"bk-subtitle\"\u003eComptoir des Huiles — Explorateur de beauté\u003c\/p\u003e\n \u003cp class=\"bk-description\"\u003eUn soin brut, pur et non raffiné, pressé à froid. Riche en vitamines A, D, E, F et en acides gras essentiels pour nourrir intensément votre peau et vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eBeurre de karité bio pur : le soin nourrissant multi-usages pour peau et cheveux secs\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eIssu d'une \u003cstrong\u003ecoopérative équitable au Ghana\u003c\/strong\u003e, ce \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e signé Comptoir des Huiles est un soin brut, \u003cstrong\u003e100 % pur et non raffiné\u003c\/strong\u003e, pressé à froid.\u003c\/p\u003e\n \u003cdiv class=\"bk-grid-compact\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🧴 Pur \u0026amp; brut\u003c\/h3\u003e\n \u003cp\u003e100 % beurre de karité, sans parfum ajouté ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🌡️ Pressé à froid\u003c\/h3\u003e\n \u003cp\u003ePréserve l'intégralité des vitamines et acides gras essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e✨ Vitamines A, D, E, F\u003c\/h3\u003e\n \u003cp\u003eConcentration optimale en actifs naturels nourrissants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💛 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003ePeau et cheveux profondément nourris, souples et protégés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un beurre de karité non raffiné ?\u003c\/h2\u003e\n \u003cdiv class=\"bk-highlight-box\"\u003e\n \u003cdiv class=\"bk-highlight-comparison\"\u003e\n \u003cdiv class=\"bk-highlight-col bk-highlight-bad\"\u003e\n \u003ch3\u003e❌ Karité raffiné\u003c\/h3\u003e\n \u003cp\u003eBlanchi et désodorisé, il perd jusqu'à \u003cstrong\u003e60 % de ses principes actifs\u003c\/strong\u003e. Texture uniforme mais appauvrie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-highlight-col bk-highlight-good\"\u003e\n \u003ch3\u003e✅ Karité non raffiné\u003c\/h3\u003e\n \u003cp\u003eConserve toute sa richesse en \u003cstrong\u003einsaponifiables\u003c\/strong\u003e : composés précieux qui protègent, réparent et adoucissent même les peaux les plus fragilisées.\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\u003eSa texture onctueuse et son léger parfum naturel de noix témoignent de sa qualité brute et de son extraction artisanale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eLes bienfaits du beurre de karité pour le visage et le corps\u003c\/h2\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💧 Hydrate en profondeur\u003c\/h3\u003e\n \u003cp\u003eLes peaux sèches, déshydratées ou rugueuses retrouvent douceur et confort durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🩹 Répare intensément\u003c\/h3\u003e\n \u003cp\u003eLèvres gercées, coudes, talons, mains abîmées : il restaure les zones les plus sollicitées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🌬️ Apaise les irritations\u003c\/h3\u003e\n \u003cp\u003eTiraillements, rougeurs liés au froid ou au soleil sont soulagés rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🤰 Prévient les vergetures\u003c\/h3\u003e\n \u003cp\u003eSon pouvoir assouplissant aide à préserver l'élasticité de la peau pendant la grossesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🪒 Baume après-rasage\u003c\/h3\u003e\n \u003cp\u003eS'utilise comme soin après-rasage ou après-soleil naturel pour calmer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sensibles des tout-petits comme aux adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eBeurre de karité dans les cheveux : un masque nutrition intense\u003c\/h2\u003e\n \u003cdiv class=\"bk-testimonial\"\u003e\n \u003cp class=\"bk-testimonial-text\"\u003eAppliqué sur les cheveux secs, cassants ou bouclés, le beurre de karité est un allié remarquable. Il nourrit la fibre capillaire en profondeur, \u003cstrong\u003ediscipline les boucles\u003c\/strong\u003e, réduit les frisottis et redonne brillance et souplesse aux pointes desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🌀 Discipline les boucles\u003c\/h3\u003e\n \u003cp\u003eRéduit les frisottis, définit les boucles naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e✂️ Pointes réparées\u003c\/h3\u003e\n \u003cp\u003eRedonne brillance et souplesse aux longueurs desséchées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🛁 Bain d'huile\u003c\/h3\u003e\n \u003cp\u003eEn pré-shampooing pour une nutrition profonde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💆 Touche finale\u003c\/h3\u003e\n \u003cp\u003eSur les longueurs pour un fini soyeux au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eComment utiliser le beurre de karité au quotidien ?\u003c\/h2\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\u003ePrélevez et réchauffez\u003c\/h3\u003e\n \u003cp\u003ePrenez une noisette de beurre et réchauffez-la entre vos paumes jusqu'à obtenir une texture fondante.\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\u003eCorps : massage sur peau humide\u003c\/h3\u003e\n \u003cp\u003eMassez sur peau encore humide après la douche pour une absorption optimale sur les zones sèches.\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\u003eVisage : soin du soir\u003c\/h3\u003e\n \u003cp\u003eAppliquez en fine couche sur les zones qui tiraillent, ou en masque repulpant occasionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003eCheveux : masque nourrissant\u003c\/h3\u003e\n \u003cp\u003eLaissez poser 30 minutes à une nuit entière avant votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003eDIY : créez votre baume\u003c\/h3\u003e\n \u003cp\u003eMélangez-le avec de l'huile d'argan, de jojoba ou de coco pour un baume sur mesure.\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=\"bk-section\"\u003e\n \u003ch2\u003eComposition et certifications\u003c\/h2\u003e\n \u003cdiv class=\"bk-inci-box\"\u003e\n \u003cp class=\"bk-inci-label\"\u003eINCI\u003c\/p\u003e\n \u003cp class=\"bk-inci-value\"\u003eButyrospermum Parkii Butter* \u003cem\u003e(*issu de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🇬🇭 Origine Ghana\u003c\/h3\u003e\n \u003cp\u003eFilière solidaire, traçabilité garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e❄️ Pressé à froid\u003c\/h3\u003e\n \u003cp\u003eSans additifs ni conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié Agriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e♻️ Pot en verre\u003c\/h3\u003e\n \u003cp\u003eFormat 100 ml recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🌍 Équitable\u003c\/h3\u003e\n \u003cp\u003eSoutien aux coopératives locales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"bk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bk-accordion\"\u003e\n \u003cdetails class=\"bk-accordion-item\"\u003e\n \u003csummary class=\"bk-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"bk-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bk-accordion-item\"\u003e\n \u003csummary class=\"bk-accordion-header\"\u003e🌡️ Température de conservation\u003c\/summary\u003e\n \u003cdiv class=\"bk-accordion-content mt-3\"\u003e\n \u003cp\u003eNe chauffez pas le beurre à haute température afin de préserver ses actifs. Conservez à température ambiante, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bk-accordion-item\"\u003e\n \u003csummary class=\"bk-accordion-header\"\u003e⚠️ Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"bk-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques au latex ou aux fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"bk-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 --bk-cream: #faf6f0;\n --bk-white: #ffffff;\n --bk-primary: #c9a84c;\n --bk-primary-dark: #8a6d2b;\n --bk-primary-light: #f5eed9;\n --bk-secondary: #a68b3c;\n --bk-accent: #d4b85a;\n --bk-text: #1a1a1a;\n --bk-text-light: #5a5a5a;\n --bk-border: #e8e0d0;\n --bk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bk-shadow-lg: 0 12px 48px rgba(0,0,0,.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}\n\n\/* === HERO === *\/\n.bk-hero {\n position: relative;\n background: linear-gradient(135deg, #8a6d2b 0%, #c9a84c 50%, #d4b85a 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% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 40%);\n opacity: 1;\n}\n\n.bk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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-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.bk-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.bk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\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}\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.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\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\/* === GRILLES === *\/\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}\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: .35rem;\n}\n\n.bk-grid-compact .bk-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX (comparaison) === *\/\n.bk-highlight-box {\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}\n\n.bk-highlight-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n}\n\n.bk-highlight-col {\n padding: 1.25rem;\n border-radius: var(--bk-radius-sm);\n}\n\n.bk-highlight-col h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n margin: 0 0 .75rem 0;\n}\n\n.bk-highlight-col p {\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.6;\n margin: 0;\n}\n\n.bk-highlight-bad {\n background: #fef2f2;\n border: 2px solid #fecaca;\n}\n\n.bk-highlight-bad h3 {\n color: #991b1b;\n}\n\n.bk-highlight-bad p {\n color: #7f1d1d;\n}\n\n.bk-highlight-good {\n background: #f0fdf4;\n border: 2px solid #bbf7d0;\n}\n\n.bk-highlight-good h3 {\n color: #166534;\n}\n\n.bk-highlight-good p {\n color: #14532d;\n}\n\n\/* === TIP === *\/\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.25rem;\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\/* === TIMELINE === *\/\n.bk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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}\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\/* === TESTIMONIAL === *\/\n.bk-testimonial {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bk-shadow);\n border-left: 4px solid var(--bk-primary);\n}\n\n.bk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === INCI BOX === *\/\n.bk-inci-box {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--bk-shadow);\n text-align: center;\n border: 2px solid var(--bk-primary-light);\n}\n\n.bk-inci-label {\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--bk-primary);\n margin: 0 0 .5rem 0;\n}\n\n.bk-inci-value {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--bk-text);\n margin: 0;\n font-weight: 600;\n}\n\n.bk-inci-value em {\n font-weight: 400;\n color: var(--bk-text-light);\n}\n\n\/* === ACCORDÉON === *\/\n.bk-accordion {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n box-shadow: var(--bk-shadow);\n overflow: hidden;\n}\n\n.bk-accordion-item {\n border-bottom: 1px solid var(--bk-border);\n margin: 0;\n padding: 0;\n}\n\n.bk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bk-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.bk-accordion-header:hover {\n background: var(--bk-primary-light);\n}\n\n.bk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bk-primary);\n transition: transform .2s ease;\n}\n\n.bk-accordion-item[open] .bk-accordion-header::after {\n content: '−';\n}\n\n.bk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bk-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\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}\n\n\/* === RESPONSIVE MOBILE === *\/\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-highlight-comparison {\n grid-template-columns: 1fr;\n gap: .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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bk-testimonial {\n padding: 1.25rem;\n }\n\n .bk-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bk-card {\n animation: bkFadeInUp .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 .bk-card:nth-child(5) { animation-delay: .25s; }\n .bk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bkFadeInUp {\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 .bk-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":55507296256377,"sku":"BEURREKARITE_CDH","price":9.61,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-bio-100-ml-comptoir-des-huiles-packshothd.webp?v=1788538354"},{"product_id":"gommage-comptoir-des-huiles","title":"Gommage Visage \u0026 Corps Bio - 100 ml - Comptoir des Huiles","description":"\u003cdiv class=\"gom-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gom-hero\"\u003e\n \u003cdiv class=\"gom-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gom-hero-content\"\u003e\n \u003cdiv class=\"gom-badges-top\"\u003e\n \u003cspan class=\"gom-badge\"\u003e🌿 99,2 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"gom-badge\"\u003e🧴 Visage \u0026amp; corps\u003c\/span\u003e\n \u003cspan class=\"gom-badge\"\u003e🌱 Certifié Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gom-hero-title\"\u003eLe Gommage Bio Coco \u0026amp; Baobab\u003c\/span\u003e\n \u003cp class=\"gom-subtitle\"\u003eComptoir des Huiles — Exfoliant doux aux coques de coco\u003c\/p\u003e\n \u003cp class=\"gom-description\"\u003eUne émulsion soyeuse qui tonifie, illumine et nourrit votre peau en profondeur. Parfum naturel de menthe douce pour un véritable rituel de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gom-section\"\u003e\n \u003ch2\u003eGommage visage et corps bio à la coco et au baobab\u003c\/h2\u003e\n \u003cp class=\"gom-section-intro\"\u003eVous cherchez un gommage bio visage et corps qui respecte votre peau tout en la débarrassant efficacement de ses impuretés ?\u003c\/p\u003e\n \u003cdiv class=\"gom-testimonial\"\u003e\n \u003cp class=\"gom-testimonial-text\"\u003eLe Gommage de Comptoir des Huiles associe la douceur d'une émulsion soyeuse à la puissance exfoliante des coques de coco. Résultat : une peau lisse, lumineuse et délicatement parfumée à la menthe douce, dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gom-section\"\u003e\n \u003ch2\u003ePourquoi choisir cet exfoliant gommage visage et corps ?\u003c\/h2\u003e\n \u003cdiv class=\"gom-grid\"\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e✨ Texture unique\u003c\/h3\u003e\n \u003cp\u003eSa texture onctueuse se transforme au contact de la peau humide en une émulsion légère, presque laiteuse, qui glisse sans jamais agresser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🥥 Exfoliation naturelle\u003c\/h3\u003e\n \u003cp\u003eLes micro-particules de coques de coco, finement broyées, éliminent les cellules mortes en douceur tandis que les huiles précieuses nourrissent en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e💧 Soin nourrissant\u003c\/h3\u003e\n \u003cp\u003eContrairement aux exfoliants classiques, ce gommage offre un véritable soin. Votre peau est douce, souple et prête à absorber vos soins suivants — sérum, crème ou huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gom-section\"\u003e\n \u003ch2\u003eLes bienfaits clés de ce gommage corps bio\u003c\/h2\u003e\n \u003cdiv class=\"gom-grid\"\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🧽 Exfoliation douce et efficace\u003c\/h3\u003e\n \u003cp\u003eLes particules de coques de coco délogent les impuretés, débouchent les pores et affinent le grain de peau sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🌰 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de baobab bio, riche en oméga-6, oméga-9 et vitamine E, renforce la barrière cutanée et prévient le dessèchement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e💦 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera bio et le beurre de karité bio apportent une hydratation immédiate qui dure tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e☀️ Éclat retrouvé\u003c\/h3\u003e\n \u003cp\u003eEn éliminant les peaux mortes, ce gommage révèle une peau plus lumineuse, tonifiée et uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🌿 Parfum menthe douce\u003c\/h3\u003e\n \u003cp\u003eUne fragrance délicate et fraîche, 100 % naturelle, qui transforme votre gommage en véritable moment de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gom-section\"\u003e\n \u003ch2\u003eComment utiliser ce gommage visage bio ?\u003c\/h2\u003e\n \u003cdiv class=\"gom-timeline\"\u003e\n \u003cdiv class=\"gom-timeline-item\"\u003e\n \u003cdiv class=\"gom-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre visage ou votre corps à l'eau tiède pour ouvrir les pores et faciliter l'exfoliation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-item\"\u003e\n \u003cdiv class=\"gom-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le gommage\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette pour le visage (en évitant le contour des yeux) ou une quantité généreuse pour le corps. Effectuez de légers mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-item\"\u003e\n \u003cdiv class=\"gom-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-content\"\u003e\n \u003ch3\u003eInsistez sur les zones rugueuses\u003c\/h3\u003e\n \u003cp\u003ePour le corps, commencez par les pieds et remontez progressivement : coudes, genoux, talons méritent une attention particulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-item\"\u003e\n \u003cdiv class=\"gom-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gom-timeline-content\"\u003e\n \u003ch3\u003eRincez et hydratez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède. Appliquez immédiatement votre soin hydratant : votre peau fraîchement exfoliée absorbera bien mieux les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-tip\"\u003e\n \u003cspan class=\"gom-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUtilisez ce gommage \u003cstrong\u003e1 à 2 fois par semaine\u003c\/strong\u003e pour des résultats optimaux sans sur-exfolier votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gom-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"gom-accordion\"\u003e\n \u003cdetails class=\"gom-accordion-item\" open\u003e\n \u003csummary class=\"gom-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"gom-accordion-content mt-3\"\u003e\n \u003cp\u003eAloe Barbadensis Leaf Juice*, Cocos Nucifera Oil*, Adansonia Digitata Seed Oil*, Glyceryl Stearate, Hydrated Silica, Glycerin, Cera Alba*, Cetearyl Alcohol, Cocos Nucifera Shell Powder, Xanthan Gum, Butyrospermum Parkii Butter*, Helianthus Annuus Seed Oil, Sodium Stearoyl Glutamate, Parfum, Aqua, Dehydroacetic Acid, Tocopherol, Citric Acid, Benzyl Alcohol, Limonene.\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 \u003cdetails class=\"gom-accordion-item\"\u003e\n \u003csummary class=\"gom-accordion-header\"\u003e🏅 Certifications \u0026amp; naturalité\u003c\/summary\u003e\n \u003cdiv class=\"gom-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e99,2 %\u003c\/strong\u003e d'ingrédients d'origine naturelle. \u003cstrong\u003e82,1 %\u003c\/strong\u003e d'ingrédients issus de l'agriculture biologique. Certifié \u003cstrong\u003eCosmos Organic par Ecocert Greenlife\u003c\/strong\u003e selon le référentiel COSMOS.\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=\"gom-section\"\u003e\n \u003ch2\u003ePour quels types de peau ?\u003c\/h2\u003e\n \u003cdiv class=\"gom-grid-compact\"\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🌸 Peaux normales\u003c\/h3\u003e\n \u003cp\u003eMaintient l'éclat et la douceur naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNourrit et hydrate en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🧴 Peaux mixtes\u003c\/h3\u003e\n \u003cp\u003eAffine le grain de peau et purifie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule douce, sans ingrédient agressif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gom-tip\"\u003e\n \u003cspan class=\"gom-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eSi vous avez la peau très réactive, réalisez un test sur une petite zone avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gom-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gom-cta-box\"\u003e\n \u003cp\u003e🌿 100 ml — Pot en verre recyclable avec couvercle aluminium\u003cbr\u003eOffrez à votre peau un rituel d'exfoliation naturel, nourrissant et respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gom-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique en cas de problème cutané spécifique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gom-cream: #f9f6f2;\n --gom-white: #ffffff;\n --gom-primary: #9e8672;\n --gom-primary-dark: #6b5a4e;\n --gom-primary-light: #f0ebe5;\n --gom-secondary: #c4a882;\n --gom-accent: #7a9b76;\n --gom-text: #1a1a1a;\n --gom-text-light: #5a5a5a;\n --gom-border: #e4ddd5;\n --gom-shadow: 0 4px 24px rgba(107, 90, 78, .08);\n --gom-shadow-lg: 0 12px 48px rgba(107, 90, 78, .15);\n --gom-radius: 20px;\n --gom-radius-sm: 12px;\n}\n\n.gom-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gom-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gom-hero {\n position: relative;\n background: linear-gradient(135deg, #6b5a4e 0%, #9e8672 40%, #c4a882 100%);\n border-radius: var(--gom-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(--gom-shadow-lg);\n}\n\n.gom-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(ellipse at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.06) 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.gom-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gom-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gom-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(--gom-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gom-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gom-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.gom-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: .01em;\n}\n\n.gom-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.gom-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gom-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gom-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.gom-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(--gom-primary), var(--gom-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gom-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gom-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.gom-card {\n background: var(--gom-white);\n border-radius: var(--gom-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gom-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gom-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gom-shadow-lg);\n border-color: var(--gom-primary);\n}\n\n.gom-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gom-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gom-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gom-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gom-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gom-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gom-grid-compact .gom-card {\n padding: 1rem;\n}\n\n.gom-grid-compact .gom-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gom-grid-compact .gom-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gom-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gom-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gom-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gom-primary), var(--gom-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.gom-timeline-content {\n flex: 1;\n background: var(--gom-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gom-radius-sm);\n box-shadow: var(--gom-shadow);\n}\n\n.gom-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gom-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gom-timeline-content p {\n font-size: 14px;\n color: var(--gom-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gom-testimonial {\n background: var(--gom-white);\n border-radius: var(--gom-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gom-shadow);\n border-left: 4px solid var(--gom-primary);\n}\n\n.gom-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gom-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gom-accordion {\n background: var(--gom-white);\n border-radius: var(--gom-radius);\n box-shadow: var(--gom-shadow);\n overflow: hidden;\n}\n\n.gom-accordion-item {\n border-bottom: 1px solid var(--gom-border);\n margin: 0;\n padding: 0;\n}\n\n.gom-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gom-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gom-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.gom-accordion-header:hover {\n background: var(--gom-primary-light);\n}\n\n.gom-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gom-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gom-primary);\n transition: transform .2s ease;\n}\n\n.gom-accordion-item[open] .gom-accordion-header::after {\n content: '−';\n}\n\n.gom-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gom-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gom-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.gom-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.gom-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gom-primary-light);\n border-radius: var(--gom-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gom-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gom-tip p {\n font-size: 14px;\n color: var(--gom-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gom-cta-box {\n background: linear-gradient(135deg, var(--gom-primary) 0%, var(--gom-primary-dark) 100%);\n border-radius: var(--gom-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gom-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.gom-disclaimer {\n font-size: 12px;\n color: var(--gom-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 .gom-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gom-card {\n padding: 1.125rem;\n }\n\n .gom-section {\n margin-bottom: 1.75rem;\n }\n\n .gom-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gom-radius-sm);\n }\n\n .gom-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gom-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gom-grid-compact {\n gap: .625rem;\n }\n\n .gom-grid-compact .gom-card {\n padding: .75rem;\n }\n\n .gom-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gom-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gom-timeline-content h3 {\n font-size: 14px;\n }\n\n .gom-timeline-content p {\n font-size: 13px;\n }\n\n .gom-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gom-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gom-testimonial {\n padding: 1.25rem;\n }\n\n .gom-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gom-card {\n animation: gomFadeInUp .5s ease backwards;\n }\n .gom-card:nth-child(1) { animation-delay: .05s; }\n .gom-card:nth-child(2) { animation-delay: .1s; }\n .gom-card:nth-child(3) { animation-delay: .15s; }\n .gom-card:nth-child(4) { animation-delay: .2s; }\n .gom-card:nth-child(5) { animation-delay: .25s; }\n .gom-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gomFadeInUp {\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 .gom-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":55509482045817,"sku":"SOI-GOM-0100-CDH_B","price":12.1,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gommage-visage-corps-bio-100-ml-comptoir-des-huiles-packshothd.webp?v=1788538390"},{"product_id":"creme-de-jour-peaux-seches-50-ml-comptoir-des-huiles","title":"Crème de jour Bio - Peaux Sèches - 50 ml - Comptoir des Huiles","description":"\u003cdiv class=\"cdh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cdh-hero\"\u003e\n \u003cdiv class=\"cdh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cdh-hero-content\"\u003e\n \u003cdiv class=\"cdh-badges-top\"\u003e\n \u003cspan class=\"cdh-badge\"\u003e🌿 99,2 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cdh-badge\"\u003e🧴 Peaux sèches à très sèches\u003c\/span\u003e\n \u003cspan class=\"cdh-badge\"\u003e🇫🇷 Cosmétique bio certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cdh-hero-title\"\u003eLa Crème Jour au Baobab\u003c\/span\u003e\n \u003cp class=\"cdh-subtitle\"\u003eComptoir des Huiles — 50 ml\u003c\/p\u003e\n \u003cp class=\"cdh-description\"\u003eConfort, nutrition et éclat pour les peaux sèches grâce à l'huile de baobab bio, au beurre de karité et à l'aloe vera. Votre peau est enveloppée de douceur dès le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cdh-section\"\u003e\n \u003ch2\u003eCrème de jour bio à l'huile de baobab : le soin nourrissant des peaux sèches\u003c\/h2\u003e\n \u003cp class=\"cdh-section-intro\"\u003eVotre peau tiraille dès le matin ? Elle manque d'éclat et de souplesse ? Cette crème de jour bio a été spécialement formulée pour répondre aux besoins des peaux sèches à très sèches.\u003c\/p\u003e\n \u003cdiv class=\"cdh-grid-compact\"\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e🌳 Huile de baobab\u003c\/h3\u003e\n \u003cp\u003eTrésor africain nourrissant en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eRépare et protège le film hydrolipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratation intense et apaisante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e✨ Éclat naturel\u003c\/h3\u003e\n \u003cp\u003eRévèle la luminosité de votre teint\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cdh-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème de jour bio ?\u003c\/h2\u003e\n \u003cp class=\"cdh-section-intro\"\u003eAvec 99,2 % d'ingrédients d'origine naturelle et 82,5 % issus de l'agriculture biologique, ce soin se distingue par une composition exigeante et transparente.\u003c\/p\u003e\n \u003cdiv class=\"cdh-grid\"\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera et la glycérine végétale captent l'eau dans l'épiderme et maintiennent un niveau d'hydratation optimal pendant des heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e🫶 Nutrition profonde\u003c\/h3\u003e\n \u003cp\u003eL'huile de baobab, riche en oméga 6 et 9, et le beurre de karité restaurent le film hydrolipidique fragilisé des peaux sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E naturelle et les phytostérols forment un bouclier antioxydant contre la pollution et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e☁️ Confort immédiat\u003c\/h3\u003e\n \u003cp\u003eDès la première application, les sensations de tiraillement disparaissent et la peau retrouve douceur et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cdh-section\"\u003e\n \u003ch2\u003eLes actifs clés décryptés\u003c\/h2\u003e\n \u003cdiv class=\"cdh-grid\"\u003e\n \u003cdiv class=\"cdh-card cdh-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Huile de baobab bio\u003c\/h3\u003e\n \u003cp\u003eTrésor de la cosmétique africaine, exceptionnellement riche en acides gras essentiels et en vitamines A, D et E. Elle nourrit en profondeur, améliore l'élasticité cutanée et aide à atténuer les ridules de déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card cdh-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRéparateur et protecteur, il enveloppe la peau d'un voile nourrissant sans effet occlusif. Idéal pour les peaux qui tiraillent au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card cdh-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eVéritable réservoir d'hydratation, il apaise les peaux sensibilisées et stimule le renouvellement cellulaire pour un teint plus lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card cdh-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Vitamine E (tocophérol naturel)\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège les cellules du stress oxydatif et prolonge la jeunesse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cdh-section\"\u003e\n \u003ch2\u003eTexture et expérience sensorielle\u003c\/h2\u003e\n \u003cdiv class=\"cdh-testimonial\"\u003e\n \u003cp class=\"cdh-testimonial-text\"\u003e\"Une texture onctueuse qui fond littéralement sur la peau. Elle pénètre rapidement sans laisser de film gras, ce qui en fait une base parfaite sous le maquillage. Ses notes fraîches et délicates de mandarine et de yuzu transforment votre routine matinale en un véritable moment de bien-être.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-tip\"\u003e\n \u003cspan class=\"cdh-tip-icon\"\u003e🍊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNotes olfactives :\u003c\/strong\u003e un sillage frais et lumineux de mandarine et de yuzu qui éveille les sens chaque matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cdh-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n \u003cdiv class=\"cdh-grid-compact\"\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition et confort au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e🔥 Peaux très sèches\u003c\/h3\u003e\n \u003cp\u003eRéparation du film hydrolipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e🌸 Peaux normales\u003c\/h3\u003e\n \u003cp\u003eProtection et douceur saisonnière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-card\"\u003e\n \u003ch3\u003e❄️ Tiraillements saisonniers\u003c\/h3\u003e\n \u003cp\u003eBouclier de confort contre le froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-tip\"\u003e\n \u003cspan class=\"cdh-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePensé avant tout pour les peaux sèches à très sèches, ce soin convient aussi aux peaux normales, mixtes ou sensibles en quête de réconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cdh-section\"\u003e\n \u003ch2\u003eComment l'appliquer ?\u003c\/h2\u003e\n \u003cdiv class=\"cdh-timeline\"\u003e\n \u003cdiv class=\"cdh-timeline-item\"\u003e\n \u003cdiv class=\"cdh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cdh-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eChaque matin, commencez par nettoyer votre peau avec un soin doux adapté à votre type de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-timeline-item\"\u003e\n \u003cdiv class=\"cdh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cdh-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette de crème\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit pour couvrir l'ensemble du visage, du cou et du décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-timeline-item\"\u003e\n \u003cdiv class=\"cdh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cdh-timeline-content\"\u003e\n \u003ch3\u003eMassez par mouvements ascendants\u003c\/h3\u003e\n \u003cp\u003eAppliquez délicatement en massant de bas en haut pour stimuler la microcirculation et favoriser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cdh-tip\"\u003e\n \u003cspan class=\"cdh-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRituel renforcé :\u003c\/strong\u003e appliquez au préalable quelques gouttes d'huile végétale de baobab ou un sérum hydratant adapté à votre type de peau pour décupler les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"cdh-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cdh-accordion\"\u003e\n \u003cdetails class=\"cdh-accordion-item\" open\u003e\n \u003csummary class=\"cdh-accordion-header\"\u003e📋 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"cdh-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAloe barbadensis leaf juice\u003c\/strong\u003e (jus d'aloe vera) · \u003cstrong\u003eAdansonia digitata seed oil\u003c\/strong\u003e (huile de baobab) · \u003cstrong\u003eButyrospermum parkii butter\u003c\/strong\u003e (beurre de karité) · \u003cstrong\u003eGlycerin\u003c\/strong\u003e (glycérine végétale) · \u003cstrong\u003eCaprylic\/capric triglyceride\u003c\/strong\u003e (triglycérides d'huile de coco) · \u003cstrong\u003eCera alba\u003c\/strong\u003e (cire d'abeille) · \u003cstrong\u003eTocopherol\u003c\/strong\u003e (vitamine E naturelle) · \u003cstrong\u003eParfum\u003c\/strong\u003e (fragrance naturelle mandarine et yuzu)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cdh-accordion-item\"\u003e\n \u003csummary class=\"cdh-accordion-header\"\u003e📦 Contenance et conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"cdh-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e50 ml\u003c\/strong\u003e — Pot en verre avec couvercle aluminium recyclable. Un format élégant et éco-responsable pour votre salle de bain.\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=\"cdh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cdh-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le confort qu'elle mérite chaque matin — nutrition, hydratation et éclat naturel réunis dans un seul soin bio d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cdh-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cdh-cream: #faf6f1;\n --cdh-white: #ffffff;\n --cdh-primary: #b5452a;\n --cdh-primary-dark: #8c3520;\n --cdh-primary-light: #f8ede8;\n --cdh-secondary: #c9a96e;\n --cdh-accent: #6b7c3e;\n --cdh-text: #1a1a1a;\n --cdh-text-light: #5a5a5a;\n --cdh-border: #e8e0d6;\n --cdh-shadow: 0 4px 24px rgba(140,53,32,.06);\n --cdh-shadow-lg: 0 12px 48px rgba(140,53,32,.12);\n --cdh-radius: 20px;\n --cdh-radius-sm: 12px;\n}\n\n.cdh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cdh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cdh-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.cdh-hero {\n position: relative;\n background: linear-gradient(135deg, #8c3520 0%, #b5452a 40%, #c9a96e 100%);\n border-radius: var(--cdh-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(--cdh-shadow-lg);\n}\n\n.cdh-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.cdh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cdh-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.cdh-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: .05em;\n text-transform: uppercase;\n}\n\n.cdh-description {\n color: rgba(255,255,255,.92);\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.cdh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cdh-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(--cdh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cdh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cdh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cdh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cdh-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.cdh-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(--cdh-primary), var(--cdh-secondary));\n border-radius: 2px;\n}\n\n.cdh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cdh-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.cdh-card {\n background: var(--cdh-white);\n border-radius: var(--cdh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cdh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cdh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cdh-shadow-lg);\n border-color: var(--cdh-primary);\n}\n\n.cdh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cdh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cdh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cdh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Ingredient card variant *\/\n.cdh-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--cdh-secondary);\n}\n\n.cdh-card-ingredient h3 {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.cdh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cdh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cdh-grid-compact .cdh-card {\n padding: 1rem;\n}\n\n.cdh-grid-compact .cdh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cdh-grid-compact .cdh-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cdh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cdh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cdh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cdh-primary), var(--cdh-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.cdh-timeline-content {\n flex: 1;\n background: var(--cdh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cdh-radius-sm);\n box-shadow: var(--cdh-shadow);\n}\n\n.cdh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cdh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cdh-timeline-content p {\n font-size: 14px;\n color: var(--cdh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cdh-testimonial {\n background: var(--cdh-white);\n border-radius: var(--cdh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cdh-shadow);\n border-left: 4px solid var(--cdh-secondary);\n}\n\n.cdh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cdh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cdh-accordion {\n background: var(--cdh-white);\n border-radius: var(--cdh-radius);\n box-shadow: var(--cdh-shadow);\n overflow: hidden;\n}\n\n.cdh-accordion-item {\n border-bottom: 1px solid var(--cdh-border);\n margin: 0;\n padding: 0;\n}\n\n.cdh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cdh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cdh-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.cdh-accordion-header:hover {\n background: var(--cdh-primary-light);\n}\n\n.cdh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cdh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cdh-primary);\n transition: transform .2s ease;\n}\n\n.cdh-accordion-item[open] .cdh-accordion-header::after {\n content: '−';\n}\n\n.cdh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cdh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cdh-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cdh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cdh-primary-light);\n border-radius: var(--cdh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cdh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cdh-tip p {\n font-size: 14px;\n color: var(--cdh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cdh-cta-box {\n background: linear-gradient(135deg, var(--cdh-primary) 0%, var(--cdh-primary-dark) 100%);\n border-radius: var(--cdh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cdh-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,.2) 0%, transparent 60%);\n}\n\n.cdh-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.cdh-disclaimer {\n font-size: 12px;\n color: var(--cdh-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 .cdh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cdh-card {\n padding: 1.125rem;\n }\n\n .cdh-card-ingredient {\n text-align: left;\n }\n\n .cdh-section {\n margin-bottom: 1.75rem;\n }\n\n .cdh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cdh-radius-sm);\n }\n\n .cdh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cdh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cdh-grid-compact {\n gap: .625rem;\n }\n\n .cdh-grid-compact .cdh-card {\n padding: .75rem;\n }\n\n .cdh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cdh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cdh-timeline-content h3 {\n font-size: 14px;\n }\n\n .cdh-timeline-content p {\n font-size: 13px;\n }\n\n .cdh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cdh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cdh-testimonial {\n padding: 1.25rem;\n }\n\n .cdh-testimonial-text {\n font-size: 14px;\n }\n\n .cdh-tip {\n padding: .875rem 1rem;\n }\n\n .cdh-tip-icon {\n font-size: 20px;\n }\n\n .cdh-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cdh-card {\n animation: cdhFadeInUp .5s ease backwards;\n }\n .cdh-card:nth-child(1) { animation-delay: .05s; }\n .cdh-card:nth-child(2) { animation-delay: .1s; }\n .cdh-card:nth-child(3) { animation-delay: .15s; }\n .cdh-card:nth-child(4) { animation-delay: .2s; }\n .cdh-card:nth-child(5) { animation-delay: .25s; }\n .cdh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cdhFadeInUp {\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 .cdh-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":55678175215993,"sku":"SOI-CRJ-0050CDH_B","price":14.13,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-de-jour-bio-peaux-seches-50ml-comptoir-des-huiles-min.jpg?v=1774520535"},{"product_id":"creme-mains-50-ml-comptoir-des-huiles","title":"Crème Mains et Ongles - Peaux Sèches - Ultra nourrissante - 50 ml - Comptoir des Huiles","description":"\u003cdiv class=\"cm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cm-hero\"\u003e\n \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cm-hero-content\"\u003e\n \u003cdiv class=\"cm-badges-top\"\u003e\n \u003cspan class=\"cm-badge\"\u003e🌿 99,1 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🧴 77,75 % bio\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🌍 Huile de baobab\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cm-hero-title\"\u003eCrème Mains et Ongles\u003c\/span\u003e\n \u003cp class=\"cm-subtitle\"\u003eUltra-nourrissante à l'huile de baobab — Comptoir des Huiles\u003c\/p\u003e\n \u003cp class=\"cm-description\"\u003eLe soin intensif qui enveloppe vos mains sèches d'un voile protecteur naturel. Nutrition profonde, confort immédiat, texture fondante non grasse. 50 ml de douceur à emporter partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eCrème mains et ongles à l'huile de baobab : le soin ultra-nourrissant pour peaux sèches\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eVos mains tiraillent, vos cuticules sont rugueuses et votre peau manque cruellement de confort ? Cette crème a été formulée précisément pour y remédier.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid-compact\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌱 99,1 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule à la naturalité exceptionnelle, respectueuse de votre peau et de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌾 77,75 % bio\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients issus de l'agriculture biologique certifiée pour une qualité irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌳 Huile de baobab\u003c\/h3\u003e\n \u003cp\u003ePouvoir nourrissant intense grâce aux oméga 6 et 9 pour restaurer le film hydrolipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eUn voile protecteur qui apaise les tiraillements dès la première application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🪴 Gel d'aloe vera\u003c\/h3\u003e\n \u003cp\u003eHydrate, apaise et favorise la régénération de la peau en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✨ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydante naturelle qui protège et renforce les ongles fragilisés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème mains et ongles ?\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eCe qui distingue cette formule, c'est la qualité exceptionnelle de ses actifs bio et leur synergie pensée pour les mains sèches à très sèches.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense et durable\u003c\/h3\u003e\n \u003cp\u003eL'huile de baobab, riche en oméga 6 et oméga 9, pénètre en profondeur pour restaurer le film hydrolipidique de vos mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🤲 Confort immédiat\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité forme un voile protecteur sans effet gras, soulageant les tiraillements dès la première application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💅 Soin ongles et cuticules\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E naturellement présente renforce et assouplit les ongles fragilisés au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🪶 Texture légère et non collante\u003c\/h3\u003e\n \u003cp\u003eAbsorption rapide pour reprendre vos activités sans attendre, sans film gras résiduel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌸 Parfum délicat\u003c\/h3\u003e\n \u003cp\u003eDes notes vertes, aromatiques et hespéridées qui accompagnent votre rituel sans le surcharger\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eDes actifs naturels aux bienfaits reconnus\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eChaque ingrédient a été sélectionné pour son rôle précis dans la réparation et la protection cutanée.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card cm-card-ingredient\"\u003e\n \u003ch3\u003e🪴 Gel d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, apaise les irritations et favorise la régénération naturelle de la peau des mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card cm-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Huile de baobab bio\u003c\/h3\u003e\n \u003cp\u003eSource d'acides gras essentiels, elle nourrit intensément et redonne élasticité aux peaux desséchées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card cm-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eÉmollient puissant, il protège la barrière cutanée contre les agressions extérieures : froid, vent, lavages répétés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card cm-card-ingredient\"\u003e\n \u003ch3\u003e✨ Vitamine E (tocophérol)\u003c\/h3\u003e\n \u003cp\u003eAntioxydante, elle aide à lutter contre le vieillissement prématuré de la peau des mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComment bien l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-timeline\"\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eAu quotidien\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de crème sur des mains propres et sèches. Massez en insistant sur le dos des mains et entre les doigts. Renouvelez après chaque lavage pour maintenir la protection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eSoin intensif de nuit\u003c\/h3\u003e\n \u003cp\u003eAppliquez une couche généreuse avant le coucher, puis enfilez des gants en coton. Au réveil, vos mains sont visiblement plus douces et repulpées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eSoin ciblé ongles et cuticules\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement une petite quantité autour de chaque ongle pour assouplir les cuticules et renforcer la kératine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Gardez votre tube de 50 ml dans votre sac à main pour un soin à portée de main tout au long de la journée !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-grid-compact\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🧼 Lavages fréquents\u003c\/h3\u003e\n \u003cp\u003eRestaure la barrière cutanée après chaque agression du savon et de l'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🔧 Travail manuel\u003c\/h3\u003e\n \u003cp\u003eProtection renforcée pour les mains sollicitées et exposées quotidiennement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e❄️ Climat froid ou sec\u003c\/h3\u003e\n \u003cp\u003eUn bouclier nourrissant contre les agressions du vent et des températures basses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule douce à haute naturalité, adaptée aux épidermes les plus délicats\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\" open\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e📋 Composition intégrale\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eAloe barbadensis leaf juice*, Cetearyl alcohol, Adansonia digitata seed oil*, Butyrospermum parkii butter*, Caprylic\/capric triglyceride, Glycerin, Sodium cetearyl sulfate, Parfum, Helianthus annuus seed oil, Sodium hydroxide, Aqua, Dehydroacetic acid, Benzyl alcohol, Tocopherol, Beta-sitosterol, Squalene, Citral, Geraniol, Linalool, Limonene.\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!-- CTA FINAL --\u003e\n \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cm-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos mains le soin qu'elles méritent.\u003cbr\u003e50 ml de nutrition intense, d'origine naturelle, à emporter partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cm-disclaimer\"\u003eContenance : 50 ml — Format pratique à glisser dans votre sac.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cm-cream: #faf7f3;\n --cm-white: #ffffff;\n --cm-primary: #b04a2a;\n --cm-primary-dark: #8a3820;\n --cm-primary-light: #fdf0eb;\n --cm-secondary: #c4956a;\n --cm-accent: #6b8f5e;\n --cm-text: #1a1a1a;\n --cm-text-light: #5a5a5a;\n --cm-border: #e8e0d8;\n --cm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cm-radius: 20px;\n --cm-radius-sm: 12px;\n}\n\n.cm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cm-hero {\n position: relative;\n background: linear-gradient(135deg, #b04a2a 0%, #c4956a 50%, #8a3820 100%);\n border-radius: var(--cm-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(--cm-shadow-lg);\n}\n\n.cm-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 0 L30 60 M15 10 Q30 25 15 40 M45 10 Q30 25 45 40' fill='none' stroke='white' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 60px 60px;\n opacity: .06;\n}\n\n.cm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cm-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.cm-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.cm-description {\n color: rgba(255,255,255,.85);\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.cm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cm-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(--cm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cm-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.cm-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(--cm-primary), var(--cm-secondary));\n border-radius: 2px;\n}\n\n.cm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-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.cm-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cm-card-ingredient {\n border-left: 4px solid var(--cm-accent);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.cm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cm-grid-compact .cm-card {\n padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-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.cm-timeline-content {\n flex: 1;\n background: var(--cm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cm-radius-sm);\n box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n font-size: 14px;\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cm-testimonial {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cm-shadow);\n border-left: 4px solid var(--cm-primary);\n}\n\n.cm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cm-accordion {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n box-shadow: var(--cm-shadow);\n overflow: hidden;\n}\n\n.cm-accordion-item {\n border-bottom: 1px solid var(--cm-border);\n margin: 0;\n padding: 0;\n}\n\n.cm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cm-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.cm-accordion-header:hover {\n background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cm-primary);\n transition: transform .2s ease;\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n content: '−';\n}\n\n.cm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cm-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.cm-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.cm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cm-primary-light);\n border-radius: var(--cm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cm-tip p {\n font-size: 14px;\n color: var(--cm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cm-cta-box {\n background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n border-radius: var(--cm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cm-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.cm-disclaimer {\n font-size: 12px;\n color: var(--cm-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 .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cm-card {\n padding: 1.125rem;\n }\n\n .cm-section {\n margin-bottom: 1.75rem;\n }\n\n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n\n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cm-grid-compact {\n gap: .625rem;\n }\n\n .cm-grid-compact .cm-card {\n padding: .75rem;\n }\n\n .cm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cm-timeline-content h3 {\n font-size: 14px;\n }\n\n .cm-timeline-content p {\n font-size: 13px;\n }\n\n .cm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cm-testimonial {\n padding: 1.25rem;\n }\n\n .cm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cm-card {\n animation: cmFadeInUp .5s ease backwards;\n }\n .cm-card:nth-child(1) { animation-delay: .05s; }\n .cm-card:nth-child(2) { animation-delay: .1s; }\n .cm-card:nth-child(3) { animation-delay: .15s; }\n .cm-card:nth-child(4) { animation-delay: .2s; }\n .cm-card:nth-child(5) { animation-delay: .25s; }\n .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cmFadeInUp {\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 .cm-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":55678205690233,"sku":"SOI-CRM-0050CDH_B","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-mains-et-ongles-peaux-seches-ultra-nourrissante-50-ml--packshothd_9ec7e466-6599-4beb-8dc6-223fc7d6db9d.webp?v=1788538306"},{"product_id":"huile-abricot-bio-visage-corps-comptoir-des-huiles","title":"Huile d'Abricot Bio 50ml Visage \u0026 Corps - Illuminatrice - Comptoir des Huiles","description":"\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🍑 100 % pure \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e✨ Huile illuminatrice\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🌿 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🧴 Visage \u0026amp; corps\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eHuile d'abricot bio 50 ml\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eComptoir des Huiles — Huile illuminatrice visage \u0026amp; corps\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eUne huile végétale vierge 100 % naturelle et bio, extraite par première pression à froid, pour raviver l'éclat des teints ternes et fatigués.\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\u003eL'huile de noyau d'abricot bio : un soin illuminateur visage \u0026amp; corps\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eVous cherchez une huile d'abricot bio capable de redonner vie à un teint terne ou fatigué ? L'huile illuminatrice Comptoir des Huiles est formulée à partir de 100 % d'huile végétale vierge de noyaux d'abricot bio, extraite par première pression à froid pour préserver toute la richesse de ses actifs.\u003c\/p\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌾 Texture soyeuse\u003c\/h3\u003e\n \u003cp\u003eLégère et délicatement dorée, elle pénètre rapidement sans film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit la peau en profondeur pour un éclat lumineux au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌿 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eSans parfum, sans conservateur, sans additif — pure simplicité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧴 Visage \u0026amp; corps\u003c\/h3\u003e\n \u003cp\u003eS'applique sur le visage comme sur le corps, matin et soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003e🍑 Composition\u003c\/h2\u003e\n \u003cdiv class=\"ab-composition-highlight\"\u003e\n \u003cdiv class=\"ab-composition-main\"\u003e\n \u003cspan class=\"ab-composition-icon\"\u003e🍑\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003ePrunus Armeniaca Kernel Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile végétale de noyau d'abricot bio — 100 % pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🔬 Extraction\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid, sans solvant ni raffinage chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌱 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique — sans parfum, sans conservateur, sans additif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes en verre ambré de 50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🏷️ Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003eUn seul INCI, pur et traçable, issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003e✨ Bienfaits de l'huile d'abricot bio\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eNaturellement concentrée en vitamine A, bêta-carotène, vitamine E et acides gras essentiels (oméga-6 et oméga-9), cette huile végétale offre de nombreux bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e☀️ Éclat du teint\u003c\/h3\u003e\n \u003cp\u003eLe bêta-carotène ravive les peaux ternes et donne un effet « bonne mine » dès les premières applications\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eLes acides gras restaurent le film hydrolipidique et laissent la peau souple et confortable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E protège les cellules des radicaux libres et aide à prévenir les signes du vieillissement cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eSa douceur convient aux peaux sensibles, réactives et même aux tout-petits (test cutané recommandé)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌅 Sublimatrice de bronzage\u003c\/h3\u003e\n \u003cp\u003eAprès une exposition au soleil, elle prolonge le hâle naturel et hydrate la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eNourrit les longueurs sèches, apporte brillance et discipline les pointes fourchues\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003e🧴 Comment utiliser cette huile de noyaux d'abricot bio ?\u003c\/h2\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\u003e✨ Sérum visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, déposez 3 à 4 gouttes sur peau propre et sèche. Massez du centre vers l'extérieur du visage. Utilisez-la seule ou sous votre crème habituelle.\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\u003e🧴 Soin corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur peau légèrement humide, massez les zones sèches (coudes, genoux, jambes). La texture légère pénètre sans film gras.\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\u003e💇 Masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur les longueurs humides, laissez poser 20 minutes puis rincez avec votre shampoing.\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\u003e🧹 Démaquillage naturel\u003c\/h3\u003e\n \u003cp\u003eL'huile noyau abricot bio dissout efficacement le maquillage, même waterproof. Rincez avec un nettoyant doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003e💆 Base de massage\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide et son absorption rapide en font un support idéal pour les huiles essentielles (respectez les dosages).\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=\"ab-section\"\u003e\n \u003ch2\u003e⚠️ Pré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 externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est destiné à un usage cosmétique externe uniquement. Ne pas ingérer.\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é recommandé\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané au creux du coude 24 h 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=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur, bien refermé après chaque 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 ne remplace pas un traitement médical ou dermatologique. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"ab-accordion\"\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🧴 L'huile d'abricot bio convient-elle aux peaux grasses ?\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eOui. Non comédogène et très légère, l'huile végétale vierge de noyaux d'abricot bio pénètre rapidement sans obstruer les pores et régule l'excès de sébum.\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🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eElle peut servir de soin de confort en massage doux sur le ventre ou les hanches. Demandez toutefois l'avis de votre médecin ou sage-femme avant de l'intégrer à votre routine.\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📦 Existe-t-il un format plus grand ?\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eSi vous recherchez une huile de noyau d'abricot bio 1 litre, contactez-nous : des formats économiques peuvent être disponibles sur demande.\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 doré de l'abricot : une routine simple, naturelle et efficace pour une peau lumineuse jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ab-cream: #fdf8f3;\n --ab-white: #ffffff;\n --ab-primary: #e0924c;\n --ab-primary-dark: #a85d26;\n --ab-primary-light: #fdf0e4;\n --ab-secondary: #d4a05a;\n --ab-accent: #c67b3c;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #ecdfd0;\n --ab-shadow: 0 4px 24px rgba(168,93,38,.08);\n --ab-shadow-lg: 0 12px 48px rgba(168,93,38,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\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, #c67b3c 0%, #e0924c 40%, #d4a05a 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(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\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,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.ab-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\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-primary);\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.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\/* === COMPOSITION HIGHLIGHT === *\/\n.ab-composition-highlight {\n margin-bottom: 1.5rem;\n}\n\n.ab-composition-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: 1.5rem 2rem;\n box-shadow: var(--ab-shadow);\n border-left: 5px solid var(--ab-primary);\n}\n\n.ab-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.ab-composition-main h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--ab-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.ab-composition-main p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.5;\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-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.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\/* === ACCORDION === *\/\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\/* === CTA === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-primary-dark) 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 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.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 === *\/\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-composition-main {\n padding: 1rem 1.25rem;\n gap: .75rem;\n }\n\n .ab-composition-icon {\n font-size: 32px;\n }\n\n .ab-composition-main h3 {\n font-size: 15px;\n }\n\n .ab-composition-main p {\n font-size: 13px;\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@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":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":55820960989561,"sku":"HUILEABRICOTCDH","price":8.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dabricot-bio-50ml-visage-corps-illuminatrice-comptoir--packshothd.webp?v=1774439856"},{"product_id":"huile-de-massage-sensualite-bio-100-ml-comptoir-des-huiles","title":"Huile de Massage Sensualité Bio - 100 ml - Comptoir des Huiles","description":"\u003cdiv class=\"sens-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sens-hero\"\u003e\n \u003cdiv class=\"sens-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sens-hero-content\"\u003e\n \u003cdiv class=\"sens-badges-top\"\u003e\n \u003cspan class=\"sens-badge\"\u003e🌿 100 % origine naturelle\u003c\/span\u003e\n \u003cspan class=\"sens-badge\"\u003e🧴 99,8 % bio\u003c\/span\u003e\n \u003cspan class=\"sens-badge\"\u003e♻️ Flacon verre recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sens-hero-title\"\u003eHuile de Massage Sensualité Bio\u003c\/span\u003e\n \u003cp class=\"sens-subtitle\"\u003ePoivre vert · Gingembre · Vanille — 100 ml\u003c\/p\u003e\n \u003cp class=\"sens-description\"\u003eUn rituel sensoriel envoûtant qui éveille les sens, réchauffe la peau et nourrit intensément. Certifiée Cosmos Organic, formulée avec des huiles précieuses issues du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sens-section\"\u003e\n \u003ch2\u003eHuile de Massage Sensualité Bio — Poivre vert, gingembre \u0026amp; vanille\u003c\/h2\u003e\n \u003cdiv class=\"sens-testimonial\"\u003e\n \u003cp class=\"sens-testimonial-text\"\u003eImaginez un instant : la lumière tamisée, un parfum délicat d'épices et de vanille qui flotte dans l'air, et des mains qui glissent avec douceur sur la peau. L'huile de massage Sensualité Bio de Comptoir des Huiles a été conçue pour transformer chaque massage en un véritable rituel sensoriel. Formulée à 100 % d'ingrédients d'origine naturelle, elle associe des huiles végétales précieuses à un trio d'essences envoûtantes — poivre vert, gingembre et vanille — pour éveiller les sens et nourrir la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sens-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette huile de massage pour couple ?\u003c\/h2\u003e\n \u003cp class=\"sens-section-intro\"\u003eQue vous cherchiez une huile de massage pour couple lors d'une soirée complice ou simplement un soin corporel nourrissant, cette formule coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"sens-grid\"\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e🔥 Stimulante et réchauffante\u003c\/h3\u003e\n \u003cp\u003eLe poivre vert et le gingembre activent la microcirculation, procurant une douce sensation de chaleur. Idéal pour un massage tonifiant qui dénoue les tensions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e🌙 Apaisante et enveloppante\u003c\/h3\u003e\n \u003cp\u003eLa vanille apporte une note sucrée et réconfortante qui invite à la détente profonde et au lâcher-prise total.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e💧 Intensément nourrissante\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga 6 et 9, elle restaure le film hydrolipidique, redonnant souplesse et élasticité dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice et antioxydante\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E naturellement présente aide à lutter contre le stress oxydatif et préserve la jeunesse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sens-section\"\u003e\n \u003ch2\u003eDes ingrédients biologiques soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"sens-section-intro\"\u003eCertifiée Cosmos Organic par Ecocert Greenlife, cette huile contient 99,8 % d'ingrédients biologiques et 31,8 % issus du commerce équitable.\u003c\/p\u003e\n \u003cdiv class=\"sens-grid\"\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e🌳 Huile de baobab\u003c\/h3\u003e\n \u003cp\u003eAdoucissante et nourrissante, elle pénètre sans laisser de film gras pour une peau douce et satinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e🌿 Huile de ricin\u003c\/h3\u003e\n \u003cp\u003eRégénérante, elle renforce la barrière cutanée et laisse la peau veloutée et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e🍃 Huile de chanvre\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle rééquilibre les peaux exigeantes et apporte confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e✨ Huile de ximénia\u003c\/h3\u003e\n \u003cp\u003eRevitalisante et soyeuse, elle améliore la glisse du massage pour une expérience fluide et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e🌶️ Poivre vert et gingembre\u003c\/h3\u003e\n \u003cp\u003eLe duo tonifiant qui réchauffe et stimule, activant la microcirculation pour une sensation de chaleur enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e🍦 Vanille\u003c\/h3\u003e\n \u003cp\u003eLa touche gourmande et envoûtante de la formule, pour un sillage sucré et réconfortant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"sens-accordion-item\"\u003e\n \u003csummary class=\"sens-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"sens-accordion-content mt-3\"\u003e\n \u003cp\u003eAdansonia Grandidieri Seed Oil*, Ricinus Communis (Castor) Seed Oil*◊, Cannabis Sativa Seed Oil*, Ximenia Perrieri Seed Oil*◊, Piper Nigrum Fruit Extract*, Parfum, Zingiber Officinale (Ginger) Root Oil*, Limonene**, Vanillin**, Juniperus Virginiana Oil**.\u003cbr\u003e\u003cem\u003e*Bio — ◊Commerce équitable — **Naturellement présents dans les huiles essentielles.\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 #4 --\u003e\n \u003csection class=\"sens-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de massage ?\u003c\/h2\u003e\n \u003cdiv class=\"sens-timeline\"\u003e\n \u003cdiv class=\"sens-timeline-item\"\u003e\n \u003cdiv class=\"sens-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sens-timeline-content\"\u003e\n \u003ch3\u003eVersez et réchauffez\u003c\/h3\u003e\n \u003cp\u003eDéposez deux à trois pressions dans le creux de vos mains, puis frottez-les pour réchauffer l'huile et libérer ses arômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-timeline-item\"\u003e\n \u003cdiv class=\"sens-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sens-timeline-content\"\u003e\n \u003ch3\u003eMassez en profondeur\u003c\/h3\u003e\n \u003cp\u003eAppliquez en mouvements lents et appuyés sur les zones de tension : nuque, épaules, bas du dos, pieds. Respirez profondément pour profiter des notes épicées et vanillées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-timeline-item\"\u003e\n \u003cdiv class=\"sens-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sens-timeline-content\"\u003e\n \u003ch3\u003eSavourez le résultat\u003c\/h3\u003e\n \u003cp\u003eLa texture sèche et non grasse garantit un massage fluide et agréable sur tout le corps. Votre peau reste satinée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-tip\"\u003e\n \u003cspan class=\"sens-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUtilisez-la également en soin hydratant quotidien après la douche pour une peau satinée et délicatement parfumée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sens-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sens-accordion\"\u003e\n \u003cdetails class=\"sens-accordion-item\" open\u003e\n \u003csummary class=\"sens-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"sens-accordion-content mt-3\"\u003e\n \u003cp\u003eContient des huiles essentielles : \u003cstrong\u003edéconseillée aux femmes enceintes, allaitantes et aux enfants de moins de 6 ans\u003c\/strong\u003e. Effectuez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sens-accordion-item\"\u003e\n \u003csummary class=\"sens-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sens-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sens-accordion-item\"\u003e\n \u003csummary class=\"sens-accordion-header\"\u003e🩺 Avertissement médical\u003c\/summary\u003e\n \u003cdiv class=\"sens-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace en aucun cas 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!-- H2 #6 --\u003e\n \u003csection class=\"sens-section\"\u003e\n \u003ch2\u003eUn packaging écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"sens-grid-compact\"\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e🫙 Verre ambré dépoli\u003c\/h3\u003e\n \u003cp\u003eProtège la formule des UV et préserve toutes ses qualités actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e💜 Flacon 100 ml\u003c\/h3\u003e\n \u003cp\u003eFormat idéal pour plusieurs semaines de rituels sensoriels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e🔄 Pompe pratique\u003c\/h3\u003e\n \u003cp\u003eDosage précis et hygiénique, pour ne gaspiller aucune goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sens-card\"\u003e\n \u003ch3\u003e♻️ Entièrement recyclable\u003c\/h3\u003e\n \u003cp\u003eUn geste beauté qui respecte aussi la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"sens-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sens-cta-box\"\u003e\n \u003cp\u003e✨ L'huile de massage Sensualité Bio est bien plus qu'un simple soin : c'est une invitation à ralentir, à se reconnecter à soi et à l'autre, dans un cocon de douceur naturelle. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sens-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à un traitement médical. Contient des huiles essentielles, vérifiez les contre-indications avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sens-cream: #f9f5f1;\n --sens-white: #ffffff;\n --sens-primary: #7b5ea7;\n --sens-primary-dark: #53386e;\n --sens-primary-light: #f3eef8;\n --sens-secondary: #c4856c;\n --sens-accent: #d4a574;\n --sens-text: #1a1a1a;\n --sens-text-light: #5a5a5a;\n --sens-border: #e8e0e0;\n --sens-shadow: 0 4px 24px rgba(83,56,110,.08);\n --sens-shadow-lg: 0 12px 48px rgba(83,56,110,.15);\n --sens-radius: 20px;\n --sens-radius-sm: 12px;\n}\n\n.sens-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sens-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sens-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sens-primary-dark) 0%, var(--sens-primary) 45%, var(--sens-secondary) 100%);\n border-radius: var(--sens-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(--sens-shadow-lg);\n}\n\n.sens-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(212,165,116,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sens-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sens-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sens-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(--sens-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sens-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sens-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.sens-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.sens-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.sens-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sens-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sens-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.sens-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(--sens-primary), var(--sens-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.sens-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sens-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.sens-card {\n background: var(--sens-white);\n border-radius: var(--sens-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sens-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sens-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sens-shadow-lg);\n border-color: var(--sens-primary);\n}\n\n.sens-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sens-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sens-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sens-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sens-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sens-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sens-grid-compact .sens-card {\n padding: 1rem;\n}\n\n.sens-grid-compact .sens-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sens-grid-compact .sens-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sens-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sens-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sens-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sens-primary), var(--sens-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.sens-timeline-content {\n flex: 1;\n background: var(--sens-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sens-radius-sm);\n box-shadow: var(--sens-shadow);\n}\n\n.sens-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sens-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sens-timeline-content p {\n font-size: 14px;\n color: var(--sens-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sens-testimonial {\n background: var(--sens-white);\n border-radius: var(--sens-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sens-shadow);\n border-left: 4px solid var(--sens-primary);\n}\n\n.sens-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sens-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sens-accordion {\n background: var(--sens-white);\n border-radius: var(--sens-radius);\n box-shadow: var(--sens-shadow);\n overflow: hidden;\n}\n\n.sens-accordion-item {\n border-bottom: 1px solid var(--sens-border);\n margin: 0;\n padding: 0;\n}\n\n.sens-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sens-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sens-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.sens-accordion-header:hover {\n background: var(--sens-primary-light);\n}\n\n.sens-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sens-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sens-primary);\n transition: transform .2s ease;\n}\n\n.sens-accordion-item[open] .sens-accordion-header::after {\n content: '−';\n}\n\n.sens-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sens-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sens-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\n.sens-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sens-primary-light);\n border-radius: var(--sens-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sens-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sens-tip p {\n font-size: 14px;\n color: var(--sens-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sens-cta-box {\n background: linear-gradient(135deg, var(--sens-primary) 0%, var(--sens-primary-dark) 100%);\n border-radius: var(--sens-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sens-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 70%, rgba(212,165,116,.2) 0%, transparent 60%);\n}\n\n.sens-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.sens-disclaimer {\n font-size: 12px;\n color: var(--sens-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 .sens-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sens-card {\n padding: 1.125rem;\n }\n\n .sens-section {\n margin-bottom: 1.75rem;\n }\n\n .sens-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sens-radius-sm);\n }\n\n .sens-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sens-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sens-grid-compact {\n gap: .625rem;\n }\n\n .sens-grid-compact .sens-card {\n padding: .75rem;\n }\n\n .sens-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sens-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sens-timeline-content h3 {\n font-size: 14px;\n }\n\n .sens-timeline-content p {\n font-size: 13px;\n }\n\n .sens-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sens-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sens-testimonial {\n padding: 1.25rem;\n }\n\n .sens-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sens-card {\n animation: sensFadeInUp .5s ease backwards;\n }\n .sens-card:nth-child(1) { animation-delay: .05s; }\n .sens-card:nth-child(2) { animation-delay: .1s; }\n .sens-card:nth-child(3) { animation-delay: .15s; }\n .sens-card:nth-child(4) { animation-delay: .2s; }\n .sens-card:nth-child(5) { animation-delay: .25s; }\n .sens-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sensFadeInUp {\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 .sens-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":55991852401017,"sku":"HUILEMASSAGESENSUALITE","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-massage-sensualite-bio-100-ml-comptoir-des-huiles-packshothd_8c3d41d7-beec-4b81-88d6-26f961889a0b.webp?v=1774366001"},{"product_id":"huile-de-massage-relaxation-bio-100-ml-comptoir-des-huiles","title":"Huile de Massage Relaxation Bio - 100 ml - Comptoir des Huiles","description":"\u003cdiv class=\"rlx-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"rlx-hero\"\u003e\n\u003cdiv class=\"rlx-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rlx-hero-content\"\u003e\n\u003cdiv class=\"rlx-badges-top\"\u003e\n\u003cspan class=\"rlx-badge\"\u003e🌿 100% origine naturelle\u003c\/span\u003e \u003cspan class=\"rlx-badge\"\u003e🧴 99,4% bio\u003c\/span\u003e \u003cspan class=\"rlx-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e \u003cspan class=\"rlx-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rlx-hero-title\"\u003eHuile de massage relaxation bio\u003c\/span\u003e\n\u003cp class=\"rlx-subtitle\"\u003eComptoir des Huiles · 100 ml\u003c\/p\u003e\n\u003cp class=\"rlx-description\"\u003eMagnolia, mandarine \u0026amp; camomille, un rituel sensoriel pour apaiser les muscles et libérer les tensions du quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"rlx-section\"\u003e\n\u003ch2\u003eHuile de Massage Relaxation Bio - Comptoir des Huiles\u003c\/h2\u003e\n\u003cp class=\"rlx-section-intro\"\u003eAprès une journée chargée, votre corps mérite un vrai moment de détente. L'\u003cstrong\u003ehuile de massage bio Relaxation\u003c\/strong\u003e de Comptoir des Huiles a été formulée pour \u003cstrong\u003eapaiser les muscles\u003c\/strong\u003e, libérer les tensions et vous offrir une parenthèse de bien-être profond.\u003c\/p\u003e\n\u003cdiv class=\"rlx-grid-compact\"\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🌸 Magnolia\u003c\/h3\u003e\n\u003cp\u003eApaisant et enveloppant, il calme le système nerveux en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🍊 Mandarine\u003c\/h3\u003e\n\u003cp\u003eDouce et réconfortante, elle favorise la sérénité et le lâcher-prise\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🌼 Camomille romaine\u003c\/h3\u003e\n\u003cp\u003eAnti-stress naturel, elle détend les muscles et apaise l'esprit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e💜 Lavande\u003c\/h3\u003e\n\u003cp\u003eEmblématique de la relaxation, elle procure un bien-être immédiat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"rlx-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette huile massage relaxation ?\u003c\/h2\u003e\n\u003cp class=\"rlx-section-intro\"\u003eCe qui distingue cette \u003cstrong\u003ehuile de massage professionnelle bio\u003c\/strong\u003e, c'est la richesse de sa formule. Elle associe des \u003cstrong\u003ehuiles végétales précieuses\u003c\/strong\u003e à un bouquet de six huiles essentielles soigneusement sélectionnées.\u003c\/p\u003e\n\u003cdiv class=\"rlx-grid\"\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🫒 Huiles végétales nobles\u003c\/h3\u003e\n\u003cp\u003eMoringa, baobab, ricin et ximénia pour une texture enveloppante qui glisse parfaitement sur la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e✨ Fini satiné non gras\u003c\/h3\u003e\n\u003cp\u003eNourrit en profondeur et laisse un voile satiné sans effet gras désagréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e👐 Glissant professionnel\u003c\/h3\u003e\n\u003cp\u003eUn glissant idéal pour travailler les points de pression, adapté aux pros comme aux particuliers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🌍 Tous types de peau\u003c\/h3\u003e\n\u003cp\u003eConvient à toutes les peaux, même les plus sensibles, grâce à sa formule 100% naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"rlx-section\"\u003e\n\u003ch2\u003eDes actifs naturels aux bienfaits concrets\u003c\/h2\u003e\n\u003cdiv class=\"rlx-grid\"\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🫀 Oméga 9\u003c\/h3\u003e\n\u003cp\u003eProtègent la barrière cutanée, apportent souplesse et élasticité, luttent contre la déshydratation et revitalisent les peaux ternes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e💧 Oméga 6\u003c\/h3\u003e\n\u003cp\u003eLimitent les pertes en eau et offrent des qualités adoucissantes et nutritives remarquables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant qui conserve l'élasticité de la peau et lui confère douceur, éclat et jeunesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🧘 Huiles essentielles relaxantes\u003c\/h3\u003e\n\u003cp\u003eLavande, camomille romaine, magnolia, mandarine, orange douce et ravintsara travaillent en synergie pour détendre les muscles et apaiser l'esprit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"rlx-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"rlx-accordion\"\u003e\n\u003cdetails open=\"\" class=\"rlx-accordion-item\"\u003e\n\u003csummary class=\"rlx-accordion-header\"\u003e🫒 Huiles végétales\u003c\/summary\u003e\n\u003cdiv class=\"rlx-accordion-content mt-3\"\u003e\n\u003cp\u003eMoringa Drouhardii, Ricinus Communis (Ricin), Adansonia Grandidieri (Baobab), Ximenia Perrieri (Ximénia).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rlx-accordion-item\"\u003e\n\u003csummary class=\"rlx-accordion-header\"\u003e🌿 Huiles essentielles\u003c\/summary\u003e\n\u003cdiv class=\"rlx-accordion-content mt-3\"\u003e\n\u003cp\u003eCitrus Aurantium Dulcis (Orange douce), Cinnamomum Camphora Linalooliferum (Ravintsara), Lavandula Angustifolia (Lavande), Citrus Reticulata (Mandarine), Michelia Alba (Magnolia), Anthemis Nobilis (Camomille romaine).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rlx-accordion-item\"\u003e\n\u003csummary class=\"rlx-accordion-header\"\u003e🔬 Constituants naturellement présents\u003c\/summary\u003e\n\u003cdiv class=\"rlx-accordion-content mt-3\"\u003e\n\u003cp\u003eLimonène, Linalool, Linalyl Acétate, Beta-Caryophyllène, Terpineol, Camphor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"rlx-section\"\u003e\n\u003ch2\u003eComment utiliser cette huile de massage bio ?\u003c\/h2\u003e\n\u003cdiv class=\"rlx-timeline\"\u003e\n\u003cdiv class=\"rlx-timeline-item\"\u003e\n\u003cdiv class=\"rlx-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"rlx-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez l'huile\u003c\/h3\u003e\n\u003cp\u003ePressez quelques doses de pompe entre vos paumes et frottez vos mains pour activer les fragrances et tiédir l'huile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-timeline-item\"\u003e\n\u003cdiv class=\"rlx-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"rlx-timeline-content\"\u003e\n\u003ch3\u003eMassez en profondeur\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur la zone à masser par des mouvements lents et appuyés. Insistez sur les points de pression : nuque, épaules, bas du dos, pieds.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-timeline-item\"\u003e\n\u003cdiv class=\"rlx-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"rlx-timeline-content\"\u003e\n\u003ch3\u003eRespirez profondément\u003c\/h3\u003e\n\u003cp\u003ePrenez le temps d'inspirer les fragrances pendant le massage : les huiles essentielles agissent aussi par voie olfactive pour favoriser la relaxation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-tip\"\u003e\n\u003cspan class=\"rlx-tip-icon\"\u003e🌙\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil bien-être :\u003c\/strong\u003e utilisez cette huile le soir avant le coucher afin de préparer votre corps au repos pour une expérience encore plus immersive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"rlx-section\"\u003e\n\u003ch2\u003eEngagements qualité et certifications\u003c\/h2\u003e\n\u003cdiv class=\"rlx-grid-compact\"\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine 100% naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🌱 99,4% bio\u003c\/h3\u003e\n\u003cp\u003eCertifié Cosmos Organic par Ecocert Greenlife\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🤝 75,4% équitable\u003c\/h3\u003e\n\u003cp\u003eLabel Fair For Life, commerce équitable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eSans ingrédient d'origine animale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e♻️ Verre recyclable\u003c\/h3\u003e\n\u003cp\u003eFlacon en verre ambré avec pompe doseuse pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rlx-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France par PhileoL France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"rlx-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"rlx-accordion\"\u003e\n\u003cdetails class=\"rlx-accordion-item\"\u003e\n\u003csummary class=\"rlx-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"rlx-accordion-content mt-3\"\u003e\n\u003cp\u003eCette huile contient des \u003cstrong\u003ehuiles essentielles\u003c\/strong\u003e. Elle est déconseillée aux femmes enceintes et aux jeunes enfants. En cas de doute ou de terrain allergique, effectuez un test dans le pli du coude 24 heures avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"rlx-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --rlx-cream: #F7F4F0;\n --rlx-white: #ffffff;\n --rlx-primary: #2B4C6F;\n --rlx-primary-dark: #1A3350;\n --rlx-primary-light: #EDE8F3;\n --rlx-secondary: #8B6FAF;\n --rlx-accent: #C8956C;\n --rlx-text: #1a1a1a;\n --rlx-text-light: #5a5a5a;\n --rlx-border: #e0dbd6;\n --rlx-shadow: 0 4px 24px rgba(43, 76, 111, .07);\n --rlx-shadow-lg: 0 12px 48px rgba(43, 76, 111, .13);\n --rlx-radius: 20px;\n --rlx-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rlx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rlx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rlx-hero {\n position: relative;\n background: linear-gradient(135deg, #1A3350 0%, #2B4C6F 35%, #6B5B8D 70%, #8B6FAF 100%);\n border-radius: var(--rlx-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(--rlx-shadow-lg);\n}\n\n.rlx-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(ellipse at 20% 80%, rgba(200, 149, 108, .15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(139, 111, 175, .2) 0%, transparent 50%),\n radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, .05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rlx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.rlx-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.rlx-subtitle {\n color: rgba(255, 255, 255, .8);\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.rlx-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\/* === BADGES === *\/\n.rlx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rlx-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(--rlx-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.rlx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rlx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rlx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rlx-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.rlx-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(--rlx-primary), var(--rlx-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rlx-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rlx-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.rlx-card {\n background: var(--rlx-white);\n border-radius: var(--rlx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rlx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rlx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rlx-shadow-lg);\n border-color: var(--rlx-secondary);\n}\n\n.rlx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rlx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rlx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rlx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rlx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rlx-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rlx-grid-compact .rlx-card {\n padding: 1rem;\n}\n\n.rlx-grid-compact .rlx-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rlx-grid-compact .rlx-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rlx-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rlx-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rlx-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rlx-primary), var(--rlx-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.rlx-timeline-content {\n flex: 1;\n background: var(--rlx-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rlx-radius-sm);\n box-shadow: var(--rlx-shadow);\n}\n\n.rlx-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rlx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rlx-timeline-content p {\n font-size: 14px;\n color: var(--rlx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rlx-testimonial {\n background: var(--rlx-white);\n border-radius: var(--rlx-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rlx-shadow);\n border-left: 4px solid var(--rlx-secondary);\n}\n\n.rlx-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rlx-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rlx-accordion {\n background: var(--rlx-white);\n border-radius: var(--rlx-radius);\n box-shadow: var(--rlx-shadow);\n overflow: hidden;\n}\n\n.rlx-accordion-item {\n border-bottom: 1px solid var(--rlx-border);\n margin: 0;\n padding: 0;\n}\n\n.rlx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rlx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rlx-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.rlx-accordion-header:hover {\n background: var(--rlx-primary-light);\n}\n\n.rlx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rlx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rlx-secondary);\n transition: transform .2s ease;\n}\n\n.rlx-accordion-item[open] .rlx-accordion-header::after {\n content: '−';\n}\n\n.rlx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rlx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rlx-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rlx-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rlx-primary-light);\n border-radius: var(--rlx-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rlx-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rlx-tip p {\n font-size: 14px;\n color: var(--rlx-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.rlx-disclaimer {\n font-size: 12px;\n color: var(--rlx-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 .rlx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rlx-card {\n padding: 1.125rem;\n }\n\n .rlx-section {\n margin-bottom: 1.75rem;\n }\n\n .rlx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rlx-radius-sm);\n }\n\n .rlx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rlx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .rlx-grid-compact {\n gap: .625rem;\n }\n\n .rlx-grid-compact .rlx-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .rlx-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rlx-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rlx-timeline-content h3 {\n font-size: 14px;\n }\n\n .rlx-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .rlx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rlx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .rlx-testimonial {\n padding: 1.25rem;\n }\n\n .rlx-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rlx-card {\n animation: rlxFadeInUp .5s ease backwards;\n }\n .rlx-card:nth-child(1) { animation-delay: .05s; }\n .rlx-card:nth-child(2) { animation-delay: .1s; }\n .rlx-card:nth-child(3) { animation-delay: .15s; }\n .rlx-card:nth-child(4) { animation-delay: .2s; }\n .rlx-card:nth-child(5) { animation-delay: .25s; }\n .rlx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rlxFadeInUp {\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 .rlx-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":56691737297273,"sku":"RELAX100","price":13.73,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-massage-relaxation-bio-100-ml-comptoir-des-huiles-lifestyle.webp?v=1771412117"},{"product_id":"huile-de-jojoba-regule-le-sebum-100-ml-comptoir-des-huiles","title":"Huile de Jojoba - Régule le sébum - 100 ml - Comptoir des Huiles","description":"\u003cdiv class=\"jj-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"jj-hero\"\u003e\n\u003cdiv class=\"jj-hero-pattern\"\u003e\u003cbr\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 \u003cspan class=\"jj-badge\"\u003e🏅 Certifiée BIO Ecocert\u003c\/span\u003e \u003cspan class=\"jj-badge\"\u003e🇫🇷 Conditionnée en France\u003c\/span\u003e \u003cspan class=\"jj-badge\"\u003e💧 Comédogénicité 0\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"jj-hero-title\"\u003eHuile de Jojoba Régulatrice\u003c\/span\u003e\n\u003cp class=\"jj-subtitle\"\u003eComptoir des Huiles - 100 ml\u003c\/p\u003e\n\u003cp class=\"jj-description\"\u003eRégule le sébum, nourrit les cheveux, sublime les peaux mixtes à grasses. Une huile unique, pressée à froid, pour tout faire simplement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"jj-section\"\u003e\n\u003ch2\u003eHuile de Jojoba Comptoir des Huiles : l'alliée naturelle des peaux mixtes à grasses\u003c\/h2\u003e\n\u003cp class=\"jj-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de jojoba\u003c\/strong\u003e capable de réguler le sébum sans laisser de film gras ? Celle du Comptoir des Huiles coche toutes les cases.\u003c\/p\u003e\n\u003cdiv class=\"jj-grid-compact\"\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e🌱 100 % naturelle\u003c\/h3\u003e\n\u003cp\u003eFormule mono-ingrédient, sans additif ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e🏅 Certifiée BIO\u003c\/h3\u003e\n\u003cp\u003eLabel Ecocert, référentiel COSMOS\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n\u003cp\u003eExtraction mécanique douce qui préserve tous les actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e🧴 Multi-usage\u003c\/h3\u003e\n\u003cp\u003eVisage, corps et cheveux en un seul produit simple et efficace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"jj-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'huile de jojoba pour le visage ?\u003c\/h2\u003e\n\u003cp class=\"jj-section-intro\"\u003eLa particularité de cette \u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e, c'est sa texture sèche. Contrairement aux idées reçues, une huile peut matifier.\u003c\/p\u003e\n\u003cdiv class=\"jj-grid\"\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e✨ Texture sèche \u0026amp; matifiante\u003c\/h3\u003e\n\u003cp\u003ePénètre rapidement, rééquilibre la production de sébum et réduit les brillances disgracieuses sur la zone T\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e🚫 Comédogénicité 0\u003c\/h3\u003e\n\u003cp\u003eNe bouche pas les pores : vous pouvez l'appliquer même si vous avez tendance aux boutons ou aux points noirs, sans craindre d'aggraver la situation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eAction douce et nourrissante, sans irritation ni inconfort, même sur les peaux les plus réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"jj-section\"\u003e\n\u003ch2\u003eL'huile de jojoba pour les cheveux : un soin profond sans alourdir\u003c\/h2\u003e\n\u003cp class=\"jj-section-intro\"\u003eL'\u003cstrong\u003ehuile de jojoba pour cheveux\u003c\/strong\u003e est un véritable soin réparateur. Appliquée en bain d'huile sur les longueurs, elle redonne \u003cstrong\u003esouplesse et brillance aux cheveux secs et cassants\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"jj-grid\"\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e💆 Nourrit en profondeur\u003c\/h3\u003e\n\u003cp\u003ePénètre la fibre capillaire pour réparer et assouplir les cheveux secs et cassants de l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e🪶 Ne pèse pas\u003c\/h3\u003e\n\u003cp\u003eTexture fluide idéale même pour les cheveux fins, sans les alourdir ni les rendre plats\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e🧼 Rinçage facile\u003c\/h3\u003e\n\u003cp\u003eS'élimine facilement au shampoing, sans résidu, pour des cheveux propres et brillants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"jj-section\"\u003e\n\u003ch2\u003eComment utiliser cette huile de jojoba ?\u003c\/h2\u003e\n\u003cdiv class=\"jj-usage-block\"\u003e\n\u003ch3 class=\"jj-usage-title\"\u003e🧴 Sur le visage\u003c\/h3\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\u003eMassage quotidien\u003c\/h3\u003e\n\u003cp\u003eChauffez \u003cstrong\u003e3 à 6 gouttes\u003c\/strong\u003e entre vos paumes, puis appliquez en massages circulaires sur le visage propre.\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\u003eEn sérum\u003c\/h3\u003e\n\u003cp\u003eAvant votre crème habituelle : \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e suffisent pour un boost d'hydratation régulatrice.\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\u003eMatin ou soir\u003c\/h3\u003e\n\u003cp\u003eAjustez la quantité selon votre peau et la saison (\u003cstrong\u003e1 à 4 gouttes\u003c\/strong\u003e). Se mélange facilement à une autre huile végétale pour une synergie sur mesure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-usage-block\"\u003e\n\u003ch3 class=\"jj-usage-title\"\u003e💇 Sur les cheveux\u003c\/h3\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\u003eAppliquer généreusement\u003c\/h3\u003e\n\u003cp\u003eDéposez plusieurs gouttes sur les longueurs et les pointes, en insistant sur les zones les plus sèches.\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\u003eLaisser poser\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMinimum 15 minutes\u003c\/strong\u003e, ou idéalement toute la nuit, avant votre shampoing pour un soin en profondeur.\u003c\/p\u003e\n\u003c\/div\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 :\u003c\/strong\u003e pour un bain d'huile capillaire ultra-nourrissant, enveloppez vos cheveux dans une serviette chaude après application : la chaleur ouvre les écailles et favorise la pénétration de l'huile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"jj-section\"\u003e\n\u003ch2\u003eComposition et traçabilité\u003c\/h2\u003e\n\u003cdiv class=\"jj-accordion\"\u003e\n\u003cdetails open=\"\" class=\"jj-accordion-item\"\u003e\n\u003csummary class=\"jj-accordion-header\"\u003e🧬 Ingrédient unique (INCI)\u003c\/summary\u003e\n\u003cdiv class=\"jj-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eSimmondsia Chinensis Seed Oil\u003c\/strong\u003e — un seul ingrédient, pur et sans additif. Rien d'autre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"jj-accordion-item\"\u003e\n\u003csummary class=\"jj-accordion-header\"\u003e🌍 Origine des graines\u003c\/summary\u003e\n\u003cdiv class=\"jj-accordion-content mt-3\"\u003e\n\u003cp\u003eLes graines de jojoba proviennent de la \u003cstrong\u003erégion d'Androy, dans le sud-est de Madagascar\u003c\/strong\u003e. L'huile est extraite par un procédé mécanique doux — la pression à froid — qui préserve l'intégralité de ses actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"jj-accordion-item\"\u003e\n\u003csummary class=\"jj-accordion-header\"\u003e🏭 Conditionnement\u003c\/summary\u003e\n\u003cdiv class=\"jj-accordion-content mt-3\"\u003e\n\u003cp\u003eLe conditionnement est réalisé en \u003cstrong\u003eFrance, en Moselle\u003c\/strong\u003e, par PhileoL France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"jj-accordion-item\"\u003e\n\u003csummary class=\"jj-accordion-header\"\u003e🧴 Format du produit\u003c\/summary\u003e\n\u003cdiv class=\"jj-accordion-content mt-3\"\u003e\n\u003cp\u003eVous recevez un \u003cstrong\u003eflacon en verre de 100 ml\u003c\/strong\u003e, pratique avec sa pompe pour doser précisément chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"jj-section\"\u003e\n\u003ch2\u003eLes bienfaits en résumé\u003c\/h2\u003e\n\u003cdiv class=\"jj-grid-compact\"\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e⚖️ Régule le sébum\u003c\/h3\u003e\n\u003cp\u003eMatifie les peaux mixtes à grasses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e🛡️ Anti-imperfections\u003c\/h3\u003e\n\u003cp\u003eDiminue l'apparition de boutons et points noirs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e💧 Comédogénicité 0\u003c\/h3\u003e\n\u003cp\u003eNe bouche pas les pores\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e💇 Cheveux nourris\u003c\/h3\u003e\n\u003cp\u003eNourrit et assouplit les cheveux secs et cassants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux les plus réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jj-card\"\u003e\n\u003ch3\u003e⚡ Absorption rapide\u003c\/h3\u003e\n\u003cp\u003ePénètre rapidement sans effet collant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"jj-section\"\u003e\n\u003cdiv class=\"jj-cta-box\"\u003e\n\u003cp\u003e🌿 Une seule huile, mille bienfaits. Offrez à votre peau et vos cheveux le soin pur et naturel qu'ils méritent avec l'huile de jojoba Comptoir des Huiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"jj-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème de peau persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --jj-cream: #F7F2EC;\n --jj-white: #ffffff;\n --jj-primary: #2E7D6F;\n --jj-primary-dark: #1B5A4E;\n --jj-primary-light: #E8F4F1;\n --jj-secondary: #8B5E3C;\n --jj-accent: #D4A855;\n --jj-text: #1a1a1a;\n --jj-text-light: #5a5a5a;\n --jj-border: #e0ddd8;\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, #1B5A4E 0%, #2E7D6F 40%, #3D9B8A 70%, #8B5E3C 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(ellipse at 20% 80%, rgba(212,168,85,.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.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 .75rem 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 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-accent));\n border-radius: 2px;\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\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\/* === GRILLE COMPACTE === *\/\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\/* === USAGE BLOCK === *\/\n.jj-usage-block {\n margin-bottom: 1.5rem;\n}\n\n.jj-usage-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--jj-secondary);\n text-align: center;\n margin: 0 0 1rem 0;\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-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.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.6;\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\/* === 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;\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\/* === 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-usage-block {\n margin-bottom: 1.25rem;\n }\n\n .jj-tip {\n padding: .875rem 1rem;\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 .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":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":56691921158521,"sku":"JOJOBA100","price":14.13,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-regule-le-sebum-100-ml-comptoir-des-huiles-lifestyle.webp?v=1771413550"},{"product_id":"serum-anti-age-intense-30-ml-comptoir-des-huiles","title":"Sérum Anti-âge Intense - 30 ml - Comptoir des Huiles","description":"\u003cdiv class=\"sai-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sai-hero\"\u003e\n \u003cdiv class=\"sai-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sai-hero-content\"\u003e\n \u003cdiv class=\"sai-badges-top\"\u003e\n \u003cspan class=\"sai-badge\"\u003e🌿 98% bio\u003c\/span\u003e\n \u003cspan class=\"sai-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sai-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"sai-badge\"\u003e🌵 Figue de barbarie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sai-hero-title\"\u003eSérum Anti-âge Intense\u003c\/span\u003e\n \u003cp class=\"sai-subtitle\"\u003eComptoir des Huiles - 30 ml\u003c\/p\u003e\n \u003cp class=\"sai-description\"\u003eLisse et tonifie grâce à sa synergie d'actifs : 98% d'huile de pépins de figue de barbarie bio, acide hyaluronique et vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sai-section\"\u003e\n \u003ch2\u003eSérum Anti-âge Intense Comptoir des Huiles : l'huile de figue de barbarie bio au service de votre peau\u003c\/h2\u003e\n \u003cp class=\"sai-section-intro\"\u003eVous cherchez un sérum anti-âge à la fois efficace, naturel et engagé ?\u003c\/p\u003e\n \u003cdiv class=\"sai-grid-compact\"\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e🌵 98% figue de barbarie\u003c\/h3\u003e\n \u003cp\u003eHuile de pépins de figue de barbarie biologique, trésor de la cosmétique naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eHydratation profonde et durable pour une peau repulpée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e✨ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eProtection antioxydante puissante pour préserver l'éclat du teint\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e🧴 30 ml concentrés\u003c\/h3\u003e\n \u003cp\u003eLisse, raffermit et hydrate intensément votre peau, jour après jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sai-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de figue de barbarie est-elle si précieuse ?\u003c\/h2\u003e\n \u003cdiv class=\"sai-testimonial\"\u003e\n \u003cp class=\"sai-testimonial-text\"\u003e\"L'huile de pépins de figue de barbarie est considérée comme l'un des trésors les plus puissants de la cosmétique naturelle. Naturellement riche en vitamine E, stérols et acides gras essentiels, elle possède des propriétés régénérantes et antioxydantes remarquables.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-tip\"\u003e\n \u003cspan class=\"sai-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eCelle utilisée dans ce sérum provient de \u003cstrong\u003efilières équitables et durables à Madagascar\u003c\/strong\u003e, puis est pressée à froid dans un atelier de l'Est de la France. Vous bénéficiez d'une huile d'une qualité exceptionnelle, respectueuse des producteurs et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sai-section\"\u003e\n \u003ch2\u003eUne synergie d'actifs anti-rides ciblée\u003c\/h2\u003e\n \u003cp class=\"sai-section-intro\"\u003eCe qui distingue ce sérum anti-rides des autres, c'est sa formule concentrée et minimaliste. Pas de remplissage inutile : chaque ingrédient a un rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"sai-grid\"\u003e\n \u003cdiv class=\"sai-card sai-card-highlight\"\u003e\n \u003ch3\u003e🌵 Huile de pépins de figue de barbarie (98%)\u003c\/h3\u003e\n \u003cp\u003eRégénère la peau, améliore l'élasticité cutanée et protège contre l'oxydation responsable du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eRetient l'eau intensément dans les couches de l'épiderme pour une hydratation profonde et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E (tocophérol)\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant naturel qui protège les cellules et préserve l'éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-tip\"\u003e\n \u003cspan class=\"sai-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eLe résultat ? Une peau visiblement \u003cstrong\u003eplus lisse, plus douce\u003c\/strong\u003e, un teint unifié et des \u003cstrong\u003erides atténuées\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sai-section\"\u003e\n \u003ch2\u003eComment utiliser ce sérum anti-âge au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"sai-timeline\"\u003e\n \u003cdiv class=\"sai-timeline-item\"\u003e\n \u003cdiv class=\"sai-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sai-timeline-content\"\u003e\n \u003ch3\u003eDéposez\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans le creux de vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-timeline-item\"\u003e\n \u003cdiv class=\"sai-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sai-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eSur l'ensemble du visage propre et sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-timeline-item\"\u003e\n \u003cdiv class=\"sai-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sai-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eDélicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-timeline-item\"\u003e\n \u003cdiv class=\"sai-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sai-timeline-content\"\u003e\n \u003ch3\u003ePoursuivez\u003c\/h3\u003e\n \u003cp\u003eAvec votre crème hydratante habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-tip\"\u003e\n \u003cspan class=\"sai-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eUtilisé quotidiennement, le flacon de 30 ml vous accompagne pendant \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e. Un excellent rapport qualité-durée pour un soin certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sai-section\"\u003e\n \u003ch2\u003ePour qui est fait ce sérum visage anti-âge ?\u003c\/h2\u003e\n \u003cdiv class=\"sai-grid-compact\"\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e👩 Dès 25 ans\u003c\/h3\u003e\n \u003cp\u003eEn prévention du vieillissement cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e🌸 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eFermeté, hydratation et éclat retrouvés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e💆 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense et confort longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e🤍 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule 100% naturelle, sans ingrédient superflu, parfaitement tolérée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sai-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sai-accordion\"\u003e\n \u003cdetails class=\"sai-accordion-item\" open\u003e\n \u003csummary class=\"sai-accordion-header\"\u003e📋 Liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"sai-accordion-content mt-3\"\u003e\n \u003cp\u003eOpuntia Stricta Seed Oil, Ricinus Communis Seed Oil, Glycine Soja Oil, Tocopherol, Beta-Sitosterol, Sorbitan Olivate, Squalene, Sodium Hyaluronate, Caproic Acid.\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=\"sai-section\"\u003e\n \u003ch2\u003eDes certifications qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"sai-grid-compact\"\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine 100% naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e🏅 98% bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Ecocert Greenlife – Cosmos Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e🤝 98% équitable\u003c\/h3\u003e\n \u003cp\u003eLabel Fair for Life pour un commerce juste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication artisanale française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sai-tip\"\u003e\n \u003cspan class=\"sai-tip-icon\"\u003e💜\u003c\/span\u003e\n \u003cp\u003eEn choisissant ce sérum, vous faites un \u003cstrong\u003egeste concret pour votre peau\u003c\/strong\u003e et pour des communautés de producteurs engagés dans une agriculture durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"sai-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sai-cta-box\"\u003e\n \u003cp\u003eOffrez à votre peau le meilleur de la nature : 98% de figue de barbarie bio, acide hyaluronique et vitamine E réunis dans un seul sérum d'exception. 🌵✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sai-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis ou un suivi dermatologique. 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 --sai-cream: #faf7f4;\n --sai-white: #ffffff;\n --sai-primary: #8e4585;\n --sai-primary-dark: #5e2d5e;\n --sai-primary-light: #f5eaf4;\n --sai-secondary: #c89b3c;\n --sai-accent: #d4a84b;\n --sai-text: #1a1a1a;\n --sai-text-light: #5a5a5a;\n --sai-border: #e8dde7;\n --sai-shadow: 0 4px 24px rgba(142,69,133,.08);\n --sai-shadow-lg: 0 12px 48px rgba(94,45,94,.15);\n --sai-radius: 20px;\n --sai-radius-sm: 12px;\n}\n\n.sai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sai-hero {\n position: relative;\n background: linear-gradient(135deg, #5e2d5e 0%, #8e4585 40%, #c89b3c 100%);\n border-radius: var(--sai-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(--sai-shadow-lg);\n}\n\n.sai-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(200,155,60,.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.sai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sai-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.sai-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sai-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.sai-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sai-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(--sai-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sai-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sai-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sai-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.sai-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(--sai-primary), var(--sai-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.sai-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sai-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.sai-card {\n background: var(--sai-white);\n border-radius: var(--sai-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sai-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sai-shadow-lg);\n border-color: var(--sai-primary);\n}\n\n.sai-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sai-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sai-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sai-card-highlight {\n border-color: var(--sai-secondary);\n background: linear-gradient(135deg, var(--sai-white) 0%, #fdf8ee 100%);\n}\n\n\/* === GRILLES === *\/\n.sai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sai-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sai-grid-compact .sai-card {\n padding: 1rem;\n}\n\n.sai-grid-compact .sai-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sai-grid-compact .sai-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sai-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sai-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sai-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sai-primary), var(--sai-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.sai-timeline-content {\n flex: 1;\n background: var(--sai-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sai-radius-sm);\n box-shadow: var(--sai-shadow);\n}\n\n.sai-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sai-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sai-timeline-content p {\n font-size: 14px;\n color: var(--sai-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sai-testimonial {\n background: var(--sai-white);\n border-radius: var(--sai-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sai-shadow);\n border-left: 4px solid var(--sai-primary);\n}\n\n.sai-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sai-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sai-accordion {\n background: var(--sai-white);\n border-radius: var(--sai-radius);\n box-shadow: var(--sai-shadow);\n overflow: hidden;\n}\n\n.sai-accordion-item {\n border-bottom: 1px solid var(--sai-border);\n margin: 0;\n padding: 0;\n}\n\n.sai-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sai-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sai-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.sai-accordion-header:hover {\n background: var(--sai-primary-light);\n}\n\n.sai-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sai-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sai-primary);\n transition: transform .2s ease;\n}\n\n.sai-accordion-item[open] .sai-accordion-header::after {\n content: '−';\n}\n\n.sai-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sai-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sai-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sai-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sai-primary-light);\n border-radius: var(--sai-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sai-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sai-tip p {\n font-size: 14px;\n color: var(--sai-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sai-cta-box {\n background: linear-gradient(135deg, var(--sai-primary) 0%, var(--sai-primary-dark) 100%);\n border-radius: var(--sai-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sai-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.sai-disclaimer {\n font-size: 12px;\n color: var(--sai-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sai-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sai-card {\n padding: 1.125rem;\n }\n\n .sai-section {\n margin-bottom: 1.75rem;\n }\n\n .sai-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sai-radius-sm);\n }\n\n .sai-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sai-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sai-grid-compact {\n gap: .625rem;\n }\n\n .sai-grid-compact .sai-card {\n padding: .75rem;\n }\n\n .sai-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sai-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sai-timeline-content h3 {\n font-size: 14px;\n }\n\n .sai-timeline-content p {\n font-size: 13px;\n }\n\n .sai-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sai-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sai-testimonial {\n padding: 1.25rem;\n }\n\n .sai-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sai-card {\n animation: sai-fadeInUp .5s ease backwards;\n }\n .sai-card:nth-child(1) { animation-delay: .05s; }\n .sai-card:nth-child(2) { animation-delay: .1s; }\n .sai-card:nth-child(3) { animation-delay: .15s; }\n .sai-card:nth-child(4) { animation-delay: .2s; }\n .sai-card:nth-child(5) { animation-delay: .25s; }\n .sai-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sai-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sai-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":56894889722233,"sku":"SERUMANTIAGECOMPTOIR","price":49.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-anti-age-intense-30-ml-comptoir-des-huiles-lifestyle.webp?v=1774349120"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/comptoir-des-huiles.webp?v=1790072252","url":"https:\/\/www.naturellement-bio.com\/collections\/comptoir-des-huiles.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}