{"title":"Huiles végétales cosmétiques","description":"\u003cp\u003eToutes les huiles végétales ne se ressemblent pas, et choisir la mauvaise peut décevoir, même si le produit est de qualité. La bonne huile, c'est avant tout celle qui correspond à votre type de peau, à votre besoin du moment et à la façon dont vous l'intégrez dans votre routine. Ce guide est là pour vous aider à décider rapidement, sans vous noyer dans la biochimie.\u003c\/p\u003e\n\n\u003ch2\u003eQuelle huile végétale choisir selon votre type de peau ?\u003c\/h2\u003e\n\n\u003cp\u003eOn va droit au but : voici un tableau de correspondance pour trouver l'huile qui vous correspond, avec les bénéfices concrets à attendre.\u003c\/p\u003e\n\n\u003ctable style=\"width:100%;border-collapse:collapse;font-size:0.95em;\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color:#f4f0eb;\"\u003e\n \u003cth style=\"padding:10px 14px;text-align:left;border-bottom:2px solid #d6c9b6;\"\u003eType de peau\u003c\/th\u003e\n \u003cth style=\"padding:10px 14px;text-align:left;border-bottom:2px solid #d6c9b6;\"\u003eHuile recommandée\u003c\/th\u003e\n \u003cth style=\"padding:10px 14px;text-align:left;border-bottom:2px solid #d6c9b6;\"\u003eBénéfice clé\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr style=\"border-bottom:1px solid #e8e0d5;\"\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003ePeau sèche\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003e\u003cstrong\u003eAmande douce, abricot\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003e\n\u003cstrong\u003eNutrition profonde\u003c\/strong\u003e, effet filmogène, riche en acide oléique\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr style=\"background-color:#faf8f5;border-bottom:1px solid #e8e0d5;\"\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003ePeau mature\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003e\u003cstrong\u003eFigue de Barbarie, rose musquée, argan\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003e\n\u003cstrong\u003eRégénération cellulaire\u003c\/strong\u003e, antioxydants, éclat, action sur les rides\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr style=\"border-bottom:1px solid #e8e0d5;\"\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003ePeau grasse ou mixte\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003e\u003cstrong\u003eJojoba, nigelle\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003e\n\u003cstrong\u003eRégulation sébacée\u003c\/strong\u003e, texture sèche, non comédogène\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr style=\"background-color:#faf8f5;border-bottom:1px solid #e8e0d5;\"\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003ePeau sensible\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003e\u003cstrong\u003eCalendula, rose musquée\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003e\n\u003cstrong\u003eApaisement\u003c\/strong\u003e, tolérance cutanée, riche en acide linoléique\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eCheveux et cuir chevelu\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003e\u003cstrong\u003eRicin\u003c\/strong\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003e\n\u003cstrong\u003eFortifiant, stimulant\u003c\/strong\u003e, riche en acide ricinoléique\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp style=\"margin-top:16px;\"\u003ePour les peaux matures, \u003ca href=\"\/products\/huile-de-pepin-de-figue-de-barbarie-bio-50ml-comptoir-des-huiles\"\u003el'huile de pépins de figue de Barbarie du Comptoir des Huiles\u003c\/a\u003e est particulièrement concentrée en vitamine E et en acide linoléique, deux actifs rares qui justifient son positionnement premium. Et si vous cherchez une formule encore plus concentrée, l'\u003ca href=\"\/products\/elixir-huile-de-pepins-de-figues-de-barbarie-veritable-bio-15-ml-arc-en-sels\"\u003eélixir de figue de Barbarie d'Arc en Sels\u003c\/a\u003e propose une approche ultra-précise, à utiliser en petite quantité.\u003c\/p\u003e\n\n\u003cp\u003eBon à savoir : les formules \u003cstrong\u003ecertifiées bio (COSMOS, Ecocert)\u003c\/strong\u003e garantissent l'absence de solvants résiduels dans le processus d'extraction, ce qui améliore la tolérance cutanée, notamment sur les peaux réactives.\u003c\/p\u003e\n\n\u003ch2\u003eLes critères qui font vraiment la différence entre deux huiles\u003c\/h2\u003e\n\n\u003cp\u003eDeux huiles de jojoba peuvent sembler identiques sur une fiche produit et pourtant produire des résultats très différents. Ce qui change, c'est souvent le mode d'extraction et le niveau de transformation.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eExtraction à froid :\u003c\/strong\u003e c'est la méthode de référence pour préserver les acides gras essentiels et les vitamines liposolubles (E, A, K). Une extraction à chaud ou chimique dégrade une partie de ces actifs. Sur une étiquette, cherchez « première pression à froid » ou « extraction mécanique à froid ».\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eHuile vierge vs huile raffinée :\u003c\/strong\u003e la vierge conserve toutes ses propriétés d'origine, avec parfois une odeur et une couleur prononcées. La raffinée est plus neutre sensoriellement, mais perd une partie de son intérêt cosmétique. Pour un usage peau, la vierge est presque toujours préférable.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eTexture et pénétration :\u003c\/strong\u003e les huiles dites « sèches » (jojoba, figue de Barbarie) s'absorbent rapidement sans laisser de film. Les huiles plus grasses (ricin, amande douce) nourrissent en profondeur mais demandent un temps d'absorption plus long. À vous de choisir selon votre usage et votre peau.\u003c\/p\u003e\n\n\u003cp\u003eD'ailleurs, certains produits de la collection ne sont pas des huiles pures mais des formules concentrées. C'est le cas du \u003ca href=\"\/products\/serum-clairessence-bio-50-ml-arc-en-sels\"\u003eSérum Clairessence Bio d'Arc en Sels\u003c\/a\u003e, qui associe plusieurs actifs dans une base huileuse : son utilisation et son dosage diffèrent d'une huile végétale simple, avec souvent quelques gouttes suffisantes.\u003c\/p\u003e\n\n\u003ch2\u003eVisage, corps ou cheveux : comment les utiliser efficacement\u003c\/h2\u003e\n\n\u003cp\u003e\u003cstrong\u003eSur le visage,\u003c\/strong\u003e appliquez l'huile végétale sur une peau légèrement humide : cela optimise la pénétration et évite l'effet « couche imperméable ». Le soir, elle s'utilise en dernier soin. Le matin, pour les peaux très sèches, une à deux gouttes avant la crème suffisent.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eSur le corps,\u003c\/strong\u003e quelques gouttes après la douche, peau encore tiède, c'est le moment idéal. L'\u003ca href=\"\/products\/huile-seche-monoi-bio-emma-noel-100ml\"\u003ehuile sèche au monoï d'Emma Noël\u003c\/a\u003e est particulièrement adaptée ici : absorption rapide, pas de film gras, et un parfum qui fait voyager. Franchement, c'est difficile de ne pas l'adopter.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003ePour les cheveux et le cuir chevelu,\u003c\/strong\u003e l'\u003ca href=\"\/products\/huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles\"\u003ehuile de ricin bio du Comptoir des Huiles\u003c\/a\u003e reste la référence pour fortifier et stimuler. Appliquez-la en masque 30 minutes avant le shampoing. Pour les pointes, une noisette d'huile d'argan en soin sans rinçage fait très bien l'affaire.\u003c\/p\u003e\n\n\u003cp\u003eEt si vous souhaitez aller plus loin dans votre routine, une huile végétale se marie très bien avec une \u003ca href=\"\/collections\/huiles-essentielles\"\u003ehuile essentielle adaptée à votre peau\u003c\/a\u003e. En association avec une \u003ca href=\"\/collections\/eau-florales\"\u003eeau florale en lotion tonique\u003c\/a\u003e, l'huile végétale pénètre mieux et prolonge l'hydratation : c'est le principe du layering, simple et efficace.\u003c\/p\u003e\n\n\u003ch2\u003eCe qu'il faut savoir avant de choisir une huile anti-âge\u003c\/h2\u003e\n\n\u003cp\u003eLa peau mature perd progressivement en élasticité et en densité. Les huiles riches en \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e (linoléique, alpha-linolénique) soutiennent la régénération cellulaire et aident à maintenir la barrière cutanée. C'est là que certaines huiles tirent vraiment leur épingle du jeu.\u003c\/p\u003e\n\n\u003cp\u003eLa figue de Barbarie, on ne va pas se mentir, c'est notre chouchou pour les peaux matures. Sa concentration en vitamine E et en acide linoléique est parmi les plus élevées du règne végétal, ce qui justifie son prix. L'\u003ca href=\"\/products\/huile-figue-barbarie-bio-najel-80ml\"\u003ehuile de graines de figue de Barbarie de Najel\u003c\/a\u003e en offre un bon format pour débuter.\u003c\/p\u003e\n\n\u003cp\u003eL'\u003ca href=\"\/products\/huile-vegetale-rose-musquee-bio-50ml\"\u003ehuile végétale de rose musquée de Saint-Hilaire\u003c\/a\u003e est, elle, réputée pour son action sur les cicatrices, les taches et les rides naissantes. Elle contient des traces d'acide rétinoïque naturel, ce qui lui confère une action rénovatrice douce. Les résultats sont progressifs : comptez 4 à 8 semaines d'utilisation régulière pour observer une vraie différence.\u003c\/p\u003e\n\n\u003cp\u003eL'huile d'argan, enfin, apporte souplesse et éclat tout en étant très bien tolérée par les peaux matures sensibilisées. Et dans une approche de soin global, \u003ca href=\"\/collections\/aromatherapie\"\u003el'aromathérapie offre des synergies intéressantes avec les huiles végétales\u003c\/a\u003e, notamment pour cibler des problématiques spécifiques comme le manque de tonicité ou l'éclat du teint.\u003c\/p\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\u003csummary\u003eQuelle est la meilleure huile végétale pour le visage ?\u003c\/summary\u003e\u003cp\u003eIl n'existe pas d'huile universelle : tout dépend de votre type de peau. Pour une \u003cstrong\u003epeau mature\u003c\/strong\u003e, l'huile de pépins de figue de Barbarie est difficilement égalable, grâce à sa richesse en vitamine E et en acide linoléique. Pour une \u003cstrong\u003epeau mixte ou grasse\u003c\/strong\u003e, le jojoba régule le sébum sans obstruer les pores. Pour une \u003cstrong\u003epeau sèche\u003c\/strong\u003e, l'amande douce ou l'abricot nourrissent en profondeur grâce à leurs acides gras oléiques. Le mieux est de partir de votre profil peau, pas d'une tendance.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eQuelle huile végétale est recommandée pour les peaux sèches ?\u003c\/summary\u003e\u003cp\u003eL'amande douce, l'abricot et l'argan sont les trois références pour les peaux sèches. Riches en acide oléique, elles nourrissent en profondeur et forment un léger film protecteur qui limite la perte en eau. On les applique de préférence le soir, sur peau légèrement humide, pour maximiser leur absorption.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eQuelle huile rajeunit le visage ?\u003c\/summary\u003e\u003cp\u003eLa \u003cstrong\u003erose musquée\u003c\/strong\u003e agit sur les rides naissantes, les taches et les cicatrices grâce à sa teneur en acide alpha-linolénique et en traces d'acide rétinoïque naturel. La \u003cstrong\u003efigue de Barbarie\u003c\/strong\u003e est très antioxydante et protège les cellules cutanées du vieillissement prématuré. L'\u003cstrong\u003eargan\u003c\/strong\u003e apporte souplesse et éclat rapidement. Dans tous les cas, les résultats sont progressifs : prévoyez 4 à 8 semaines d'utilisation régulière. Ces huiles accompagnent le vieillissement cutané, elles ne le remplacent pas par un soin médical.\u003c\/p\u003e\u003c\/details\u003e\n\u003cdetails\u003e\u003csummary\u003eQuelle huile végétale pour le cuir chevelu ?\u003c\/summary\u003e\u003cp\u003eL'huile de \u003cstrong\u003ericin\u003c\/strong\u003e est la première à recommander pour fortifier le cheveu et stimuler le cuir chevelu, grâce à sa richesse en acide ricinoléique. Appliquez-la en masque 30 minutes avant le shampoing, en insistant sur les racines. Si votre cuir chevelu est gras, le \u003cstrong\u003ejojoba\u003c\/strong\u003e est plus adapté : sa composition proche du sébum humain aide à réguler la production de sébum sans alourdir.\u003c\/p\u003e\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"huile-de-calophylle-bio-flacon-de-30-ml-ayurvana","title":"Huile de Calophylle Bio - Flacon de 30 ml - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Calophylle Bio - AyurVana\nPalette détectée:\n - Primaire: #4a7c34 (vert olive\/émeraude de l'huile et du texte packaging)\n - Secondaire: #c8a83e (doré\/jaune-olive de l'huile visible dans le flacon)\n - Accent: #2e5a1e (vert foncé des feuilles de calophylle)\nAmbiance: Naturel\/bio, authentique, soin traditionnel ayurvédique, épuré, blanc et vert\nPréfixe CSS: cal\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Calophylle Bio AyurVana : l'alliée des peaux fragilisées et des jambes fatiguées\"\n 2. \"Bienfaits de l'huile de calophylle pour la peau et la circulation\"\n 3. \"Comment utiliser l'huile de calophylle au quotidien ?\"\n 4. \"Composition — 100 % pure et certifiée bio\"\n 5. \"L'huile de calophylle présente-t-elle un danger ?\"\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 % pure et bio\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🇫🇷 Certifiée Ecocert\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🧴 Flacon airless 30 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cal-hero-title\"\u003eHuile de Calophylle Bio AyurVana\u003c\/span\u003e\n \u003cp class=\"cal-subtitle\"\u003eL'huile végétale précieuse, extraite par première pression à froid\u003c\/p\u003e\n \u003cp class=\"cal-description\"\u003eCouleur vert émeraude, parfum de noix… Cette huile ancestrale concentre des actifs naturels d'exception pour régénérer votre peau, relancer la microcirculation et apaiser les peaux les plus sensibles.\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\u003eHuile de Calophylle Bio AyurVana : l'alliée des peaux fragilisées et des jambes fatiguées\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eVous cherchez une huile végétale de calophylle authentique, pure et certifiée bio ? L'Huile de Calophylle Bio AyurVana est extraite par première pression à froid des graines de \u003cstrong\u003eCalophyllum inophyllum\u003c\/strong\u003e, un arbre tropical vénéré depuis des siècles en Asie et dans l'Océan Indien.\u003c\/p\u003e\n \u003cp class=\"cal-section-intro\"\u003eAvec sa couleur vert émeraude caractéristique et son parfum de noix, cette huile concentre des actifs naturels précieux pour votre peau et votre circulation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile de calophylle pour la peau et la circulation\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eLes bienfaits de l'huile de calophylle sont nombreux et documentés par une longue tradition d'usage. Voici pourquoi elle mérite une place dans votre routine de soin :\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✨ Régénérante et cicatrisante\u003c\/h3\u003e\n \u003cp\u003eElle favorise la réparation des peaux abîmées, sujettes aux imperfections, aux cicatrices d'acné ou aux irritations comme l'eczéma.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eRiche en calaustraline et en acide calophyllique, elle aide à calmer les rougeurs et les sensations d'inconfort sur les peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🦵 Stimulante circulatoire\u003c\/h3\u003e\n \u003cp\u003eL'une des rares huiles végétales reconnues pour relancer la microcirculation. Très prisée pour atténuer l'apparence des varicosités, soulager les jambes lourdes et décongestionner les zones fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e👁️ Anti-cernes naturelle\u003c\/h3\u003e\n \u003cp\u003eAppliquée délicatement sur le contour des yeux, elle contribue à réduire l'aspect des poches et des cernes grâce à son action drainante. Amélioration visible après quelques semaines d'utilisation régulière.\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\u003eComment utiliser l'huile de calophylle au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eSon flacon airless de 30 ml avec pompe doseuse vous permet une application précise, sans gaspillage ni oxydation du produit.\u003c\/p\u003e\n \u003cdiv class=\"cal-timeline\"\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eSoin du visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes le soir sur peau propre, en massant doucement. Vous pouvez la mélanger à votre crème de nuit ou à une huile végétale plus légère (jojoba, argan) si vous la trouvez trop riche.\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\u003eContour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez une micro-goutte du bout du doigt sous chaque œil, matin et soir, pour un effet décongestionnant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eJambes et circulation\u003c\/h3\u003e\n \u003cp\u003eMassez vos jambes en remontant des chevilles vers les cuisses. Ce geste simple, répété chaque jour, aide à soulager la sensation de lourdeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eZones ciblées\u003c\/h3\u003e\n \u003cp\u003eAppliquez directement sur les cicatrices, les petites plaies refermées ou les zones irritées pour accompagner la réparation cutanée.\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\u003eAstuce :\u003c\/strong\u003e l'huile de calophylle inophyle se solidifie légèrement en dessous de 15 °C. Réchauffez simplement le flacon entre vos mains avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eComposition — 100 % pure et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"cal-grid-compact\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🧬 INCI\u003c\/h3\u003e\n \u003cp\u003eCalophyllum Inophyllum Seed Oil*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌱 Bio\u003c\/h3\u003e\n \u003cp\u003e* Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n \u003cp\u003eCosmébio \/ Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eSans conservateur, sans parfum ajouté, sans additif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e🫒\u003c\/span\u003e\n \u003cp\u003eExtraction par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e pour préserver l'intégralité des actifs naturels de la graine de calophylle.\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\u003eL'huile de calophylle présente-t-elle un danger ?\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eUtilisée en application cutanée, l'huile de calophylle ne présente pas de danger particulier. Cependant, par précaution :\u003c\/p\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test dans le pli du coude 24 h 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=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 3 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eNe remplace en aucun cas un traitement médical. Consultez un professionnel de santé pour tout problème circulatoire ou dermatologique persistant.\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=\"cal-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cal-cta-box\"\u003e\n \u003cp\u003e🌿 Avec l'Huile de Calophylle Bio AyurVana, offrez à votre peau un soin d'exception, issu d'une filière respectueuse et d'un savoir-faire éprouvé. Son format 30 ml compact se glisse partout — dans votre trousse de toilette, votre sac ou sur votre table de nuit — pour un rituel beauté naturel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cal-disclaimer\"\u003eLes compléments alimentaires et cosmétiques ne se substituent pas à une alimentation variée et équilibrée ni à un suivi médical. Consultez votre médecin 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: #f7f5f0;\n --cal-white: #ffffff;\n --cal-primary: #4a7c34;\n --cal-primary-dark: #2e5a1e;\n --cal-primary-light: #e8f0e4;\n --cal-secondary: #c8a83e;\n --cal-accent: #8db560;\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, #2e5a1e 0%, #4a7c34 45%, #8db560 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(200,168,62,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(141,181,96,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.cal-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cal-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cal-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.cal-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.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}\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: 700px;\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\/* === 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-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,124,52,.3);\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.6;\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::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(200,168,62,.15) 0%, transparent 50%);\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 position: relative;\n z-index: 1;\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 .cal-section-intro {\n font-size: 14px;\n margin-bottom: 1.25rem;\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":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755095974045,"sku":"AY0104","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-calophylle-bio-flacon-de-30-ml-ayurvana-ingredients.webp?v=1771063516"},{"product_id":"huile-seche-infusion-divine-bio-100-ml-florame","title":"Huile Sèche Infusion Divine Bio - 100 ml - Florame","description":"\u003cdiv class=\"id-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"id-hero\"\u003e\n\u003cdiv class=\"id-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"id-hero-content\"\u003e\n\u003cdiv class=\"id-badges-top\"\u003e\n\u003cspan class=\"id-badge\"\u003e🌿 Certifiée COSMOS Organic\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🌸 30 huiles bio\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🏆 Meilleur Produit Bio 2021\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"id-hero-title\"\u003eHuile Sèche Infusion Divine Bio\u003c\/span\u003e\n\u003cp class=\"id-subtitle\"\u003eFlorame · 100 ml · Visage · Corps · Cheveux\u003c\/p\u003e\n\u003cp class=\"id-description\"\u003eUn élixir multi-usage d'exception né de 30 ans d'expertise en aromathérapie provençale. 30 huiles végétales et essentielles biologiques réunies dans un seul flacon pour sublimer votre beauté naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eHuile Sèche Infusion Divine Bio Florame : 30 huiles précieuses pour sublimer votre peau, votre corps et vos cheveux\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eImaginez un seul geste beauté qui nourrit votre visage, enveloppe votre corps de douceur et redonne vie à vos cheveux.\u003c\/p\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e✨ Élixir multi-usage\u003c\/h3\u003e\n\u003cp\u003eUn seul flacon pour le visage, le corps et les cheveux, enrichi de 30 huiles précieuses biologiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🧴 Texture sèche unique\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément sans film gras, pour une hydratation profonde et un fini satiné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n\u003cp\u003eDes notes exotiques de fleurs des îles qui persistent délicatement tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🔬 30 ans d'expertise\u003c\/h3\u003e\n\u003cp\u003eLe savoir-faire Florame en aromathérapie provençale concentré dans une formule d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une crème ?\u003c\/h2\u003e\n\u003cdiv class=\"id-comparison\"\u003e\n\u003cdiv class=\"id-comparison-col id-comparison-oil\"\u003e\n\u003ch3\u003e🌿 Huile sèche\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePénètre instantanément, fini satiné\u003c\/li\u003e\n\u003cli\u003eDépose directement des acides gras essentiels et vitamines liposolubles\u003c\/li\u003e\n\u003cli\u003eRestaure le film hydrolipidique en profondeur\u003c\/li\u003e\n\u003cli\u003eIdéale pour les peaux très sèches\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-comparison-col id-comparison-cream\"\u003e\n\u003ch3\u003e🧴 Crème classique\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eContient souvent eau et émulsifiants\u003c\/li\u003e\n\u003cli\u003eHydratation plus superficielle\u003c\/li\u003e\n\u003cli\u003eEffleure le film hydrolipidique\u003c\/li\u003e\n\u003cli\u003ePeut laisser un résidu sur la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-tip\"\u003e\n\u003cspan class=\"id-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe terme « huile sèche » désigne une huile dont la texture pénètre si rapidement dans la peau qu'elle ne laisse aucune sensation de gras. Vous profitez de tous les bienfaits nourrissants sans les inconvénients d'un toucher huileux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de l'Infusion Divine sur votre peau et vos cheveux\u003c\/h2\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNutrition intense sans briller\u003c\/strong\u003e : les huiles d'argan et de jojoba régulent et nourrissent sans surcharger. Teint lumineux et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort immédiat\u003c\/strong\u003e : tiraillements et sensations d'inconfort disparaissent dès la première application. Convient aux peaux sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection antioxydante\u003c\/strong\u003e : la vitamine E naturelle aide à protéger la peau des agressions extérieures quotidiennes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e💆 Sur le corps\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeau satinée et souple\u003c\/strong\u003e : après la douche, un voile soyeux et un parfum délicat qui persiste toute la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéparation des zones très sèches\u003c\/strong\u003e : coudes, genoux, talons… les zones rugueuses retrouvent leur douceur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorption rapide\u003c\/strong\u003e : habillez-vous immédiatement après, sans aucune trace sur vos vêtements.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrillance et vitalité\u003c\/strong\u003e : sur les longueurs et les pointes, l'huile revigore et répare la fibre capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiscipline des frisottis\u003c\/strong\u003e : quelques gouttes suffisent pour dompter les mèches rebelles sans alourdir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin profond en masque\u003c\/strong\u003e : en bain d'huile la nuit, nourrit intensément les cheveux abîmés ou fragilisés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eUne composition d'exception : 30 huiles biologiques réunies dans un seul flacon\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eFlorame a sélectionné 30 huiles complémentaires, chacune apportant des propriétés spécifiques, pour créer un soin complet et polyvalent.\u003c\/p\u003e\n\u003cdiv class=\"id-composition-block\"\u003e\n\u003ch3 class=\"id-composition-title\"\u003e🌱 Huiles végétales nourrissantes et réparatrices\u003c\/h3\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n\u003cp\u003eRégule le sébum, protège et assouplit la peau sans la graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n\u003cp\u003eRiche en antioxydants, aide à maintenir l'élasticité cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eSource de vitamine E, nourrit en profondeur les peaux desséchées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n\u003cp\u003eTrésor de beauté ancestral, revitalise la peau et renforce les cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-composition-block\"\u003e\n\u003ch3 class=\"id-composition-title\"\u003e🌺 Huiles essentielles et extraits précieux\u003c\/h3\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌸 Frangipanier \u0026amp; tiaré\u003c\/h3\u003e\n\u003cp\u003eParfum exotique délicat et vertus adoucissantes des fleurs des îles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌼 Pétales d'hélichryse rose\u003c\/h3\u003e\n\u003cp\u003ePropriétés régénérantes qui aident à unifier le teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌿 Pétales de calendula\u003c\/h3\u003e\n\u003cp\u003eApaisants et protecteurs, ils calment les peaux réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e💙 Pétales de bleuet\u003c\/h3\u003e\n\u003cp\u003eDécongestionnants et rafraîchissants pour un coup d'éclat immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-tip\"\u003e\n\u003cspan class=\"id-tip-icon\"\u003e🌾\u003c\/span\u003e\n\u003cp\u003eLes pétales de fleurs sont visibles à l'intérieur même du flacon, témoignant de la naturalité absolue de ce soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stats-row\"\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e100 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003ed'ingrédients d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e83 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003eissus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e0 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003eparabènes, silicones, colorants de synthèse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eComment utiliser l'Huile Sèche Infusion Divine au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"id-timeline\"\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e🌸 Soin visage matin et soir\u003c\/h3\u003e\n\u003cp\u003eAprès avoir nettoyé votre visage, déposez \u003cstrong\u003e3 à 4 gouttes\u003c\/strong\u003e au creux de vos paumes et réchauffez-les légèrement. Appliquez par légers tapotements sur le visage, le cou et le décolleté. Utilisez-la seule ou en complément de votre crème de jour pour renforcer l'hydratation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e💆 Soin corps quotidien\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur peau propre et sèche, idéalement juste après la douche lorsque la peau est encore légèrement tiède. Massez par mouvements circulaires en insistant sur les zones les plus sèches : jambes, bras, coudes, genoux. La texture pénètre en quelques secondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEn touche finale :\u003c\/strong\u003e quelques gouttes sur les longueurs et les pointes sèches pour un effet brillance immédiat et discipliner les frisottis.\u003cbr\u003e\u003cstrong\u003eEn masque de nuit :\u003c\/strong\u003e répartissez une quantité généreuse sur l'ensemble de la chevelure, enveloppez dans une serviette et laissez poser toute la nuit. Rincez le matin avec votre shampooing habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003ePour quels types de peau et de cheveux cette huile sèche est-elle adaptée ?\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eGrâce à la synergie de ses 30 huiles soigneusement dosées, l'Infusion Divine s'adapte à la plupart des besoins.\u003c\/p\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n\u003cp\u003eSon terrain de prédilection : elle apporte la nutrition profonde dont les peaux déshydratées ont besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e✨ Peaux normales\u003c\/h3\u003e\n\u003cp\u003eUn voile protecteur et un éclat naturel sans surcharger l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes (soin ciblé)\u003c\/h3\u003e\n\u003cp\u003eUtilisée uniquement sur les zones sèches du visage (joues, contour des yeux) et sur le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs ou abîmés\u003c\/h3\u003e\n\u003cp\u003eRedonne brillance, souplesse et vitalité aux fibres capillaires fragilisées par la chaleur ou les colorations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌟 Cheveux normaux\u003c\/h3\u003e\n\u003cp\u003eEn petite quantité sur les pointes : finition lumineuse et protection contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eUn engagement bio et éthique ancré en Provence\u003c\/h2\u003e\n\u003cdiv class=\"id-provence-block\"\u003e\n\u003cp class=\"id-section-intro\"\u003eFlorame est une maison provençale installée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e depuis 1990. Pionnière de l'aromathérapie biologique en France, la marque cultive un savoir-faire unique dans la distillation des plantes et la formulation de soins naturels certifiés.\u003c\/p\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🏅 Certification COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eGarantie d'un cahier des charges exigeant sur l'origine et la transformation des ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eChaque flacon est élaboré et conditionné en Provence, à Saint-Rémy-de-Provence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e♻️ Démarche éco-responsable\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de filières durables, emballage en verre recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"id-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"id-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"id-section\"\u003e\n\u003cdiv class=\"id-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau, votre corps et vos cheveux le luxe de 30 huiles biologiques d'exception. L'Infusion Divine, un seul geste pour une beauté sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"id-disclaimer\"\u003eCe produit cosmétique est un soin de beauté et ne saurait remplacer un avis ou un traitement dermatologique. En cas de doute ou de réaction cutanée, consultez un professionnel de santé. Tenir hors de portée des enfants. Évitez le contact avec les yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --id-cream: #FFF9F0;\n --id-white: #ffffff;\n --id-primary: #C6891E;\n --id-primary-dark: #8B5E0F;\n --id-primary-light: #FFF3E0;\n --id-secondary: #D4956B;\n --id-accent: #5B6E8A;\n --id-text: #1a1a1a;\n --id-text-light: #5a5a5a;\n --id-border: #EDE0D0;\n --id-shadow: 0 4px 24px rgba(139, 94, 15, .08);\n --id-shadow-lg: 0 12px 48px rgba(139, 94, 15, .15);\n --id-radius: 20px;\n --id-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.id-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--id-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.id-premium *, .id-premium *::before, .id-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.id-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5E0F 0%, #C6891E 40%, #D4956B 75%, #E8B98A 100%);\n border-radius: var(--id-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--id-shadow-lg);\n}\n\n.id-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.id-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.id-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.id-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.id-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.id-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.id-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--id-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.id-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.id-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.id-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--id-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.id-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--id-primary), var(--id-secondary));\n border-radius: 2px;\n}\n\n.id-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--id-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.id-card {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--id-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.id-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--id-shadow-lg);\n border-color: var(--id-primary);\n}\n\n.id-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--id-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.id-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--id-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD ZONE (benefits with lists) === *\/\n.id-card-zone {\n text-align: left;\n}\n\n.id-card-zone h3 {\n text-align: center;\n margin-bottom: 1rem;\n font-size: clamp(17px, 3vw, 20px);\n}\n\n.id-benefits-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.id-benefits-list li {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--id-text-light);\n line-height: 1.6;\n padding-left: 1.25rem;\n position: relative;\n}\n\n.id-benefits-list li::before {\n content: '✦';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--id-primary);\n font-size: 12px;\n}\n\n.id-benefits-list li strong {\n color: var(--id-text);\n}\n\n\/* === GRILLES === *\/\n.id-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.id-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.id-grid-compact .id-card {\n padding: 1rem;\n}\n\n.id-grid-compact .id-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.id-grid-compact .id-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.id-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.id-comparison-col {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--id-shadow);\n}\n\n.id-comparison-col h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.id-comparison-oil {\n border: 2px solid var(--id-primary);\n}\n\n.id-comparison-oil h3 {\n color: var(--id-primary-dark);\n}\n\n.id-comparison-cream {\n border: 2px solid var(--id-border);\n}\n\n.id-comparison-cream h3 {\n color: var(--id-text-light);\n}\n\n.id-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.id-comparison-col ul li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--id-text-light);\n padding-left: 1.5rem;\n position: relative;\n line-height: 1.5;\n}\n\n.id-comparison-oil ul li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--id-primary);\n font-weight: 700;\n}\n\n.id-comparison-cream ul li::before {\n content: '—';\n position: absolute;\n left: 0;\n color: var(--id-border);\n font-weight: 700;\n}\n\n\/* === COMPOSITION BLOCK === *\/\n.id-composition-block {\n margin-bottom: 1.5rem;\n}\n\n.id-composition-title {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--id-primary-dark);\n text-align: center;\n margin: 0 0 1rem 0;\n}\n\n\/* === STATS ROW === *\/\n.id-stats-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.id-stat {\n background: linear-gradient(135deg, var(--id-primary), var(--id-secondary));\n border-radius: var(--id-radius-sm);\n padding: clamp(1rem, 3vw, 1.5rem);\n text-align: center;\n color: white;\n}\n\n.id-stat-number {\n display: block;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n letter-spacing: -.02em;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.id-stat-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n font-weight: 600;\n opacity: .9;\n margin-top: .25rem;\n line-height: 1.3;\n}\n\n\/* === TIMELINE === *\/\n.id-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.id-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.id-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--id-primary), var(--id-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(198, 137, 30, .3);\n}\n\n.id-timeline-content {\n flex: 1;\n background: var(--id-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--id-radius-sm);\n box-shadow: var(--id-shadow);\n}\n\n.id-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--id-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.id-timeline-content p {\n font-size: 14px;\n color: var(--id-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.id-timeline-content strong {\n color: var(--id-text);\n}\n\n\/* === TIP BOX === *\/\n.id-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--id-primary-light);\n border-radius: var(--id-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.id-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.id-tip p {\n font-size: 14px;\n color: var(--id-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.id-testimonial {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--id-shadow);\n border-left: 4px solid var(--id-primary);\n}\n\n.id-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--id-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.id-accordion {\n background: var(--id-white);\n border-radius: var(--id-radius);\n box-shadow: var(--id-shadow);\n overflow: hidden;\n}\n\n.id-accordion-item {\n border-bottom: 1px solid var(--id-border);\n margin: 0;\n padding: 0;\n}\n\n.id-accordion-item:last-child {\n border-bottom: none;\n}\n\n.id-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--id-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.id-accordion-header:hover {\n background: var(--id-primary-light);\n}\n\n.id-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.id-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--id-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.id-accordion-item[open] .id-accordion-header::after {\n content: '−';\n}\n\n.id-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--id-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.id-accordion-content p {\n margin: 0;\n}\n\n\/* === RECAP GRID === *\/\n.id-recap-grid {\n background: var(--id-white);\n border-radius: var(--id-radius);\n box-shadow: var(--id-shadow);\n overflow: hidden;\n}\n\n.id-recap-item {\n display: flex;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--id-border);\n align-items: baseline;\n gap: 1rem;\n}\n\n.id-recap-item:last-child {\n border-bottom: none;\n}\n\n.id-recap-item:nth-child(even) {\n background: var(--id-primary-light);\n}\n\n.id-recap-label {\n font-size: 13px;\n font-weight: 800;\n color: var(--id-primary-dark);\n text-transform: uppercase;\n letter-spacing: .04em;\n min-width: 110px;\n flex-shrink: 0;\n}\n\n.id-recap-value {\n font-size: 14px;\n color: var(--id-text);\n line-height: 1.5;\n}\n\n\/* === CTA FINAL === *\/\n.id-cta-box {\n background: linear-gradient(135deg, var(--id-primary) 0%, var(--id-primary-dark) 100%);\n border-radius: var(--id-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.id-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.id-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.id-disclaimer {\n font-size: 12px;\n color: var(--id-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .id-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .id-card {\n padding: 1.125rem;\n }\n\n .id-section {\n margin-bottom: 1.75rem;\n }\n\n .id-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--id-radius-sm);\n }\n\n .id-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .id-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .id-grid-compact {\n gap: .625rem;\n }\n\n .id-grid-compact .id-card {\n padding: .75rem;\n }\n\n .id-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .id-stats-row {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .id-stat {\n display: flex;\n align-items: center;\n gap: .75rem;\n text-align: left;\n padding: .875rem 1rem;\n }\n\n .id-stat-number {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .id-stat-label {\n margin-top: 0;\n font-size: 12px;\n }\n\n .id-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .id-timeline-content {\n padding: .875rem 1rem;\n }\n\n .id-timeline-content h3 {\n font-size: 14px;\n }\n\n .id-timeline-content p {\n font-size: 13px;\n }\n\n .id-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .id-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .id-testimonial {\n padding: 1.25rem;\n }\n\n .id-testimonial-text {\n font-size: 14px;\n }\n\n .id-recap-item {\n flex-direction: column;\n gap: .25rem;\n padding: .75rem 1rem;\n }\n\n .id-recap-label {\n min-width: unset;\n font-size: 11px;\n }\n\n .id-recap-value {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .id-card {\n animation: idFadeInUp .5s ease backwards;\n }\n .id-card:nth-child(1) { animation-delay: .05s; }\n .id-card:nth-child(2) { animation-delay: .1s; }\n .id-card:nth-child(3) { animation-delay: .15s; }\n .id-card:nth-child(4) { animation-delay: .2s; }\n .id-card:nth-child(5) { animation-delay: .25s; }\n .id-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes idFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .id-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755220590749,"sku":"FM0475","price":21.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-seche-infusion-divine-bio-100-ml-florame-lifestyle.webp?v=1770727699"},{"product_id":"huile-vegetale-onagre-bio-50-ml-florame","title":"Huile Végétale d'Onagre Bio 50 ml - Anti-âge - Florame","description":"\u003cdiv class=\"onagre-premium\"\u003e\n \u003cdiv class=\"onagre-hero\"\u003e\n \u003cdiv class=\"onagre-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"onagre-hero-content\"\u003e\n \u003cdiv class=\"onagre-badges-top\"\u003e\n \u003cspan class=\"onagre-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"onagre-badge\"\u003e✨ Anti-âge\u003c\/span\u003e\n \u003cspan class=\"onagre-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"onagre-badge\"\u003e💧 Pressée à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"onagre-hero-title\"\u003eHuile Végétale d'Onagre Bio\u003c\/span\u003e\n \u003cp class=\"onagre-subtitle\"\u003eLe trésor botanique anti-âge de Florame · 50 ml\u003c\/p\u003e\n \u003cp class=\"onagre-description\"\u003eOffrez à votre peau un véritable soin de jeunesse avec une huile 100 % pure, pressée à froid à partir de graines d'onagre issues de l'agriculture biologique. Un actif précieux pour les peaux matures, sèches ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003ePourquoi l'huile d'onagre est-elle si précieuse ?\u003c\/h2\u003e\n \u003cp class=\"onagre-section-intro\"\u003eL'\u003cstrong\u003eonagre\u003c\/strong\u003e (Oenothera biennis) est une fleur jaune qui s'ouvre à la tombée de la nuit. Ses graines minuscules renferment une huile rare, exceptionnellement riche en \u003cstrong\u003eacide gamma-linolénique (GLA)\u003c\/strong\u003e, un oméga-6 essentiel que la peau peine à produire avec l'âge.\u003c\/p\u003e\n \u003cdiv class=\"onagre-grid-compact\"\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌼 GLA\u003c\/h3\u003e\n \u003cp\u003eAcide gamma-linolénique précieux et rare\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🍃 Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant naturel protecteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e💧 Oméga-6\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e✨ Souplesse\u003c\/h3\u003e\n \u003cp\u003eRedonne élasticité aux tissus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'onagre pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"onagre-grid\"\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge\u003c\/h3\u003e\n \u003cp\u003eAtténue rides, ridules et perte de fermeté pour une peau visiblement plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e💦 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure le film hydrolipidique et apaise instantanément les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌱 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise le renouvellement de la peau et révèle l'éclat naturel du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles, sèches ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e💛 Soin complet\u003c\/h3\u003e\n \u003cp\u003eBénéfique aussi pour les cheveux ternes et les ongles cassants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule pure, sans additif, qui respecte votre peau et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eHuile d'onagre et ménopause : une alliée féminine\u003c\/h2\u003e\n \u003cp class=\"onagre-section-intro\"\u003eL'\u003cstrong\u003ehuile d'onagre ménopause\u003c\/strong\u003e est plébiscitée pour son rôle apaisant sur la peau qui change avec les variations hormonales. En application cutanée, elle aide à compenser la sécheresse et la perte d'élasticité fréquentes à cette période. Beaucoup l'associent à l'\u003cstrong\u003ehuile d'onagre et bourrache\u003c\/strong\u003e pour une synergie complète en acides gras essentiels.\u003c\/p\u003e\n \u003cdiv class=\"onagre-tip\"\u003e\n \u003cspan class=\"onagre-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003eCette huile cosmétique ne remplace en aucun cas un avis médical ou un traitement prescrit par un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'onagre Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"onagre-timeline\"\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e👁️ Soin du visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 4 gouttes sur peau propre, matin et\/ou soir, en massant doucement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e✨ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez une goutte autour de l'œil pour lisser les ridules en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e💁‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les longueurs en bain capillaire 30 minutes avant le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e💅 Ongles et cuticules\u003c\/h3\u003e\n \u003cp\u003eMassez quotidiennement pour les fortifier et retrouver des ongles éclatants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-tip\"\u003e\n \u003cspan class=\"onagre-tip-icon\"\u003e🌟\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e mélangez quelques gouttes à votre crème de nuit ou à une huile végétale de jojoba pour un cocktail régénérant ultra nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"onagre-testimonial\"\u003e\n \u003cp class=\"onagre-testimonial-text\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Oenothera Biennis (Evening Primrose) Oil*.\u003cbr\u003e*Issu de l'agriculture biologique.\u003cbr\u003e\u003cbr\u003eSans conservateur, sans parfum, sans additif. Certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e par Ecocert et labellisée \u003cstrong\u003eCosmebio\u003c\/strong\u003e. Pressée à froid pour préserver l'intégralité de ses acides gras essentiels et de sa vitamine E naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌿 Cosmebio\u003c\/h3\u003e\n \u003cp\u003eLabel cosmétique bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003ePréserve tous les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003e100 % pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"onagre-accordion\"\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e🧴 Usage cosmétique\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage exclusivement cosmétique, en application externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur, idéalement au réfrigérateur après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e👁️ Contact oculaire\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée en cas d'allergie connue à l'un des composants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"onagre-cta-box\"\u003e\n \u003cp\u003eDepuis \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e, Florame élabore des soins biologiques fidèles aux traditions de la cosmétique naturelle. Cette huile onagre aux bienfaits reconnus est fabriquée en France, dans le respect de la plante et de votre peau. Un geste beauté authentique, sain et engagé pour révéler votre éclat naturel jour après jour. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --onagre-cream: #faf9f2;\n --onagre-white: #ffffff;\n --onagre-primary: #c5d63a;\n --onagre-primary-dark: #7a8a1f;\n --onagre-primary-light: #f3f7d4;\n --onagre-secondary: #e8b830;\n --onagre-accent: #a89a4a;\n --onagre-text: #2a2a1a;\n --onagre-text-light: #6a6a55;\n --onagre-border: #e6e4d0;\n --onagre-shadow: 0 4px 24px rgba(122, 138, 31, .08);\n --onagre-shadow-lg: 0 12px 48px rgba(122, 138, 31, .18);\n --onagre-radius: 20px;\n --onagre-radius-sm: 12px;\n}\n\n.onagre-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--onagre-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--onagre-text);\n line-height: 1.6;\n}\n\n.onagre-hero {\n position: relative;\n background: linear-gradient(135deg, #c5d63a 0%, #a8bd2c 50%, #7a8a1f 100%);\n border-radius: var(--onagre-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(--onagre-shadow-lg);\n}\n\n.onagre-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 100px 100px, 60px 60px;\n}\n\n.onagre-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.onagre-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.onagre-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.onagre-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n margin: 0 auto;\n max-width: 700px;\n opacity: .92;\n line-height: 1.7;\n}\n\n.onagre-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.onagre-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(--onagre-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.onagre-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.onagre-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.onagre-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--onagre-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.onagre-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(--onagre-primary), var(--onagre-secondary));\n border-radius: 2px;\n}\n\n.onagre-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--onagre-text-light);\n margin-bottom: 1.5rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.onagre-card {\n background: var(--onagre-white);\n border-radius: var(--onagre-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--onagre-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.onagre-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--onagre-shadow-lg);\n border-color: var(--onagre-primary);\n}\n\n.onagre-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--onagre-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.onagre-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--onagre-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.onagre-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.onagre-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.onagre-grid-compact .onagre-card {\n padding: 1rem;\n}\n\n.onagre-grid-compact .onagre-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.onagre-grid-compact .onagre-card p {\n font-size: 12px;\n}\n\n.onagre-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.onagre-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.onagre-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--onagre-primary), var(--onagre-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(197, 214, 58, .35);\n}\n\n.onagre-timeline-content {\n flex: 1;\n background: var(--onagre-white);\n padding: 1rem 1.25rem;\n border-radius: var(--onagre-radius-sm);\n box-shadow: var(--onagre-shadow);\n}\n\n.onagre-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--onagre-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.onagre-timeline-content p {\n font-size: 14px;\n color: var(--onagre-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.onagre-testimonial {\n background: var(--onagre-white);\n border-radius: var(--onagre-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--onagre-shadow);\n border-left: 4px solid var(--onagre-primary);\n}\n\n.onagre-testimonial-text {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--onagre-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.onagre-accordion {\n background: var(--onagre-white);\n border-radius: var(--onagre-radius);\n box-shadow: var(--onagre-shadow);\n overflow: hidden;\n}\n\n.onagre-accordion-item {\n border-bottom: 1px solid var(--onagre-border);\n margin: 0;\n padding: 0;\n}\n\n.onagre-accordion-item:last-child {\n border-bottom: none;\n}\n\n.onagre-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--onagre-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.onagre-accordion-header:hover {\n background: var(--onagre-primary-light);\n}\n\n.onagre-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.onagre-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--onagre-primary);\n transition: transform .2s ease;\n}\n\n.onagre-accordion-item[open] .onagre-accordion-header::after {\n content: '−';\n}\n\n.onagre-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--onagre-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.onagre-accordion-content p {\n margin: 0;\n}\n\n.onagre-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--onagre-primary-light);\n border-radius: var(--onagre-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--onagre-primary);\n}\n\n.onagre-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.onagre-tip p {\n font-size: 14px;\n color: var(--onagre-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.onagre-cta-box {\n background: linear-gradient(135deg, var(--onagre-primary) 0%, var(--onagre-primary-dark) 100%);\n border-radius: var(--onagre-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--onagre-shadow-lg);\n}\n\n.onagre-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.onagre-cta-box strong {\n font-weight: 800;\n}\n\n@media (max-width: 767px) {\n .onagre-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .onagre-card {\n padding: 1.125rem;\n }\n .onagre-section {\n margin-bottom: 1.75rem;\n }\n .onagre-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--onagre-radius-sm);\n }\n .onagre-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .onagre-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .onagre-grid-compact {\n gap: .625rem;\n }\n .onagre-grid-compact .onagre-card {\n padding: .75rem;\n }\n .onagre-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .onagre-timeline-content {\n padding: .875rem 1rem;\n }\n .onagre-timeline-content h3 {\n font-size: 14px;\n }\n .onagre-timeline-content p {\n font-size: 13px;\n }\n .onagre-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .onagre-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .onagre-testimonial {\n padding: 1.25rem;\n }\n .onagre-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .onagre-card {\n animation: fadeInUp .5s ease backwards;\n }\n .onagre-card:nth-child(1) { animation-delay: .05s; }\n .onagre-card:nth-child(2) { animation-delay: .1s; }\n .onagre-card:nth-child(3) { animation-delay: .15s; }\n .onagre-card:nth-child(4) { animation-delay: .2s; }\n .onagre-card:nth-child(5) { animation-delay: .25s; }\n .onagre-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .onagre-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755221508253,"sku":"FM0290","price":11.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-donagre-bio-50-ml-anti-age-florame-packshothd.webp?v=1777801591"},{"product_id":"huile-sos-apaisante-bio-100-ml-acorelle","title":"Huile Sos Apaisante Bio - 100 Ml - Acorelle","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🐰 Vegan\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003eHuile SOS Apaisante Bio\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eAcorelle • 100 ml\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003eLe concentré d'huiles précieuses qui apaise, répare et sublime votre peau après chaque épilation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eHuile SOS Apaisante Bio Acorelle : le soin réparateur après épilation\u003c\/h2\u003e\n\u003cdiv class=\"sos-intro-card\"\u003e\n\u003cp\u003eVotre peau tiraille, rougit ou vous démange après l'épilation ? Vous cherchez \u003cstrong\u003equelle huile après épilation\u003c\/strong\u003e choisir pour apaiser immédiatement ces inconforts ? L'\u003cstrong\u003eHuile SOS Apaisante Bio d'Acorelle\u003c\/strong\u003e est la réponse à vos besoins.\u003c\/p\u003e\n\u003cp\u003eCe concentré d'huiles végétales précieuses associe les vertus réparatrices du \u003cstrong\u003erosier muscat\u003c\/strong\u003e, de l'\u003cstrong\u003eargan\u003c\/strong\u003e et du \u003cstrong\u003eBoswellia Serrata\u003c\/strong\u003e pour offrir à votre peau un soin complet, naturel et véritablement efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi utiliser une huile après épilation ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eL'épilation, qu'elle soit à la cire, au rasoir ou à l'épilateur électrique, constitue une agression pour votre peau. Les follicules pileux irrités provoquent souvent :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🔴 Rougeurs\u003c\/h3\u003e\n\u003cp\u003ePersistantes et visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😣 Tiraillements\u003c\/h3\u003e\n\u003cp\u003eSensations désagréables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🤚 Démangeaisons\u003c\/h3\u003e\n\u003cp\u003eParfois intenses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏜️ Dessèchement\u003c\/h3\u003e\n\u003cp\u003ePeau inconfortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement à l'\u003cstrong\u003ehuile de coco après épilation\u003c\/strong\u003e utilisée seule, qui peut parfois être comédogène, cette huile SOS combine plusieurs actifs synergiques pour une action apaisante et réparatrice immédiate, sans boucher les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes trésors végétaux de cette huile apaisante\u003c\/h2\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🌹 Huile de Rosier Muscat Bio\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eLa régénératrice\u003c\/p\u003e\n\u003cp\u003eVéritable or liquide pour la peau, naturellement riche en \u003cstrong\u003eoméga 3 et 6\u003c\/strong\u003e. Ces acides gras essentiels favorisent la régénération cellulaire et restaurent la souplesse cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🥜 Huile d'Argan Bio\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eLa protectrice\u003c\/p\u003e\n\u003cp\u003eRestaure la fonction barrière de l'épiderme tout en apportant une nutrition profonde. Ses propriétés anti-oxydantes préservent le capital jeunesse de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🌳 Extrait de Boswellia Serrata\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eL'apaisant\u003c\/p\u003e\n\u003cp\u003eCet extrait de résine possède des \u003cstrong\u003evertus apaisantes remarquables\u003c\/strong\u003e. Associé au bisabolol, il calme les rougeurs quasi instantanément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eUne huile multi-usages pour toutes les situations\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eCette huile SOS ne se limite pas à un usage post-épilatoire. Voici toutes les occasions où elle deviendra votre alliée :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✨ Après épilation cire\u003c\/h3\u003e\n\u003cp\u003eApaise immédiatement les irritations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👙 Après épilation maillot\u003c\/h3\u003e\n\u003cp\u003eCalme cette zone particulièrement sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☀️ Après soleil\u003c\/h3\u003e\n\u003cp\u003eNourrit et répare la peau asséchée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🚿 Soin quotidien\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, satine et protège\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e💧 Zones sèches\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons retrouvent leur douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser l'Huile SOS Apaisante ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eAprès l'épilation\u003c\/h3\u003e\n\u003cp\u003ePrélevez quelques gouttes dans le creux de votre main et massez délicatement la zone épilée. Insistez sur les parties les plus sensibles comme le maillot ou les aisselles. L'effet apaisant est quasi immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eEn soin corporel quotidien\u003c\/h3\u003e\n\u003cp\u003eAppliquez l'huile sur peau légèrement humide après la douche. Cette technique permet une meilleure pénétration des actifs et laisse un film protecteur satiné sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eEn soin ciblé\u003c\/h3\u003e\n\u003cp\u003eMassez les zones particulièrement sèches ou irritées matin et soir jusqu'à amélioration visible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eUn parfum délicat et 100% naturel\u003c\/h2\u003e\n\u003cdiv class=\"sos-fragrance-card\"\u003e\n\u003cdiv class=\"sos-fragrance-notes\"\u003e\n\u003cspan class=\"sos-note\"\u003e🌹 Rose\u003c\/span\u003e \u003cspan class=\"sos-note\"\u003e🍦 Vanille\u003c\/span\u003e \u003cspan class=\"sos-note\"\u003e🪵 Santal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eAu-delà de son efficacité, cette huile offre une véritable expérience sensorielle. Son parfum aux notes de \u003cstrong\u003erose, de vanille et de santal\u003c\/strong\u003e enveloppe votre peau d'une fragrance douce et réconfortante. Entièrement composé d'ingrédients naturels, ce parfum subtil ne masque pas mais accompagne délicatement votre soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"sos-stats-bar\"\u003e\n\u003cdiv class=\"sos-stat\"\u003e\n\u003cspan class=\"sos-stat-number\"\u003e100%\u003c\/span\u003e \u003cspan class=\"sos-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-stat\"\u003e\n\u003cspan class=\"sos-stat-number\"\u003e52%\u003c\/span\u003e \u003cspan class=\"sos-stat-label\"\u003eAgriculture bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🌻 Huiles végétales nourrissantes\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHelianthus Annuus Seed Oil*\u003c\/strong\u003e : huile de tournesol bio, base nourrissante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRosa Canina Fruit Oil*\u003c\/strong\u003e : huile de rosier muscat bio, régénérante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgania Spinosa Kernel Oil*\u003c\/strong\u003e : huile d'argan bio, protectrice\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧴 Agents de texture \u0026amp; émollients\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCaprylic\/Capric Triglycerides\u003c\/strong\u003e : émollient d'origine végétale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoco-Caprylate\u003c\/strong\u003e : agent de texture d'origine coco\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSqualane\u003c\/strong\u003e : hydratant biomimétique\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIsostearyl Alcohol\u003c\/strong\u003e : émollient végétal\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e✨ Actifs apaisants\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBoswellia Serrata Gum\u003c\/strong\u003e : extrait apaisant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol*\u003c\/strong\u003e : actif anti-rougeurs\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTocopherol\u003c\/strong\u003e : vitamine E, antioxydant\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🌸 Parfum naturel\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum\u003c\/strong\u003e : fragrance 100% naturelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitronellol, Linalool\u003c\/strong\u003e : composants naturels du parfum\u003c\/li\u003e\n\u003c\/ul\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\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sos-warning-grid\"\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e👁️\u003c\/span\u003e\n\u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e✋\u003c\/span\u003e\n\u003cp\u003eAppliquez uniquement sur une peau saine, non lésée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e🚫\u003c\/span\u003e\n\u003cp\u003eUsage externe uniquement, ne pas avaler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e🌡️\u003c\/span\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes engagements Acorelle\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eEn choisissant cette huile SOS, vous optez pour une marque française engagée dans une cosmétique responsable :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eFormulation bio exigeante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e♻️ Flacon verre\u003c\/h3\u003e\n\u003cp\u003eRecyclable \u0026amp; protecteur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🎋 Bouchon bambou\u003c\/h3\u003e\n\u003cp\u003eNaturel \u0026amp; durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe format généreux de \u003cstrong\u003e100 ml\u003c\/strong\u003e vous accompagne pendant plusieurs mois, que ce soit pour un usage post-épilatoire ponctuel ou un soin corporel quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sos-cream: #FDF9F5;\n --sos-white: #ffffff;\n --sos-primary: #C9A87C;\n --sos-primary-dark: #8B7355;\n --sos-primary-light: #F5EDE4;\n --sos-secondary: #E8D4C4;\n --sos-accent: #D4A574;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e8e0d8;\n --sos-shadow: 0 4px 24px rgba(139,115,85,.08);\n --sos-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A87C 0%, #E8D4C4 50%, #D4A574 100%);\n border-radius: var(--sos-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(--sos-shadow-lg);\n}\n\n.sos-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-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(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-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.sos-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.sos-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-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.sos-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(--sos-primary), var(--sos-accent));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.sos-intro-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-intro-card p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.sos-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-primary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sos-card-featured {\n text-align: left;\n}\n\n.sos-card-subtitle {\n display: inline-block;\n font-size: 12px !important;\n font-weight: 700;\n color: var(--sos-primary) !important;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .75rem !important;\n padding: 4px 10px;\n background: var(--sos-primary-light);\n border-radius: 999px;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.sos-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sos-primary-light);\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sos-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sos-tip p {\n font-size: 14px;\n color: var(--sos-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-primary), var(--sos-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.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FRAGRANCE CARD === *\/\n.sos-fragrance-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n text-align: center;\n}\n\n.sos-fragrance-notes {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: .75rem;\n margin-bottom: 1.5rem;\n}\n\n.sos-note {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: linear-gradient(135deg, var(--sos-primary-light), var(--sos-secondary));\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n}\n\n.sos-fragrance-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sos-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === STATS BAR === *\/\n.sos-stats-bar {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 1.5rem;\n flex-wrap: wrap;\n}\n\n.sos-stat {\n text-align: center;\n}\n\n.sos-stat-number {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--sos-primary);\n line-height: 1;\n}\n\n.sos-stat-label {\n font-size: 13px;\n color: var(--sos-text-light);\n font-weight: 600;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-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.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-primary);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sos-accordion-content p {\n margin: .5rem 0 0 0;\n}\n\n.sos-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.sos-accordion-content li {\n margin-bottom: .5rem;\n}\n\n\/* === WARNING GRID === *\/\n.sos-warning-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sos-warning-item {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n background: var(--sos-white);\n padding: 1rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-warning-item span {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.sos-warning-item p {\n font-size: 13px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-card-featured {\n text-align: center;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-intro-card {\n padding: 1.25rem;\n }\n \n .sos-fragrance-card {\n padding: 1.25rem;\n }\n \n .sos-note {\n padding: 8px 14px;\n font-size: 13px;\n }\n \n .sos-stats-bar {\n gap: 1.5rem;\n }\n \n .sos-warning-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .sos-warning-item {\n padding: .875rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sos-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5) { animation-delay: .25s; }\n .sos-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45755255619741,"sku":"LL0100","price":31.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-sos-apaisante-bio-100-ml-acorelle-lifestyle.webp?v=1769502690"},{"product_id":"huile-de-sesame-oriental-epice-bio-50-ml","title":"Huile de Sesame Oriental épicé bio - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame Oriental épicé bio - Arc en Sels\nPalette détectée:\n - Primaire: #2B4A6F (bleu marine du logo Arc en Sels)\n - Secondaire: #C9A962 (doré\/ocre des graines de sésame et accents orientaux)\n - Accent: #7A9E3D (vert des feuilles de menthe\/herbes)\n - Huile: #D4C94A (jaune doré de l'huile de sésame)\nAmbiance: Orientale raffinée, naturelle\/bio, féminine et sensorielle, éthique\/équitable\nPréfixe CSS: hso\n--\u003e\n\n\u003cdiv class=\"hso-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"hso-hero\"\u003e\n \u003cdiv class=\"hso-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hso-hero-content\"\u003e\n \u003cdiv class=\"hso-badges-top\"\u003e\n \u003cspan class=\"hso-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"hso-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"hso-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hso-hero-title\"\u003eHuile de Sésame\u003cbr\u003eOriental épicé\u003c\/span\u003e\n \u003cp class=\"hso-subtitle\"\u003eUne invitation sensorielle aux parfums d'Orient\u003c\/p\u003e\n \u003cp class=\"hso-description\"\u003eHuile précieuse issue d'une coopérative féminine du Burkina Faso,\u003cbr\u003epour nourrir, apaiser et sublimer votre peau et vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de cette huile de sésame précieuse\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌸 Adoucissante \u0026amp; nourrissante\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles et soulage les sensations de tiraillement pour un confort absolu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e💎 Riche en vitamine E\u003c\/h3\u003e\n \u003cp\u003ePréserve l'élasticité et la souplesse de votre peau grâce à ses minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eNotes subtiles d'épices orientales pour une expérience sensorielle unique à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eSésamoline et lécithine naturelles pour protéger votre peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient au visage, corps et cheveux, même pour les peaux délicates et les enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eAide à maintenir la jeunesse cutanée et préserver l'éclat naturel de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e💆‍♀️ Utilisations multiples\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e🧴 Soin du corps\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations, nourrit en profondeur et protège des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e✨ Soin du visage\u003c\/h3\u003e\n \u003cp\u003eHydrate, assouplit et redonne éclat aux peaux normales à sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e💇‍♀️ Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRedonne force, douceur et brillance. Protège les cheveux colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-highlight\"\u003e\n \u003ch3\u003e💆 Massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDétend, relaxe et favorise l'assouplissement musculaire et cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"hso-steps\"\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez en massage doux après la douche ou le bain, sur peau sèche ou légèrement humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour le visage\u003c\/h3\u003e\n \u003cp\u003eChauffez quelques gouttes dans vos mains et appliquez sur peau propre, matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-step\"\u003e\n \u003cdiv class=\"hso-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hso-step-content\"\u003e\n \u003ch3\u003ePour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampoing, laissez poser 20 à 30 minutes puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e🌱 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid\"\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eBase précieuse, première pression à froid, sans solvant ni élévation de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Parfum naturel d'épices\u003c\/h3\u003e\n \u003cp\u003eNotes orientales subtiles pour une expérience sensorielle envoûtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card hso-card-ingredient\"\u003e\n \u003ch3\u003e💊 Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003e20 à 50 mg\/100g pour une action antioxydante puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-composition-details\"\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eAgriculture bio \u0026amp; équitable\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e97,3%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-detail-item\"\u003e\n \u003cspan class=\"hso-detail-label\"\u003eAcides gras insaturés\u003c\/span\u003e\n \u003cspan class=\"hso-detail-value\"\u003e80-85%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE \u0026 ÉTHIQUE --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e🤝 Origine \u0026amp; engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"hso-ethique-box\"\u003e\n \u003cdiv class=\"hso-ethique-content\"\u003e\n \u003cp\u003eCette huile est le fruit d'un \u003cstrong\u003epartenariat éthique\u003c\/strong\u003e avec une coopérative féminine du Burkina Faso. Chaque flacon contribue à l'autonomisation des femmes et au développement durable des communautés locales.\u003c\/p\u003e\n \u003cdiv class=\"hso-ethique-badges\"\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e🌍 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e👩‍🌾 Coopérative féminine\u003c\/span\u003e\n \u003cspan class=\"hso-ethique-badge\"\u003e🌿 Traçabilité garantie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"hso-grid-compact\"\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🧴 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml en verre recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🎯 Type de peau\u003c\/h3\u003e\n \u003cp\u003eNormales à sèches\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🏆 Certification\u003c\/h3\u003e\n \u003cp\u003eEcocert \u0026amp; Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hso-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eBurkina Faso\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON --\u003e\n \u003csection class=\"hso-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hso-accordion\"\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. L'huile de sésame se conserve naturellement bien grâce à ses antioxydants naturels (sésamoline, lécithine).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Convient à tous les types de peau, y compris les peaux sensibles et les enfants. Ce produit ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hso-accordion-item\"\u003e\n \u003csummary class=\"hso-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"hso-accordion-content\"\u003e\n \u003cp\u003eHuile obtenue par première pression à froid, sans aucun solvant ni élévation de température, pour préserver tous ses actifs naturels. Cosmétique écologique et biologique certifiée par Ecocert Greenlife.\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=\"hso-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hso-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau et vos cheveux un voyage sensoriel aux parfums d'Orient.\u003cbr\u003eUne huile précieuse, éthique et certifiée bio pour sublimer votre beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hso-cream: #FBF9F6;\n --hso-white: #ffffff;\n --hso-primary: #2B4A6F;\n --hso-primary-dark: #1E3550;\n --hso-primary-light: #E8EEF4;\n --hso-secondary: #C9A962;\n --hso-accent: #7A9E3D;\n --hso-gold: #D4C94A;\n --hso-text: #1a1a1a;\n --hso-text-light: #5a5a5a;\n --hso-border: #e0e0e0;\n --hso-shadow: 0 4px 24px rgba(43, 74, 111, .08);\n --hso-shadow-lg: 0 12px 48px rgba(43, 74, 111, .15);\n --hso-radius: 20px;\n --hso-radius-sm: 12px;\n}\n\n.hso-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hso-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hso-hero {\n position: relative;\n background: linear-gradient(135deg, var(--hso-primary) 0%, #3D5A7A 40%, var(--hso-secondary) 100%);\n border-radius: var(--hso-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(--hso-shadow-lg);\n}\n\n.hso-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.hso-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hso-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.hso-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(--hso-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hso-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hso-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.hso-subtitle {\n color: var(--hso-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.hso-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.hso-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hso-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hso-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.hso-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(--hso-primary), var(--hso-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.hso-card {\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hso-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hso-shadow-lg);\n border-color: var(--hso-primary);\n}\n\n.hso-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hso-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hso-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hso-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hso-card-highlight {\n background: linear-gradient(135deg, var(--hso-white) 0%, var(--hso-primary-light) 100%);\n border-left: 4px solid var(--hso-secondary);\n}\n\n.hso-card-ingredient {\n background: linear-gradient(135deg, #FFFDF5 0%, #FFF8E7 100%);\n border-top: 4px solid var(--hso-secondary);\n}\n\n\/* === GRILLES === *\/\n.hso-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hso-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hso-grid-compact .hso-card {\n padding: 1rem;\n}\n\n.hso-grid-compact .hso-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hso-grid-compact .hso-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.hso-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hso-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n transition: all .3s ease;\n}\n\n.hso-step:hover {\n transform: translateX(8px);\n box-shadow: var(--hso-shadow-lg);\n}\n\n.hso-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(43, 74, 111, .3);\n}\n\n.hso-step-content h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hso-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.hso-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hso-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION DETAILS === *\/\n.hso-composition-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-top: 1.5rem;\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hso-shadow);\n}\n\n.hso-detail-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .25rem;\n}\n\n.hso-detail-label {\n font-size: 13px;\n color: var(--hso-text-light);\n font-weight: 500;\n}\n\n.hso-detail-value {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: var(--hso-primary);\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n\/* === ÉTHIQUE BOX === *\/\n.hso-ethique-box {\n background: linear-gradient(135deg, var(--hso-primary-light) 0%, #F5F0E6 100%);\n border-radius: var(--hso-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-left: 5px solid var(--hso-accent);\n box-shadow: var(--hso-shadow);\n}\n\n.hso-ethique-content p {\n font-size: clamp(14px, 2.5vw, 17px);\n color: var(--hso-text);\n line-height: 1.8;\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.hso-ethique-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.hso-ethique-badge {\n padding: .5rem 1rem;\n background: var(--hso-white);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hso-accent);\n box-shadow: 0 2px 8px rgba(0,0,0,.08);\n}\n\n\/* === ACCORDÉON === *\/\n.hso-accordion {\n background: var(--hso-white);\n border-radius: var(--hso-radius);\n box-shadow: var(--hso-shadow);\n overflow: hidden;\n}\n\n.hso-accordion-item {\n border-bottom: 1px solid var(--hso-border);\n margin: 0;\n padding: 0;\n}\n\n.hso-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hso-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hso-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.hso-accordion-header:hover {\n background: var(--hso-primary-light);\n}\n\n.hso-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hso-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hso-primary);\n transition: transform .2s ease;\n}\n\n.hso-accordion-item[open] .hso-accordion-header::after {\n content: '−';\n}\n\n.hso-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hso-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hso-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.hso-cta-box {\n background: linear-gradient(135deg, var(--hso-primary) 0%, var(--hso-secondary) 100%);\n border-radius: var(--hso-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hso-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.hso-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hso-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hso-card {\n padding: 1.125rem;\n }\n \n .hso-section {\n margin-bottom: 1.75rem;\n }\n \n .hso-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hso-radius-sm);\n }\n \n .hso-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hso-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hso-grid-compact {\n gap: .625rem;\n }\n \n .hso-grid-compact .hso-card {\n padding: .75rem;\n }\n \n .hso-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .hso-step:hover {\n transform: translateY(-4px);\n }\n \n .hso-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .hso-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hso-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hso-composition-details {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .hso-ethique-badges {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hso-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hso-card:nth-child(1) { animation-delay: .05s; }\n .hso-card:nth-child(2) { animation-delay: .1s; }\n .hso-card:nth-child(3) { animation-delay: .15s; }\n .hso-card:nth-child(4) { animation-delay: .2s; }\n .hso-card:nth-child(5) { animation-delay: .25s; }\n .hso-card:nth-child(6) { animation-delay: .3s; }\n \n .hso-step {\n animation: fadeInUp .5s ease backwards;\n }\n .hso-step:nth-child(1) { animation-delay: .1s; }\n .hso-step:nth-child(2) { animation-delay: .2s; }\n .hso-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hso-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .hso-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755282325661,"sku":"HUILESESAMEORARC","price":14.11,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-oriental-epice-bio-50-ml-arc-en-sels-lifestyle.webp?v=1768500665"},{"product_id":"huile-vegetale-de-jojoba-bio-50-ou-100-ml-florame","title":"Huile Végétale de Jojoba Bio - 50 ml - Florame","description":"\u003cdiv class=\"jj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jj-hero\"\u003e\n \u003cdiv class=\"jj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jj-hero-content\"\u003e\n \u003cdiv class=\"jj-badges-top\"\u003e\n \u003cspan class=\"jj-badge\"\u003e🌿 Certifiée COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🌱 100 % naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jj-hero-title\"\u003eHuile Végétale de Jojoba Bio\u003c\/span\u003e\n \u003cp class=\"jj-subtitle\"\u003eFlorame — 50 ml\u003c\/p\u003e\n \u003cp class=\"jj-description\"\u003eLe soin multi-usage par excellence : visage, cheveux, corps et ongles réunis en un seul flacon d'exception pressé à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eL'huile végétale de Jojoba Bio : le soin multi-usage par excellence\u003c\/h2\u003e\n \u003cdiv class=\"jj-testimonial\"\u003e\n \u003cp class=\"jj-testimonial-text\"\u003eVous cherchez une \u003cstrong\u003ehuile de jojoba bio\u003c\/strong\u003e capable de prendre soin de votre peau, de vos cheveux et même de vos ongles en un seul geste ? L'\u003cstrong\u003eHuile Végétale de Jojoba Bio Florame\u003c\/strong\u003e est un incontournable de la cosmétique naturelle. Pressée à froid à partir de graines de jojoba issues de l'agriculture biologique, elle conserve l'intégralité de ses actifs précieux pour vous offrir un soin d'une efficacité remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-tip\"\u003e\n \u003cspan class=\"jj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa composition est très proche du \u003cstrong\u003esébum humain\u003c\/strong\u003e. C'est ce qui la rend si bien tolérée par toutes les peaux — même les plus sensibles ou réactives — et si efficace pour \u003cstrong\u003erééquilibrer naturellement\u003c\/strong\u003e la production de sébum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de jojoba bio pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"jj-grid\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e⚖️ Régulatrice de sébum\u003c\/h3\u003e\n \u003cp\u003eElle aide les peaux grasses et mixtes à retrouver leur équilibre sans obstruer les pores. Idéale contre les imperfections et l'acné, elle peut devenir votre meilleure alliée quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💧 Hydratante sans effet gras\u003c\/h3\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile végétale de jojoba bio\u003c\/strong\u003e pénètre rapidement et laisse la peau douce, souple, sans aucun film collant ni résidu désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e✨ Anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et en acides gras insaturés (notamment l'acide gadoléique), elle aide à prévenir l'apparition des rides et ridules en protégeant la peau de la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les tiraillements, les rougeurs et les irritations, ce qui la rend idéale pour les peaux sèches ou sensibles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eUn soin capillaire complet\u003c\/h2\u003e\n \u003cp class=\"jj-section-intro\"\u003eL'\u003cstrong\u003ehuile de jojoba bio pressée à froid\u003c\/strong\u003e fait aussi des merveilles sur les cheveux. Elle régule le cuir chevelu gras en limitant l'excès de sébum, tout en nourrissant intensément les longueurs sèches, abîmées ou cassantes.\u003c\/p\u003e\n \u003cdiv class=\"jj-grid-compact\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum pour des racines fraîches plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💇 Longueurs \u0026amp; pointes\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément pour des cheveux plus souples, brillants et en meilleure santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💅 Ongles cassants\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles fragiles et nourrit les cuticules sèches en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🌟 Résultat visible\u003c\/h3\u003e\n \u003cp\u003eDes cheveux visiblement plus sains, une chevelure revitalisée dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de jojoba bio Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"jj-timeline\"\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🧴 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur peau propre et légèrement humide, matin et\/ou soir. Massez en mouvements circulaires jusqu'à pénétration complète. Vous pouvez aussi l'ajouter à votre crème de jour pour un boost d'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing, appliquez généreusement sur les longueurs et les pointes. Laissez poser 30 minutes minimum (ou toute la nuit sous une serviette), puis lavez normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🛁 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez quelques gouttes sur peau encore humide pour sceller l'hydratation. Concentrez-vous sur les zones les plus sèches : coudes, genoux, pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🪷 Démaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur un coton ou directement sur le visage permettent de dissoudre le maquillage, même waterproof, tout en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"jj-accordion\"\u003e\n \u003cdetails class=\"jj-accordion-item\" open\u003e\n \u003csummary class=\"jj-accordion-header\"\u003e🧬 Ingrédient unique\u003c\/summary\u003e\n \u003cdiv class=\"jj-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eSimmondsia Chinensis (Jojoba) Seed Oil*\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e*Ingrédient issu de l'agriculture biologique. Formule 100 % d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eEngagements qualité Florame\u003c\/h2\u003e\n \u003cp class=\"jj-section-intro\"\u003eFormulée à Saint-Rémy-de-Provence, cette \u003cstrong\u003ehuile végétale bio de jojoba\u003c\/strong\u003e est certifiée \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e. Elle est garantie :\u003c\/p\u003e\n \u003cdiv class=\"jj-grid-compact\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n \u003cp\u003eNi silicone, ni phénoxyéthanol dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux, sans ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e♻️ Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eAvec pompe pour une utilisation précise et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertification exigeante garantissant la qualité biologique de chaque ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"jj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jj-cta-box\"\u003e\n \u003cp\u003e🌿 En choisissant cette huile de jojoba bio Florame, vous optez pour un soin polyvalent, efficace et respectueux de votre peau comme de l'environnement. Un seul flacon pour remplacer plusieurs produits : votre routine beauté n'a jamais été aussi simple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jj-disclaimer\"\u003eVous souffrez d'acné et souhaitez en savoir plus ? Découvrez comment \u003ca title=\"Huile de jojoba et acné du visage\" href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/huile-dargan-vs-huile-de-jojoba-match-ultime-contre-acne\"\u003el'huile de jojoba peut vous aider à lutter contre l'acné du visage\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --jj-cream: #faf8f3;\n --jj-white: #ffffff;\n --jj-primary: #b89a3a;\n --jj-primary-dark: #7a6520;\n --jj-primary-light: #f5f0df;\n --jj-secondary: #6a8c3a;\n --jj-accent: #d4a843;\n --jj-text: #1a1a1a;\n --jj-text-light: #5a5a5a;\n --jj-border: #e6e0cf;\n --jj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --jj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --jj-radius: 20px;\n --jj-radius-sm: 12px;\n}\n\n.jj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jj-hero {\n position: relative;\n background: linear-gradient(135deg, #7a6520 0%, #b89a3a 50%, #6a8c3a 100%);\n border-radius: var(--jj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--jj-shadow-lg);\n}\n\n.jj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.jj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.jj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.jj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.jj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.jj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--jj-primary), var(--jj-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.jj-card {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jj-shadow-lg);\n border-color: var(--jj-primary);\n}\n\n.jj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.jj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.jj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jj-grid-compact .jj-card {\n padding: 1rem;\n}\n\n.jj-grid-compact .jj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jj-grid-compact .jj-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.jj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jj-primary), var(--jj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.jj-timeline-content {\n flex: 1;\n background: var(--jj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jj-radius-sm);\n box-shadow: var(--jj-shadow);\n}\n\n.jj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jj-timeline-content p {\n font-size: 14px;\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.jj-testimonial {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jj-shadow);\n border-left: 4px solid var(--jj-primary);\n}\n\n.jj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.jj-accordion {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n box-shadow: var(--jj-shadow);\n overflow: hidden;\n}\n\n.jj-accordion-item {\n border-bottom: 1px solid var(--jj-border);\n margin: 0;\n padding: 0;\n}\n\n.jj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.jj-accordion-header:hover {\n background: var(--jj-primary-light);\n}\n\n.jj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jj-primary);\n transition: transform .2s ease;\n}\n\n.jj-accordion-item[open] .jj-accordion-header::after {\n content: '−';\n}\n\n.jj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jj-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.jj-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.jj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--jj-primary-light);\n border-radius: var(--jj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.jj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.jj-tip p {\n font-size: 14px;\n color: var(--jj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.jj-cta-box {\n background: linear-gradient(135deg, var(--jj-primary) 0%, var(--jj-primary-dark) 100%);\n border-radius: var(--jj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.jj-disclaimer {\n font-size: 12px;\n color: var(--jj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.jj-disclaimer a {\n color: var(--jj-primary);\n text-decoration: underline;\n transition: color .2s ease;\n}\n\n.jj-disclaimer a:hover {\n color: var(--jj-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.jj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jj-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .jj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jj-card {\n padding: 1.125rem;\n }\n\n .jj-section {\n margin-bottom: 1.75rem;\n }\n\n .jj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jj-radius-sm);\n }\n\n .jj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jj-grid-compact {\n gap: .625rem;\n }\n\n .jj-grid-compact .jj-card {\n padding: .75rem;\n }\n\n .jj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jj-timeline-content h3 {\n font-size: 14px;\n }\n\n .jj-timeline-content p {\n font-size: 13px;\n }\n\n .jj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .jj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .jj-testimonial {\n padding: 1.25rem;\n }\n\n .jj-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jj-card {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-card:nth-child(1) { animation-delay: .05s; }\n .jj-card:nth-child(2) { animation-delay: .1s; }\n .jj-card:nth-child(3) { animation-delay: .15s; }\n .jj-card:nth-child(4) { animation-delay: .2s; }\n .jj-card:nth-child(5) { animation-delay: .25s; }\n .jj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes jjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .jj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755286978717,"sku":"FM0265","price":12.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-jojoba-bio-50-ml-florame-packshothd.webp?v=1774366470"},{"product_id":"elixir-huile-de-pepins-de-figues-de-barbarie-veritable-bio-15-ml-arc-en-sels","title":"Elixir Huile de Pépins de Figues de Barbarie Véritable Bio - 15 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Elixir Huile de Pépins de Figues de Barbarie Bio\nPalette détectée:\n - Primaire: #1B4D5C (bleu-vert profond du logo AS)\n - Secondaire: #C4A35A (doré\/jaune de l'huile dans le flacon)\n - Accent: #B8364B (rouge bordeaux du bandeau \"Peaux Matures\")\n - Tertiaire: #D4956A (terracotta\/abricot de l'arrière-plan)\nAmbiance: Luxe naturel, cosmétique premium, oriental raffiné, féminin élégant\nPréfixe CSS: elx\n--\u003e\n\n\u003cdiv class=\"elx-premium\"\u003e\n \n \u003cdiv class=\"elx-hero\"\u003e\n \u003cdiv class=\"elx-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"elx-hero-content\"\u003e\n \u003cdiv class=\"elx-badges-top\"\u003e\n \u003cspan class=\"elx-badge\"\u003e🌵 100% pure \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"elx-badge\"\u003e✨ Anti-âge puissant\u003c\/span\u003e\n \u003cspan class=\"elx-badge\"\u003e🇲🇦 Savoir-faire marocain\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"elx-hero-title\"\u003eElixir précieux\u003cbr\u003eFigue de Barbarie\u003c\/span\u003e\n \u003cp class=\"elx-subtitle\"\u003eL'or du désert pour votre peau\u003c\/p\u003e\n \u003cp class=\"elx-description\"\u003eHuile rare extraite des pépins du cactus Opuntia Ficus Indica, reconnue comme l'une des huiles les plus précieuses au monde pour ses vertus anti-âge exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e✨ Bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"elx-grid\"\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🔬 Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels, elle neutralise les radicaux libres et stimule le renouvellement cellulaire pour une peau visiblement plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eSa composition en oméga-6 et oméga-9 nourrit en profondeur et préserve l'élasticité naturelle de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🌟 Éclat lumineux\u003c\/h3\u003e\n \u003cp\u003eRévèle la luminosité naturelle du teint et unifie le grain de peau pour un effet \"bonne mine\" immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🩹 Réparatrice\u003c\/h3\u003e\n \u003cp\u003eAccélère la régénération cutanée, atténue les cicatrices et les imperfections pour une peau lisse et unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras, convient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eIdéale pour atténuer cernes, poches et ridules du contour de l'œil grâce à sa richesse en vitamine E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e💎 Composition d'exception\u003c\/h2\u003e\n \u003cdiv class=\"elx-composition-box\"\u003e\n \u003cdiv class=\"elx-composition-grid\"\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eHuile de pépins de figues de barbarie pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eOméga-6\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAcide linoléique nourrissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eOméga-9\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAcide oléique protecteur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-composition-item\"\u003e\n \u003cspan class=\"elx-composition-value\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"elx-composition-label\"\u003eAntioxydant naturel puissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"elx-composition-note\"\u003eSans additifs • Sans conservateurs • Certifiée biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"elx-grid\"\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🌸 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eLuttez efficacement contre les signes visibles de l'âge : rides, ridules, perte de fermeté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🌿 Peaux déshydratées\u003c\/h3\u003e\n \u003cp\u003eRestaurez le film hydrolipidique et retrouvez une peau souple et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-card elx-card-target\"\u003e\n \u003ch3\u003e🦋 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eTexture non grasse et formule pure, parfaitement tolérée par les épidermes fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"elx-steps\"\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eSur peau propre et sèche, matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eAppliquez l'élixir\u003c\/h3\u003e\n \u003cp\u003eDéposez 2 à 3 gouttes au creux de vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003ePar mouvements circulaires sur le visage, le cou et le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"elx-step\"\u003e\n \u003cspan class=\"elx-step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"elx-step-content\"\u003e\n \u003ch3\u003eUtilisez en synergie\u003c\/h3\u003e\n \u003cp\u003eComme sérum sous votre crème ou ajoutée à votre soin habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e🏺 Savoir-faire artisanal\u003c\/h2\u003e\n \u003cdiv class=\"elx-artisan-box\"\u003e\n \u003cdiv class=\"elx-artisan-content\"\u003e\n \u003cdiv class=\"elx-artisan-icon\"\u003e🌵\u003c\/div\u003e\n \u003ch3\u003ePremière pression à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé artisanal qui préserve l'intégralité des actifs précieux du fruit. Chaque goutte témoigne d'un savoir-faire marocain ancestral allié aux exigences européennes strictes en matière de qualité et de traçabilité.\u003c\/p\u003e\n \u003cdiv class=\"elx-artisan-badges\"\u003e\n \u003cspan\u003e🌱 Agriculture biologique\u003c\/span\u003e\n \u003cspan\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan\u003e🇪🇺 Normes européennes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\"\u003e\n \u003ch2\u003e📦 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"elx-accordion\"\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e📏 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eFlacon compte-gouttes de 15 ml. À raison de 2-3 gouttes par application, ce précieux élixir vous accompagne pendant environ 2 à 3 mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après chaque utilisation pour préserver toutes les propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"elx-accordion-item\"\u003e\n \u003csummary class=\"elx-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"elx-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"elx-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"elx-cta-box\"\u003e\n \u003cdiv class=\"elx-cta-icon\"\u003e🌟\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau le meilleur de la nature.\u003cbr\u003e\u003cstrong\u003eUn geste simple, un résultat lumineux.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cspan class=\"elx-cta-tagline\"\u003eVotre éclat, notre signature\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --elx-cream: #FDF8F3;\n --elx-white: #ffffff;\n --elx-primary: #1B4D5C;\n --elx-primary-dark: #133844;\n --elx-primary-light: #E8F0F2;\n --elx-secondary: #C4A35A;\n --elx-secondary-light: #F5EED9;\n --elx-accent: #B8364B;\n --elx-terracotta: #D4956A;\n --elx-text: #1a1a1a;\n --elx-text-light: #5a5a5a;\n --elx-border: #e8e0d8;\n --elx-shadow: 0 4px 24px rgba(27,77,92,.08);\n --elx-shadow-lg: 0 12px 48px rgba(27,77,92,.15);\n --elx-radius: 20px;\n --elx-radius-sm: 12px;\n}\n\n.elx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--elx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.elx-hero {\n position: relative;\n background: linear-gradient(135deg, var(--elx-primary) 0%, var(--elx-primary-dark) 40%, #0d2830 100%);\n border-radius: var(--elx-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(--elx-shadow-lg);\n}\n\n.elx-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, var(--elx-secondary) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, var(--elx-secondary) 1px, transparent 1px),\n radial-gradient(circle at 50% 50%, var(--elx-secondary) 0.5px, transparent 0.5px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n opacity: .15;\n}\n\n.elx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.elx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.elx-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(--elx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.elx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(196,163,90,.3);\n}\n\n.elx-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n line-height: 1.1;\n}\n\n.elx-subtitle {\n color: var(--elx-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.elx-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.elx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.elx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--elx-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.elx-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(--elx-secondary), var(--elx-terracotta));\n border-radius: 2px;\n}\n\n\/* === GRID === *\/\n.elx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.elx-card {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--elx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.elx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--elx-shadow-lg);\n border-color: var(--elx-secondary);\n}\n\n.elx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.elx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--elx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.elx-card-target {\n background: linear-gradient(135deg, var(--elx-white) 0%, var(--elx-secondary-light) 100%);\n}\n\n\/* === COMPOSITION BOX === *\/\n.elx-composition-box {\n background: linear-gradient(135deg, var(--elx-primary) 0%, var(--elx-primary-dark) 100%);\n border-radius: var(--elx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n box-shadow: var(--elx-shadow-lg);\n}\n\n.elx-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.elx-composition-item {\n text-align: center;\n padding: 1rem;\n background: rgba(255,255,255,.1);\n border-radius: var(--elx-radius-sm);\n backdrop-filter: blur(10px);\n}\n\n.elx-composition-value {\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--elx-secondary);\n margin-bottom: .25rem;\n}\n\n.elx-composition-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: rgba(255,255,255,.85);\n line-height: 1.4;\n}\n\n.elx-composition-note {\n text-align: center;\n color: rgba(255,255,255,.7);\n font-size: clamp(12px, 2vw, 14px);\n font-weight: 600;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.elx-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.elx-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1rem, 2.5vw, 1.5rem);\n box-shadow: var(--elx-shadow);\n transition: all .3s ease;\n}\n\n.elx-step:hover {\n transform: translateX(8px);\n box-shadow: var(--elx-shadow-lg);\n}\n\n.elx-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--elx-secondary), var(--elx-terracotta));\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.elx-step-content h3 {\n font-size: clamp(14px, 2.2vw, 17px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.elx-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--elx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ARTISAN BOX === *\/\n.elx-artisan-box {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n box-shadow: var(--elx-shadow);\n border: 2px solid var(--elx-secondary-light);\n text-align: center;\n}\n\n.elx-artisan-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.elx-artisan-content h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--elx-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.elx-artisan-content p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--elx-text-light);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1.25rem;\n}\n\n.elx-artisan-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.elx-artisan-badges span {\n padding: 8px 16px;\n background: var(--elx-secondary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--elx-primary-dark);\n}\n\n\/* === ACCORDION === *\/\n.elx-accordion {\n background: var(--elx-white);\n border-radius: var(--elx-radius);\n box-shadow: var(--elx-shadow);\n overflow: hidden;\n}\n\n.elx-accordion-item {\n border-bottom: 1px solid var(--elx-border);\n margin: 0;\n padding: 0;\n}\n\n.elx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.elx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--elx-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.elx-accordion-header:hover {\n background: var(--elx-primary-light);\n}\n\n.elx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.elx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--elx-secondary);\n transition: transform .2s ease;\n}\n\n.elx-accordion-item[open] .elx-accordion-header::after {\n content: '−';\n}\n\n.elx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--elx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.elx-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.elx-cta-box {\n background: linear-gradient(135deg, var(--elx-secondary) 0%, var(--elx-terracotta) 100%);\n border-radius: var(--elx-radius);\n padding: clamp(2rem, 5vw, 3.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.elx-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: shimmer 8s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n 0%, 100% { transform: translate(-10%, -10%); }\n 50% { transform: translate(10%, 10%); }\n}\n\n.elx-cta-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n}\n\n.elx-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n position: relative;\n z-index: 1;\n margin: 0 0 1rem 0;\n}\n\n.elx-cta-tagline {\n display: inline-block;\n padding: 10px 24px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n color: white;\n font-size: 14px;\n font-weight: 700;\n font-style: italic;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .elx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .elx-card {\n padding: 1.125rem;\n }\n \n .elx-section {\n margin-bottom: 1.75rem;\n }\n \n .elx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--elx-radius-sm);\n }\n \n .elx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .elx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .elx-badges-top {\n gap: 8px;\n }\n \n .elx-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .elx-composition-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .elx-composition-item {\n padding: .75rem;\n }\n \n .elx-step {\n padding: 1rem;\n }\n \n .elx-step-number {\n min-width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .elx-artisan-badges {\n gap: .5rem;\n }\n \n .elx-artisan-badges span {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .elx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .elx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .elx-card {\n animation: fadeInUp .5s ease backwards;\n }\n .elx-card:nth-child(1) { animation-delay: .05s; }\n .elx-card:nth-child(2) { animation-delay: .1s; }\n .elx-card:nth-child(3) { animation-delay: .15s; }\n .elx-card:nth-child(4) { animation-delay: .2s; }\n .elx-card:nth-child(5) { animation-delay: .25s; }\n .elx-card:nth-child(6) { animation-delay: .3s; }\n \n .elx-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .elx-step:nth-child(1) { animation-delay: .1s; }\n .elx-step:nth-child(2) { animation-delay: .2s; }\n .elx-step:nth-child(3) { animation-delay: .3s; }\n .elx-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .elx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .elx-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755288879261,"sku":"ELIXIRFIGUEBARBARIE","price":43.87,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/elixir-huile-de-pepins-de-figues-de-barbarie-veritable-bio-1-lifestyle.webp?v=1768500918"},{"product_id":"huile-de-camelia-100-bio-30-ml-arc-en-sels","title":"Huile de Camélia Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Camélia Bio - 30 ml - Arc en Sels\nPalette détectée:\n - Primaire: #4a6741 (vert olive\/forêt du packaging et des feuilles de camélia)\n - Secondaire: #d4c8a8 (beige crème du fond de l'emballage)\n - Accent: #8b7355 (brun doré rappelant l'huile)\nAmbiance: Naturel\/bio, élégant et raffiné, féminin, inspiration botanique japonaise, luxe discret\nPréfixe CSS: cam\n--\u003e\n\n\u003cdiv class=\"cam-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"cam-hero\"\u003e\n \u003cdiv class=\"cam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cam-hero-content\"\u003e\n \u003cdiv class=\"cam-badges-top\"\u003e\n \u003cspan class=\"cam-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Camélia Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eLe secret de beauté ancestral des japonaises\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eUn élixir précieux pour les peaux sèches et délicates, offrant nutrition intense et toucher velouté incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'huile de camélia\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement pour nourrir intensément les peaux les plus sèches sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle protège contre le vieillissement cutané et préserve l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🪶 Toucher velours\u003c\/h3\u003e\n \u003cp\u003eTexture légère et soyeuse qui laisse la peau douce, souple et satinée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Éclat cheveux\u003c\/h3\u003e\n \u003cp\u003eApporte brillance et souplesse aux cheveux secs, nourrit les pointes abîmées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eCrée un bouclier naturel contre les agressions extérieures et la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans colorants, parfums ni conservateurs artificiels. Uniquement l'essence du camélia bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATIONS --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🌺 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur peau propre, matin et soir. Massez délicatement pour une absorption optimale et une peau éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement sous les yeux pour réduire les poches et revitaliser cette zone fragile et sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur les zones sèches pour sceller l'hydratation et obtenir une peau souple et satinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampoing (30 min) ou en soin sans rinçage sur les pointes sèches pour brillance et nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e👩‍🦰 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌾 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eBrillance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"cam-composition-box\"\u003e\n \u003cdiv class=\"cam-ingredient-main\"\u003e\n \u003cspan class=\"cam-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003cdiv class=\"cam-ingredient-info\"\u003e\n \u003ch3\u003eCamellia Oleifera Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de camélia issue de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cam-composition-note\"\u003e*Ingrédient issu de l'Agriculture Biologique. Huile pure obtenue par première pression à froid, sans colorants, parfums ni conservateurs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🏭 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eFabriquée en France selon des pratiques agricoles respectueuses de l'environnement. Les matières premières proviennent de coopératives féminines, garantissant un commerce équitable et éthique. Le procédé de première pression à froid préserve toutes les qualités nutritives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après utilisation. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Effectuez un test cutané avant première utilisation si vous avez la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cam-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez à votre peau et vos cheveux le soin précieux qu'ils méritent avec l'Huile de Camélia Bio, un rituel de beauté naturel et éthique pour une peau apaisée, protégée et sublimée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cam-cream: #faf8f5;\n --cam-white: #ffffff;\n --cam-primary: #4a6741;\n --cam-primary-dark: #3a5234;\n --cam-primary-light: #e8efe6;\n --cam-secondary: #d4c8a8;\n --cam-accent: #8b7355;\n\n \/* Textes *\/\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cam-border: #e8e4dc;\n --cam-shadow: 0 4px 24px rgba(74, 103, 65, .08);\n --cam-shadow-lg: 0 12px 48px rgba(74, 103, 65, .15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cam-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6741 0%, #5d7a54 40%, #8b7355 100%);\n border-radius: var(--cam-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cam-shadow-lg);\n}\n\n.cam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 20 C45 25, 40 35, 40 45 C35 35, 25 30, 15 30 C25 25, 30 15, 30 5' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .05;\n}\n\n.cam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.cam-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cam-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cam-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.cam-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cam-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cam-primary), var(--cam-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.cam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.cam-card {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cam-shadow-lg);\n border-color: var(--cam-primary);\n}\n\n.cam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cam-grid-compact .cam-card {\n padding: 1rem;\n}\n\n.cam-grid-compact .cam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cam-grid-compact .cam-card p {\n font-size: 12px;\n}\n\n\/* === CARDS USAGE === *\/\n.cam-card-usage {\n background: linear-gradient(135deg, var(--cam-white) 0%, var(--cam-primary-light) 100%);\n border-left: 4px solid var(--cam-primary);\n}\n\n\/* === COMPOSITION BOX === *\/\n.cam-composition-box {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n}\n\n.cam-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--cam-primary-light) 0%, #f5f7f4 100%);\n border-radius: var(--cam-radius-sm);\n margin-bottom: 1rem;\n}\n\n.cam-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.cam-ingredient-info {\n flex: 1;\n}\n\n.cam-ingredient-info h3 {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n margin: 0;\n}\n\n.cam-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary);\n flex-shrink: 0;\n}\n\n.cam-composition-note {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n text-align: center;\n margin: 0;\n padding-top: .5rem;\n border-top: 1px solid var(--cam-border);\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cam-accordion {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n box-shadow: var(--cam-shadow);\n overflow: hidden;\n}\n\n.cam-accordion-item {\n border-bottom: 1px solid var(--cam-border);\n margin: 0;\n padding: 0;\n}\n\n.cam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cam-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cam-accordion-header:hover {\n background: var(--cam-primary-light);\n}\n\n.cam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cam-primary);\n transition: transform .2s ease;\n}\n\n.cam-accordion-item[open] .cam-accordion-header::after {\n content: '−';\n}\n\n.cam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.cam-cta-box {\n background: linear-gradient(135deg, var(--cam-primary) 0%, var(--cam-primary-dark) 100%);\n border-radius: var(--cam-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cam-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.cam-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cam-card {\n padding: 1.125rem;\n }\n \n .cam-section {\n margin-bottom: 1.75rem;\n }\n \n .cam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cam-radius-sm);\n }\n \n .cam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cam-grid-compact {\n gap: .625rem;\n }\n \n .cam-grid-compact .cam-card {\n padding: .75rem;\n }\n \n .cam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cam-ingredient-main {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .cam-ingredient-icon {\n font-size: 2rem;\n }\n \n .cam-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cam-card:nth-child(1) { animation-delay: .05s; }\n .cam-card:nth-child(2) { animation-delay: .1s; }\n .cam-card:nth-child(3) { animation-delay: .15s; }\n .cam-card:nth-child(4) { animation-delay: .2s; }\n .cam-card:nth-child(5) { animation-delay: .25s; }\n .cam-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755299168413,"sku":"HUILECAMELIA","price":12.78,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-camelia-bio-30-ml-arc-en-sels-lifestyle_7e6fd1cd-cecf-4acf-933a-1d60987e5e88.webp?v=1768500806"},{"product_id":"huile-dargousier-bio-soin-du-visage-30-ml-arc-en-sels","title":"Huile d'Argousier Bio - Soin du Visage 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Argousier Bio - Arc en Sels\nPalette détectée:\n - Primaire: #8B2D4A (bordeaux\/lie de vin de l'huile visible dans le flacon)\n - Secondaire: #E8A639 (orange doré des baies d'argousier)\n - Accent: #D4AF37 (or des motifs mandala sur le packaging)\n - Fond: #F9F6F2 (crème\/beige clair du packaging)\nAmbiance: Naturel premium, élégant, cosmétique bio avec touches orientales (mandala), féminin et raffiné\nPréfixe CSS: arg\n--\u003e\n\n\u003cdiv class=\"arg-premium\"\u003e\n \n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e✨ Revitalisant\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🍊 30x plus de vitamine C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argousier Bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eVotre éclat, notre signature\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eUn concentré de bienfaits issu des précieuses baies orangées pour redonner à votre visage toute sa vitalité et son éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e✨ Les vertus exceptionnelles de l'argousier\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e30 fois plus que l'orange\u003c\/strong\u003e pour un effet bonne mine immédiat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège vos cellules du vieillissement prématuré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003ePrécurseur de la vitamine A, il favorise le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Oméga-7 rare\u003c\/h3\u003e\n \u003cp\u003eAcide palmitoléique qui nourrit en profondeur et soutient l'élasticité cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌿 Oméga 3, 6 et 9\u003c\/h3\u003e\n \u003cp\u003eHydratation durable et barrière cutanée renforcée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Phytostérols\u003c\/h3\u003e\n \u003cp\u003eActifs apaisants qui calment les irritations et sensibilités\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e💎 Les bienfaits pour votre visage\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e⏳ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eCombat les radicaux libres, stimule le collagène. Les rides et ridules sont visiblement atténuées, votre visage retrouve un aspect plus lisse et plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e✨ Teint revitalisé\u003c\/h3\u003e\n \u003cp\u003eLa richesse en caroténoïdes confère des propriétés « bonne mine » remarquables. Dès les premières applications, votre peau semble plus lumineuse et reposée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels pénètrent en profondeur pour une hydratation longue durée et une régénération cellulaire optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card arg-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n \u003cp\u003eFilm protecteur naturel contre les agressions : pollution, froid, vent et variations de température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🕐 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge complète et nutrition profonde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense et réparation en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e😴 Peaux ternes et fatiguées\u003c\/h3\u003e\n \u003cp\u003eEffet revitalisant et éclat immédiat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePropriétés apaisantes et douces\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🩹 Peaux abîmées\u003c\/h3\u003e\n \u003cp\u003eCicatrices, imperfections, zones fragilisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e❄️ Peaux agressées\u003c\/h3\u003e\n \u003cp\u003eFragilisées par le froid ou le soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-composition-grid\"\u003e\n \u003cdiv class=\"arg-ingredient\"\u003e\n \u003cspan class=\"arg-ingredient-name\"\u003e🍊 Hippophae Rhamnoides Fruit Oil\u003c\/span\u003e\n \u003cspan class=\"arg-ingredient-desc\"\u003eHuile de baie d'argousier 100% pure, bio, première pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-ingredient\"\u003e\n \u003cspan class=\"arg-ingredient-name\"\u003e🛡️ Tocophérol\u003c\/span\u003e\n \u003cspan class=\"arg-ingredient-desc\"\u003eVitamine E naturelle pour préserver la fraîcheur et renforcer l'action antioxydante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-purity-badges\"\u003e\n \u003cspan class=\"arg-purity-badge\"\u003eSans additif\u003c\/span\u003e\n \u003cspan class=\"arg-purity-badge\"\u003eSans conservateur artificiel\u003c\/span\u003e\n \u003cspan class=\"arg-purity-badge\"\u003eSans parfum de synthèse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e🧴 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"arg-steps\"\u003e\n \u003cdiv class=\"arg-step\"\u003e\n \u003cdiv class=\"arg-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arg-step-content\"\u003e\n \u003ch3\u003e🌅 Soin quotidien matin et soir\u003c\/h3\u003e\n \u003cp\u003ePrélevez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e, réchauffez entre vos paumes et appliquez en massages doux sur le visage et le cou. Insistez sur le contour des yeux et les zones à traiter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-step\"\u003e\n \u003cdiv class=\"arg-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arg-step-content\"\u003e\n \u003ch3\u003e🌙 Soin intensif nocturne\u003c\/h3\u003e\n \u003cp\u003e1 à 2 fois par semaine, appliquez une couche généreuse le soir et laissez agir toute la nuit. Au réveil : peau repulpée et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-step\"\u003e\n \u003cdiv class=\"arg-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arg-step-content\"\u003e\n \u003ch3\u003e💡 En booster\u003c\/h3\u003e\n \u003cp\u003eAjoutez une goutte à votre crème habituelle pour décupler les effets nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-tip\"\u003e\n \u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e L'huile ayant une couleur orangée prononcée, préférez une application le soir ou en petite quantité le matin. Elle pénètre rapidement sans film gras.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧴 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eFlacon airless de \u003cstrong\u003e30 ml\u003c\/strong\u003e qui protège l'huile de l'oxydation et de la lumière. Utilisée quotidiennement à raison de 2 à 3 gouttes, un flacon vous accompagnera pendant environ \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe pour préserver toutes les propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux (rincer abondamment si contact). En cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e❓ L'huile tache-t-elle la peau ?\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eNon, à condition de l'utiliser en quantité raisonnable. Sa couleur orangée pénètre rapidement et ne laisse pas de traces visibles. Si vous avez la peau très claire, préférez une application le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e❓ Convient-elle aux peaux grasses ?\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eOui, car elle est non comédogène et pénètre rapidement sans laisser de film gras. Les peaux grasses l'apprécieront particulièrement le soir, en petite quantité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cdiv class=\"arg-cta-icon\"\u003e🍊\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau ce qu'il y a de meilleur : un soin visage anti-âge authentique, puissant et 100% naturel pour retrouver un \u003cstrong\u003eteint radieux\u003c\/strong\u003e et une \u003cstrong\u003epeau visiblement plus jeune\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #FAF7F3;\n --arg-white: #ffffff;\n --arg-primary: #8B2D4A;\n --arg-primary-dark: #6B1D3A;\n --arg-primary-light: #F5E8EC;\n --arg-secondary: #E8A639;\n --arg-secondary-light: #FDF5E8;\n --arg-accent: #D4AF37;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e8e4df;\n --arg-shadow: 0 4px 24px rgba(139,45,74,.08);\n --arg-shadow-lg: 0 12px 48px rgba(139,45,74,.15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 50%, #4A1528 100%);\n border-radius: var(--arg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--arg-shadow-lg);\n}\n\n.arg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4AF37' fill-opacity='0.15'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.arg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--arg-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.arg-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.arg-subtitle {\n color: var(--arg-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.arg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-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.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\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\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.arg-card-highlight {\n background: linear-gradient(135deg, var(--arg-white) 0%, var(--arg-primary-light) 100%);\n border: 2px solid var(--arg-primary-light);\n}\n\n.arg-card-highlight:hover {\n border-color: var(--arg-primary);\n}\n\n\/* === COMPOSITION === *\/\n.arg-composition-box {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.arg-ingredient {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n padding: 1.25rem;\n background: var(--arg-secondary-light);\n border-radius: var(--arg-radius-sm);\n border-left: 4px solid var(--arg-secondary);\n}\n\n.arg-ingredient-name {\n font-weight: 800;\n color: var(--arg-primary-dark);\n font-size: 16px;\n}\n\n.arg-ingredient-desc {\n font-size: 14px;\n color: var(--arg-text-light);\n line-height: 1.5;\n}\n\n.arg-purity-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.arg-purity-badge {\n padding: 8px 16px;\n background: linear-gradient(135deg, var(--arg-primary-light) 0%, #fff 100%);\n border: 1px solid var(--arg-primary);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--arg-primary-dark);\n}\n\n\/* === ÉTAPES === *\/\n.arg-steps {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.arg-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\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 transition: all .3s ease;\n}\n\n.arg-step:hover {\n transform: translateX(8px);\n box-shadow: var(--arg-shadow-lg);\n}\n\n.arg-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(139,45,74,.3);\n}\n\n.arg-step-content 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}\n\n.arg-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-tip {\n background: var(--arg-secondary-light);\n border-radius: var(--arg-radius-sm);\n padding: 1.25rem;\n font-size: 14px;\n color: var(--arg-text);\n line-height: 1.6;\n border-left: 4px solid var(--arg-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-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.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\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}\n\n.arg-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4AF37' fill-opacity='0.1'%3E%3Cpath d='M30 30c0-11.046-8.954-20-20-20v40c11.046 0 20-8.954 20-20zm0 0c0 11.046 8.954 20 20 20V10c-11.046 0-20 8.954-20 20z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.arg-cta-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\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 position: relative;\n z-index: 1;\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\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-badges-top {\n gap: 8px;\n }\n \n .arg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .arg-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 1rem;\n padding: 1.25rem;\n }\n \n .arg-step:hover {\n transform: translateY(-4px);\n }\n \n .arg-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .arg-composition-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-ingredient {\n padding: 1rem;\n }\n \n .arg-purity-badges {\n gap: .5rem;\n }\n \n .arg-purity-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .arg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card {\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-step {\n animation: argFadeInUp .5s ease backwards;\n }\n .arg-step:nth-child(1) { animation-delay: .1s; }\n .arg-step:nth-child(2) { animation-delay: .2s; }\n .arg-step:nth-child(3) { animation-delay: .3s; }\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":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755301658781,"sku":"ARCAGOU30","price":35.28,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargousier-bio-soin-du-visage-30-ml-arc-en-sels-lifestyle.webp?v=1768500863"},{"product_id":"huile-d-argan-100-bio-50-ml-arc-en-sels","title":"Huile d’Argan Bio - Restructurant - 50 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile d'Argan Bio - Restructurant - 50 ml - Arc en Sels\nPalette détectée:\n - Primaire: #C4A035 (doré\/or de l'huile d'argan)\n - Secondaire: #1E3A5F (bleu marine du logo et ruban)\n - Accent: #D4AF37 (or plus lumineux pour highlights)\n - Background: #FAF7F2 (crème chaud naturel)\nAmbiance: Luxe naturel, tradition marocaine, cosmétique bio premium, élégance orientale\nPréfixe CSS: arg\n--\u003e\n\n\u003cdiv class=\"arg-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"arg-hero\"\u003e\n \u003cdiv class=\"arg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arg-hero-content\"\u003e\n \u003cdiv class=\"arg-badges-top\"\u003e\n \u003cspan class=\"arg-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e🇲🇦 Origine Maroc\u003c\/span\u003e\n \u003cspan class=\"arg-badge\"\u003e✨ Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arg-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n \u003cp class=\"arg-subtitle\"\u003eL'or liquide du Maroc pour sublimer votre beauté\u003c\/p\u003e\n \u003cp class=\"arg-description\"\u003eExtraite à froid selon les traditions ancestrales, cette huile précieuse nourrit, répare et protège votre peau, vos cheveux et vos ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS PRINCIPAUX --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e✨ Les vertus de l'or marocain\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🛡️ Anti-âge puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et antioxydants naturels pour prévenir le vieillissement cutané et protéger des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePénètre en profondeur pour apaiser les peaux sèches ou irritées et redonner souplesse et éclat à votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare les longueurs abîmées, apporte brillance et douceur tout en luttant contre les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eFortifie les ongles cassants et hydrate les cuticules. Pénètre rapidement sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau, même les plus sensibles. Idéale pour une utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🔬 Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction traditionnelle préservant tous les actifs précieux de l'amande d'argan pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e🌰 Un trésor de la nature\u003c\/h2\u003e\n \u003cdiv class=\"arg-composition-box\"\u003e\n \u003cdiv class=\"arg-ingredient-main\"\u003e\n \u003cdiv class=\"arg-ingredient-icon\"\u003e🥜\u003c\/div\u003e\n \u003cdiv class=\"arg-ingredient-info\"\u003e\n \u003ch3\u003eHuile d'argan vierge\u003c\/h3\u003e\n \u003cp\u003e100% pure et biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrients\"\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eVitamine E\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eAntioxydant majeur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide oléique (Oméga-9)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eNutrition profonde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003eAcide linoléique (Oméga-6)\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eRégénération cellulaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-nutrient\"\u003e\n \u003cspan class=\"arg-nutrient-name\"\u003ePolyphénols\u003c\/span\u003e\n \u003cspan class=\"arg-nutrient-benefit\"\u003eProtection anti-âge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌸 Peaux sèches \u0026amp; matures\u003c\/h3\u003e\n \u003cp\u003eBesoin d'hydratation intense et de protection anti-âge pour retrouver souplesse et éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux abîmés\u003c\/h3\u003e\n \u003cp\u003eLongueurs fragilisées par le soleil, la chaleur ou les colorations qui nécessitent une réparation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e💅 Ongles fragiles\u003c\/h3\u003e\n \u003cp\u003eOngles cassants et cuticules sèches qui ont besoin d'être nourris et fortifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📖 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"arg-usage-grid\"\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en soin sans rinçage sur les pointes pour nourrir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-usage-card\"\u003e\n \u003cdiv class=\"arg-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez vos ongles et cuticules avec une goutte d'huile chaque soir pour les fortifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"arg-grid-compact\"\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMaroc\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e🏷️ Certifications\u003c\/h3\u003e\n \u003cp\u003eBio - Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arg-card\"\u003e\n \u003ch3\u003e♻️ Engagement\u003c\/h3\u003e\n \u003cp\u003eCommerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"arg-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"arg-accordion\"\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les qualités de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e🤝 Production éthique\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eIssue d'une production éthique et durable, cette huile soutient les coopératives locales marocaines de femmes berbères. Un achat responsable qui contribue au développement économique local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arg-accordion-item\"\u003e\n \u003csummary class=\"arg-accordion-header\"\u003e✅ Garantie qualité\u003c\/summary\u003e\n \u003cdiv class=\"arg-accordion-content\"\u003e\n \u003cp\u003eSans additifs, sans conservateurs et pressée à froid, elle garantit une qualité irréprochable. Certifiée biologique par Ecocert, elle respecte votre santé comme l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"arg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arg-cta-box\"\u003e\n \u003cp\u003e🌟 Offrez à votre routine beauté un trésor ancestral du Maroc.\u003cbr\u003eUne huile précieuse, naturelle et éthique pour sublimer votre peau, vos cheveux et vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arg-cream: #FAF7F2;\n --arg-white: #ffffff;\n --arg-primary: #C4A035;\n --arg-primary-dark: #8B7224;\n --arg-primary-light: #F5ECD4;\n --arg-secondary: #1E3A5F;\n --arg-accent: #D4AF37;\n --arg-text: #1a1a1a;\n --arg-text-light: #5a5a5a;\n --arg-border: #e0e0e0;\n --arg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --arg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --arg-radius: 20px;\n --arg-radius-sm: 12px;\n}\n\n.arg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 40%, var(--arg-primary) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--arg-shadow-lg);\n}\n\n.arg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.arg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.arg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--arg-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.arg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.arg-subtitle {\n color: var(--arg-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.arg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.arg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arg-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.arg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--arg-primary), var(--arg-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.arg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.arg-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arg-shadow-lg);\n border-color: var(--arg-primary);\n}\n\n.arg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arg-grid-compact .arg-card {\n padding: 1rem;\n}\n\n.arg-grid-compact .arg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arg-grid-compact .arg-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.arg-composition-box {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arg-shadow);\n}\n\n.arg-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--arg-primary-light);\n}\n\n.arg-ingredient-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--arg-primary) 0%, var(--arg-accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.arg-ingredient-info h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.arg-ingredient-info p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arg-primary-dark);\n font-weight: 600;\n margin: 0;\n}\n\n.arg-nutrients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.arg-nutrient {\n display: flex;\n flex-direction: column;\n padding: 1rem;\n background: var(--arg-primary-light);\n border-radius: var(--arg-radius-sm);\n border-left: 4px solid var(--arg-primary);\n}\n\n.arg-nutrient-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--arg-secondary);\n margin-bottom: .25rem;\n}\n\n.arg-nutrient-benefit {\n font-size: 12px;\n color: var(--arg-text-light);\n}\n\n\/* === USAGE GRID === *\/\n.arg-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.arg-usage-card {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arg-shadow);\n text-align: center;\n position: relative;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.arg-usage-card:hover {\n transform: translateY(-4px);\n border-color: var(--arg-primary);\n}\n\n.arg-usage-number {\n position: absolute;\n top: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 800;\n box-shadow: 0 4px 12px rgba(30, 58, 95, .3);\n}\n\n.arg-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--arg-secondary);\n margin: .5rem 0 .75rem 0;\n}\n\n.arg-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--arg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.arg-accordion {\n background: var(--arg-white);\n border-radius: var(--arg-radius);\n box-shadow: var(--arg-shadow);\n overflow: hidden;\n}\n\n.arg-accordion-item {\n border-bottom: 1px solid var(--arg-border);\n margin: 0;\n padding: 0;\n}\n\n.arg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arg-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.arg-accordion-header:hover {\n background: var(--arg-primary-light);\n}\n\n.arg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arg-primary);\n transition: transform .2s ease;\n}\n\n.arg-accordion-item[open] .arg-accordion-header::after {\n content: '−';\n}\n\n.arg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.arg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.arg-cta-box {\n background: linear-gradient(135deg, var(--arg-secondary) 0%, #2C4A6E 50%, var(--arg-primary-dark) 100%);\n border-radius: var(--arg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arg-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212, 175, 55, .15) 0%, transparent 50%);\n}\n\n.arg-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .arg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arg-card {\n padding: 1.125rem;\n }\n \n .arg-section {\n margin-bottom: 1.75rem;\n }\n \n .arg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arg-radius-sm);\n }\n \n .arg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .arg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .arg-grid-compact {\n gap: .625rem;\n }\n \n .arg-grid-compact .arg-card {\n padding: .75rem;\n }\n \n .arg-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .arg-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .arg-nutrients {\n grid-template-columns: 1fr;\n }\n \n .arg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arg-card, .arg-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .arg-card:nth-child(1), .arg-usage-card:nth-child(1) { animation-delay: .05s; }\n .arg-card:nth-child(2), .arg-usage-card:nth-child(2) { animation-delay: .1s; }\n .arg-card:nth-child(3), .arg-usage-card:nth-child(3) { animation-delay: .15s; }\n .arg-card:nth-child(4) { animation-delay: .2s; }\n .arg-card:nth-child(5) { animation-delay: .25s; }\n .arg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .arg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755301888157,"sku":"ARCARGAN50","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-restructurant-50-ml-arc-en-sels-lifestyle.webp?v=1768500592"},{"product_id":"huile-vegetale-amande-douce-bio-50-ml-emma-noel","title":"Huile Végétale d'Amande Douce Bio 50 ml Emma Noel","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🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e❄️ Pression à froid\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🇫🇷 Cosmébio \/ Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ad-hero-title\"\u003eHuile végétale d'amande douce bio\u003c\/span\u003e\n \u003cp class=\"ad-subtitle\"\u003eEmma Noël — 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"ad-description\"\u003eUn trésor de douceur ancestral, 100 % pur et biologique, pour nourrir, adoucir et sublimer votre peau, vos cheveux et ceux de toute la famille.\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\u003eUn soin ancestral pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eConnue depuis des siècles pour ses vertus exceptionnelles, l'huile d'amande douce est l'un des trésors les plus polyvalents de la cosmétique naturelle.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eAmandes issues de l'agriculture bio (\u003cem\u003ePrunus amygdalus dulcis\u003c\/em\u003e), pour un soin pur et respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé qui préserve l'intégralité des actifs précieux de l'amande douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✅ Certifiée Ecocert \/ Cosmébio\u003c\/h3\u003e\n \u003cp\u003eDouble certification garantissant qualité, traçabilité et respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes comme aux tout-petits, grâce à sa composition ultra-simple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\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\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eNaturellement riche en acides gras essentiels (oméga-6 et oméga-9) et en vitamines A, B, D et E, elle agit sur plusieurs fronts.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🤍 Adoucissante et apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les tiraillements, les rougeurs et les irritations, même sur les peaux les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eRenforce le film hydrolipidique et prévient efficacement la déshydratation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Assouplissante\u003c\/h3\u003e\n \u003cp\u003eRedonne élasticité et souplesse aux peaux sèches ou fragilisées par le froid, le soleil ou les agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eIdéale pour bébé :\u003c\/strong\u003e sa texture douce et sa composition ultra-simple en font un soin parfait pour masser les tout-petits ou hydrater leur peau délicate après le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eHuile d'amande douce pour les cheveux : un allié réparateur\u003c\/h2\u003e\n \u003cdiv class=\"ad-testimonial\"\u003e\n \u003cp class=\"ad-testimonial-text\"\u003eVos cheveux sont secs, ternes ou cassants ? L'huile d'amande douce est un véritable soin réparateur. Appliquée en masque avant shampooing, elle pénètre la fibre capillaire pour la nourrir intensément, lui redonner \u003cstrong\u003ebrillance et souplesse\u003c\/strong\u003e. Quelques gouttes sur les pointes sèches suffisent aussi à les protéger au quotidien. C'est une alternative naturelle et efficace aux sérums capillaires conventionnels chargés en silicones.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💇‍♀️ Masque réparateur\u003c\/h3\u003e\n \u003cp\u003eNourrit la fibre capillaire en profondeur avant le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les pointes pour un fini soyeux sans silicone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eGrâce à sa pompe doseuse pratique, l'application est simple et parfaitement dosée.\u003c\/p\u003e\n \u003cdiv class=\"ad-timeline\"\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSoin visage et corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur peau 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=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eDémaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement le visage puis essuyez avec un coton ou un disque lavable. Elle dissout le maquillage en douceur, même waterproof.\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\u003eMasque capillaire\u003c\/h3\u003e\n \u003cp\u003eEnduisez vos longueurs et pointes, laissez poser 30 minutes à une nuit, puis lavez avec votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eBain adoucissant\u003c\/h3\u003e\n \u003cp\u003eAjoutez quelques gouttes dans l'eau du bain pour envelopper votre peau d'un voile nourrissant.\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=\"ad-section\"\u003e\n \u003ch2\u003eY a-t-il un inconvénient à l'huile d'amande douce ?\u003c\/h2\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e⚠️ Allergie aux fruits à coque\u003c\/h3\u003e\n \u003cp\u003eSi vous êtes allergique aux fruits à coque, évitez son utilisation. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Texture riche\u003c\/h3\u003e\n \u003cp\u003ePlus adaptée aux peaux sèches à normales. Les peaux à tendance grasse préféreront une huile plus légère comme le jojoba.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"ad-accordion\"\u003e\n \u003cdetails class=\"ad-accordion-item\" open\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🧬 Ingrédient unique\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003ePrunus Amygdalus Dulcis Oil*\u003c\/strong\u003e — 100 % huile vierge d'amande douce biologique.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eSans colorant, sans conservateur, sans parfum de synthèse. Non testée sur les animaux. Flacon aluminium recyclable de \u003cstrong\u003e50 ml\u003c\/strong\u003e avec pompe doseuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e⚠️ Précaution d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis médical. En cas de doute ou d'allergie connue aux fruits à coque, consultez un professionnel de santé avant 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!-- CTA FINAL --\u003e\n \u003csection class=\"ad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ad-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et à vos cheveux la douceur pure de l'amande bio — un geste simple, naturel et efficace pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ad-cream: #faf8f4;\n --ad-white: #ffffff;\n --ad-primary: #c5a255;\n --ad-primary-dark: #8a6d2b;\n --ad-primary-light: #f7f0df;\n --ad-secondary: #3db89a;\n --ad-accent: #d4a843;\n --ad-text: #1a1a1a;\n --ad-text-light: #5a5a5a;\n --ad-border: #e8e2d4;\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, #c5a255 0%, #3db89a 50%, #8a6d2b 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: 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.ad-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\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(16px, 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: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ad-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ad-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ad-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ad-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ad-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ad-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ad-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ad-primary), var(--ad-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\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.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ad-testimonial {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n border-left: 4px solid var(--ad-primary);\n}\n\n.ad-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ad-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ad-primary-light);\n border-radius: var(--ad-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ad-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ad-tip p {\n font-size: 14px;\n color: var(--ad-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ad-accordion {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n box-shadow: var(--ad-shadow);\n overflow: hidden;\n}\n\n.ad-accordion-item {\n border-bottom: 1px solid var(--ad-border);\n margin: 0;\n padding: 0;\n}\n\n.ad-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ad-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ad-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ad-accordion-header:hover {\n background: var(--ad-primary-light);\n}\n\n.ad-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ad-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ad-primary);\n transition: transform .2s ease;\n}\n\n.ad-accordion-item[open] .ad-accordion-header::after {\n content: '−';\n}\n\n.ad-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ad-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ad-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.ad-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ad-cta-box {\n background: linear-gradient(135deg, var(--ad-primary) 0%, var(--ad-primary-dark) 100%);\n border-radius: var(--ad-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ad-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ad-disclaimer {\n font-size: 12px;\n color: var(--ad-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ad-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ad-card {\n padding: 1.125rem;\n }\n\n .ad-section {\n margin-bottom: 1.75rem;\n }\n\n .ad-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ad-radius-sm);\n }\n\n .ad-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ad-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ad-grid-compact {\n gap: .625rem;\n }\n\n .ad-grid-compact .ad-card {\n padding: .75rem;\n }\n\n .ad-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ad-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ad-timeline-content h3 {\n font-size: 14px;\n }\n\n .ad-timeline-content p {\n font-size: 13px;\n }\n\n .ad-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ad-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ad-testimonial {\n padding: 1.25rem;\n }\n\n .ad-testimonial-text {\n font-size: 14px;\n }\n}\n\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":"EMMA NOËL","offers":[{"title":"Default Title","offer_id":45755408842909,"sku":"NBAIEMM0029","price":11.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-damande-douce-bio-50-ml-emma-noel-packshothd_9c7dc318-4024-4a78-83ca-c1ae016fd81e.webp?v=1790260557"},{"product_id":"serum-clairessence-bio-50-ml-arc-en-sels","title":"Sérum Clairessence Bio - 50 ml - Arc en Sels","description":"\u003cdiv class=\"sc-luxury\"\u003e\n\u003c!-- HERO LUXE --\u003e\n\u003cdiv class=\"sc-hero\"\u003e\n\u003cdiv class=\"sc-hero-shimmer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-hero-content\"\u003e\n\u003cdiv class=\"sc-brand\"\u003eARC EN SELS\u003c\/div\u003e\n\u003cdiv class=\"sc-hero-subtitle\"\u003eÉclat · Régénération · Anti-Rougeurs\u003c\/div\u003e\n\u003c!-- DESCRIPTION COURTE LUXE --\u003e\n\u003cdiv class=\"sc-short-luxury\"\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e✨\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003e10 actifs naturels précieux\u003c\/strong\u003e \u003cspan\u003eHuiles rares \u0026amp; extraits botaniques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e🌿\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003e99,96% bio certifié\u003c\/strong\u003e \u003cspan\u003eExtraction à froid · Pureté absolue\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e💎\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003eCouperose \u0026amp; rougeurs\u003c\/strong\u003e \u003cspan\u003eCirculation · Régénération · Éclat\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-short-item\"\u003e\n\u003cspan class=\"sc-short-icon\"\u003e🤝\u003c\/span\u003e\n\u003cdiv class=\"sc-short-text\"\u003e\n\u003cstrong\u003eCommerce éthique\u003c\/strong\u003e \u003cspan\u003eCoopératives féminines engagées\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-badges-luxury\"\u003e\n\u003cspan class=\"sc-badge-luxury\"\u003e🌿 100% Naturel\u003c\/span\u003e \u003cspan class=\"sc-badge-luxury\"\u003e🏆 99,96% Bio\u003c\/span\u003e \u003cspan class=\"sc-badge-luxury\"\u003e❄️ Extraction à froid\u003c\/span\u003e \u003cspan class=\"sc-badge-luxury\"\u003e✨ Haute Concentration\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO ÉLÉGANTE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-intro-luxury\"\u003e\n\u003cp\u003eLe \u003cstrong\u003eSérum Clairessence bio\u003c\/strong\u003e d'\u003cstrong\u003eArc en Sels\u003c\/strong\u003e est une solution naturelle d'exception conçue pour les peaux sensibles, sujettes aux rougeurs et à la couperose. Grâce à sa formulation riche en \u003cstrong\u003ehuiles biologiques rares\u003c\/strong\u003e et en extraits de plantes nobles, ce sérum améliore la texture de la peau, réduit les rougeurs et lui redonne éclat et confort. Idéal pour préparer la peau aux conditions climatiques variées, il offre une \u003cstrong\u003eprotection et une régénération efficaces\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LES 10 ACTIFS PRÉCIEUX --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003eLes 10 Actifs Précieux\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-actifs-grid\"\u003e\n\u003c!-- ACTIFS STARS --\u003e\n\u003carticle class=\"sc-actif-card sc-actif-star\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003cdiv class=\"sc-actif-badge\" style=\"margin-top: 15px;\"\u003e⭐ ACTIF STAR\u003c\/div\u003e\n\u003ch3\u003eHuile d'Hélicryse\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eHelichrysum Italicum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eAnti-hématome et anticoagulant\u003c\/strong\u003e, elle cible spécifiquement la couperose. L'actif de référence pour les rougeurs et la microcirculation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card sc-actif-star\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003cdiv class=\"sc-actif-badge\" style=\"margin-top: 15px;\"\u003e⭐ ACTIF STAR\u003c\/div\u003e\n\u003ch3\u003eHuile de Calophylle\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eCalophyllum Inophyllum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003eFavorise la \u003cstrong\u003ecirculation sanguine\u003c\/strong\u003e et régénère les zones abîmées. Cristallise à froid, preuve d'extraction authentique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- AUTRES ACTIFS --\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHuile de Nigelle\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eNigella Sativa\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003ePropriétés \u003cstrong\u003ecicatrisantes\u003c\/strong\u003e pour aider à la réparation des tissus cutanés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Carotte Sauvage\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eDaucus Carota\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003eRiche en \u003cstrong\u003eprovitamine A\u003c\/strong\u003e, elle régénère et illumine la peau en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Ciste Ladanifère\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eCistus Ladaniferus\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003ePuissant \u003cstrong\u003ecicatrisant\u003c\/strong\u003e pour renforcer la peau et accélérer la réparation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Cyprès\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eCupressus Sempervirens\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eDécongestionne\u003c\/strong\u003e et améliore la circulation veineuse pour apaiser les rougeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eRose Musquée\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eRosa Rubiginosa\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003eVertus \u003cstrong\u003eanti-âge et régénérantes\u003c\/strong\u003e, texture exceptionnelle pour la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eCamomille Romaine\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eChamaemelum Nobile\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eCalme les irritations\u003c\/strong\u003e et atténue les rougeurs avec douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Lavande Fine\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003eLavandula Angustifolia\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003ePurifiante, cicatrisante et équilibrante\u003c\/strong\u003e, elle harmonise la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sc-actif-card\"\u003e\n\u003cdiv class=\"sc-actif-header\"\u003e\n\u003ch3\u003eHE Géranium\u003c\/h3\u003e\n\u003cdiv class=\"sc-actif-latin\"\u003ePelargonium Graveolens\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-actif-body\"\u003e\n\u003cp\u003e\u003cstrong\u003eAnti-inflammatoire et tonifiante\u003c\/strong\u003e, régule la production de sébum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RITUEL D'APPLICATION --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003eRituel d'application\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-ritual-container\"\u003e\n\u003cdiv class=\"sc-ritual-step\"\u003e\n\u003cdiv class=\"sc-ritual-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-content\"\u003e\n\u003ch4\u003ePréparation\u003c\/h4\u003e\n\u003cp\u003eSur une peau \u003cstrong\u003epropre et sèche\u003c\/strong\u003e, matin et soir. Réchauffez 2-3 gouttes entre vos paumes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-step\"\u003e\n\u003cdiv class=\"sc-ritual-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-content\"\u003e\n\u003ch4\u003eApplication\u003c\/h4\u003e\n\u003cp\u003eMassez délicatement les zones affectées en \u003cstrong\u003emouvements circulaires\u003c\/strong\u003e jusqu'à absorption complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-step\"\u003e\n\u003cdiv class=\"sc-ritual-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sc-ritual-content\"\u003e\n\u003ch4\u003eFinalisation\u003c\/h4\u003e\n\u003cp\u003eUtilisez seul ou avant votre crème hydratante. \u003cstrong\u003eÉvitez le contour des yeux.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS CIBLÉS --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003eBienfaits ciblés\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-benefits-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch4\u003eRéduit les rougeurs\u003c\/h4\u003e\n\u003cp\u003eCirculation optimisée, apaisement visible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e💎\u003c\/div\u003e\n\u003ch4\u003eCombat la couperose\u003c\/h4\u003e\n\u003cp\u003eActifs ciblés, résultats durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003eIllumine le teint\u003c\/h4\u003e\n\u003cp\u003eProvitamine A, éclat retrouvé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-benefit-luxury\"\u003e\n\u003cdiv class=\"sc-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eProtège \u0026amp; régénère\u003c\/h4\u003e\n\u003cp\u003eBarrière cutanée renforcée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGAGEMENT ÉTHIQUE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-ethic-box\"\u003e\n\u003cdiv class=\"sc-ethic-icon\"\u003e🤝\u003c\/div\u003e\n\u003cdiv class=\"sc-ethic-content\"\u003e\n\u003ch3\u003eEngagement Éthique \u0026amp; Durable\u003c\/h3\u003e\n\u003cp\u003eLes matières premières du Sérum Clairessence proviennent de \u003cstrong\u003ecoopératives féminines\u003c\/strong\u003e, assurant des échanges éthiques respectueux de l'environnement. Chaque flacon contribue à soutenir l'autonomie économique des femmes productrices et la préservation des savoir-faire traditionnels.\u003c\/p\u003e\n\u003cdiv class=\"sc-ethic-stats\"\u003e\n\u003cdiv class=\"sc-ethic-stat\"\u003e\n\u003cstrong\u003e99,96%\u003c\/strong\u003e \u003cspan\u003eBio certifié\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ethic-stat\"\u003e\n\u003cstrong\u003e100%\u003c\/strong\u003e \u003cspan\u003eNaturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-ethic-stat\"\u003e\n\u003cstrong\u003e50 ml\u003c\/strong\u003e \u003cspan\u003eFlacon premium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- DÉTAIL TECHNIQUE LUXE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-technical-box\"\u003e\n\u003ch3\u003eÀ noter\u003c\/h3\u003e\n\u003cp\u003eL'\u003cstrong\u003ehuile de Calophylle\u003c\/strong\u003e peut cristalliser, signe distinctif de son \u003cstrong\u003eextraction à froid authentique\u003c\/strong\u003e. Pour retrouver sa texture soyeuse, placez simplement le flacon près d'une source de chaleur modérée (30°C maximum). Cette caractéristique témoigne de la qualité exceptionnelle et de la préservation des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS LUXE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003ch2 class=\"sc-title-luxury\"\u003e\u003cspan\u003ePrécautions d'emploi\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"sc-precautions-luxury\"\u003e\n\u003cdiv class=\"sc-precaution-item\"\u003e\n\u003cspan class=\"sc-precaution-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes, aux enfants et aux personnes épileptiques en raison de la concentration en huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-precaution-item\"\u003e\n\u003cspan class=\"sc-precaution-icon\"\u003e👁️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eÉviter le contour des yeux\u003c\/strong\u003e lors de l'application. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sc-precaution-item\"\u003e\n\u003cspan class=\"sc-precaution-icon\"\u003e🧪\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eTest cutané recommandé\u003c\/strong\u003e dans le pli du coude 24h avant première utilisation pour les peaux très sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INCI LUXE --\u003e\n\u003csection class=\"sc-section\"\u003e\n\u003cdiv class=\"sc-inci-box\"\u003e\n\u003ch3\u003eListe INCI Complète\u003c\/h3\u003e\n\u003cp class=\"sc-inci-list\"\u003e\u003cem\u003eNigella Sativa*\u003c\/em\u003e, \u003cem\u003eCalophyllum Inophyllum*\u003c\/em\u003e, \u003cem\u003eSesamum Indicum*\u003c\/em\u003e, \u003cem\u003eDaucus Carota*\u003c\/em\u003e, \u003cem\u003eHelichrysum Italicum*\u003c\/em\u003e, \u003cem\u003eCupressus Sempervirens*\u003c\/em\u003e, \u003cem\u003eCistus Ladaniferus*\u003c\/em\u003e, Tocopherol.\u003c\/p\u003e\n\u003cp class=\"sc-inci-note\"\u003e*100% des ingrédients issus de l'agriculture biologique certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA LUXE --\u003e\n\u003csection class=\"sc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"sc-cta-luxury\"\u003e\n\u003cdiv class=\"sc-cta-shimmer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sc-cta-content\"\u003e\n\u003ch3\u003eVotre rituel de beauté d'exception\u003c\/h3\u003e\n\u003cp\u003eOffrez à votre peau la \u003cstrong\u003equintessence de la nature\u003c\/strong\u003e avec ce sérum d'exception. Une formule rare, des actifs nobles, un engagement éthique : tout ce 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\u003c!-- ========== STYLE LUXE SÉRUM CLAIRESSENCE ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES LUXE === *\/\n:root {\n --sc-cream: #FDF8F1;\n --sc-white: #ffffff;\n --sc-gold: #d4af37;\n --sc-gold-dark: #b8962e;\n --sc-gold-light: #e5c778;\n --sc-rose: #f4e8e1;\n --sc-rose-dark: #e0d1c7;\n --sc-taupe: #8b7d6b;\n --sc-charcoal: #2d2d2d;\n --sc-text: #1a1a1a;\n --sc-text-light: #6a6a6a;\n --sc-border: #e8e0d8;\n --sc-shadow: 0 8px 32px rgba(212, 175, 55, .12);\n --sc-shadow-lg: 0 16px 64px rgba(212, 175, 55, .2);\n --sc-radius: 24px;\n --sc-radius-sm: 16px;\n}\n\n\/* === CONTENEUR === *\/\n.sc-luxury {\n max-width: 1100px;\n margin: 0 auto;\n padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 4vw, 3rem);\n background: var(--sc-cream);\n font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;\n}\n\n\/* === HERO LUXE === *\/\n.sc-hero {\n position: relative;\n background: linear-gradient(135deg, #2d2d2d 0%, #3d3d3d 50%, #2d2d2d 100%);\n border-radius: var(--sc-radius);\n padding: clamp(4rem, 8vw, 6rem) clamp(2.5rem, 6vw, 5rem);\n margin-bottom: clamp(4rem, 7vw, 6rem);\n overflow: hidden;\n box-shadow: var(--sc-shadow-lg);\n}\n\n.sc-hero-shimmer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 30%, rgba(212, 175, 55, .08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(212, 175, 55, .06) 0%, transparent 50%);\n animation: shimmer 6s ease-in-out infinite alternate;\n}\n\n@keyframes shimmer {\n 0% { opacity: 0.3; }\n 100% { opacity: 0.7; }\n}\n\n.sc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sc-brand {\n font-size: clamp(11px, 1.5vw, 13px);\n font-weight: 700;\n letter-spacing: 3px;\n color: var(--sc-gold);\n margin-bottom: 0.75rem;\n text-transform: uppercase;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-hero-title {\n color: white;\n font-size: clamp(40px, 8vw, 64px);\n font-weight: 400;\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-hero-subtitle {\n color: var(--sc-gold-light);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 300;\n letter-spacing: 2px;\n margin-bottom: 2.5rem;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n\/* === DESCRIPTION COURTE LUXE === *\/\n.sc-short-luxury {\n background: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(212, 175, 55, .2);\n border-radius: var(--sc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n margin-bottom: 2rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n}\n\n.sc-short-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sc-short-icon {\n font-size: 28px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 175, 55, .4));\n}\n\n.sc-short-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.sc-short-text strong {\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 600;\n color: white;\n letter-spacing: -.01em;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-short-text span {\n font-size: clamp(13px, 1.8vw, 14px);\n color: rgba(255,255,255,.75);\n line-height: 1.4;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 300;\n}\n\n@media (max-width: 720px) {\n .sc-short-luxury {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n}\n\n.sc-badges-luxury {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-top: 2rem;\n}\n\n.sc-badge-luxury {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: linear-gradient(135deg, rgba(212, 175, 55, .15) 0%, rgba(212, 175, 55, .08) 100%);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(212, 175, 55, .3);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: white;\n letter-spacing: .5px;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n transition: all .3s ease;\n}\n\n.sc-badge-luxury:hover {\n background: linear-gradient(135deg, rgba(212, 175, 55, .25) 0%, rgba(212, 175, 55, .15) 100%);\n transform: translateY(-2px);\n}\n\n\/* === SECTIONS === *\/\n.sc-section {\n margin-bottom: clamp(4rem, 7vw, 6rem);\n}\n\n.sc-title-luxury {\n font-size: clamp(32px, 6vw, 44px);\n font-weight: 400;\n color: var(--sc-charcoal);\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n text-align: center;\n letter-spacing: -.02em;\n position: relative;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-title-luxury span {\n position: relative;\n display: inline-block;\n padding: 0 2rem;\n background: var(--sc-cream);\n z-index: 1;\n}\n\n.sc-title-luxury::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent 0%, var(--sc-gold) 50%, transparent 100%);\n}\n\n\/* === INTRO LUXE === *\/\n.sc-intro-luxury {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n box-shadow: var(--sc-shadow);\n border-left: 4px solid var(--sc-gold);\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-intro-luxury p {\n font-size: clamp(16px, 2.2vw, 19px);\n line-height: 1.8;\n color: var(--sc-text-light);\n margin: 0;\n}\n\n.sc-intro-luxury strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === ACTIFS GRID === *\/\n.sc-actifs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.sc-actif-card {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n overflow: hidden;\n box-shadow: var(--sc-shadow);\n transition: all .4s ease;\n border: 1px solid var(--sc-border);\n}\n\n.sc-actif-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-gold-light);\n}\n\n.sc-actif-star {\n border: 2px solid var(--sc-gold);\n background: linear-gradient(135deg, rgba(212, 175, 55, .03) 0%, rgba(255,255,255,1) 100%);\n}\n\n.sc-actif-header {\n padding: 2rem 2rem 1.5rem;\n text-align: center;\n position: relative;\n}\n\n.sc-actif-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--sc-gold) 0%, var(--sc-gold-dark) 100%);\n color: white;\n padding: 4px 16px;\n border-radius: 999px;\n font-size: 10px;\n font-weight: 900;\n letter-spacing: 1px;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n box-shadow: 0 4px 12px rgba(212, 175, 55, .3);\n}\n\n.sc-actif-header h3 {\n font-size: 21px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.01em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-actif-latin {\n font-size: 13px;\n font-style: italic;\n color: var(--sc-gold-dark);\n font-weight: 500;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-actif-body {\n padding: 0 2rem 2rem;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-actif-body p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sc-text-light);\n margin: 0;\n}\n\n.sc-actif-body strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === RITUEL === *\/\n.sc-ritual-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\n.sc-ritual-step {\n flex: 1;\n min-width: 260px;\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 2.5rem 2rem;\n box-shadow: var(--sc-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 1px solid var(--sc-border);\n}\n\n.sc-ritual-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-gold-light);\n}\n\n.sc-ritual-number {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--sc-gold) 0%, var(--sc-gold-dark) 100%);\n color: white;\n font-size: 26px;\n font-weight: 700;\n display: grid;\n place-items: center;\n margin: 0 auto 1.5rem;\n box-shadow: 0 8px 24px rgba(212, 175, 55, .3);\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ritual-content h4 {\n font-size: 20px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-ritual-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sc-text-light);\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ritual-content strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n.sc-ritual-divider {\n width: 2px;\n height: 80px;\n background: linear-gradient(180deg, transparent 0%, var(--sc-gold) 50%, transparent 100%);\n flex-shrink: 0;\n}\n\n@media (max-width: 767px) {\n .sc-ritual-container {\n flex-direction: column;\n }\n \n .sc-ritual-divider {\n width: 80px;\n height: 2px;\n background: linear-gradient(90deg, transparent 0%, var(--sc-gold) 50%, transparent 100%);\n }\n}\n\n\/* === BENEFITS LUXE === *\/\n.sc-benefits-luxury {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 2rem;\n}\n\n.sc-benefit-luxury {\n background: var(--sc-white);\n border-radius: var(--sc-radius-sm);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--sc-shadow);\n transition: all .3s ease;\n border: 1px solid var(--sc-border);\n}\n\n.sc-benefit-luxury:hover {\n transform: translateY(-6px);\n box-shadow: var(--sc-shadow-lg);\n border-color: var(--sc-gold-light);\n}\n\n.sc-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(212, 175, 55, .2));\n}\n\n.sc-benefit-luxury h4 {\n font-size: 19px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.01em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-benefit-luxury p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--sc-text-light);\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n\/* === ETHIC BOX === *\/\n.sc-ethic-box {\n background: linear-gradient(135deg, var(--sc-rose) 0%, #faf5f0 100%);\n border-radius: var(--sc-radius);\n padding: clamp(3rem, 5vw, 4rem);\n box-shadow: var(--sc-shadow);\n display: flex;\n gap: 2.5rem;\n align-items: center;\n border: 2px solid var(--sc-rose-dark);\n}\n\n.sc-ethic-icon {\n font-size: 80px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 16px rgba(212, 175, 55, .3));\n}\n\n.sc-ethic-content h3 {\n font-size: 26px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-ethic-content p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--sc-text-light);\n margin: 0 0 2rem 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ethic-content strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n.sc-ethic-stats {\n display: flex;\n gap: 3rem;\n flex-wrap: wrap;\n}\n\n.sc-ethic-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-ethic-stat strong {\n font-size: 32px;\n font-weight: 700;\n color: var(--sc-gold-dark);\n letter-spacing: -.02em;\n}\n\n.sc-ethic-stat span {\n font-size: 13px;\n color: var(--sc-text-light);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n@media (max-width: 767px) {\n .sc-ethic-box {\n flex-direction: column;\n text-align: center;\n }\n \n .sc-ethic-stats {\n justify-content: center;\n }\n}\n\n\/* === TECHNICAL BOX === *\/\n.sc-technical-box {\n background: linear-gradient(135deg, rgba(212, 175, 55, .08) 0%, rgba(212, 175, 55, .04) 100%);\n border: 2px solid var(--sc-gold-light);\n border-radius: var(--sc-radius);\n padding: 2.5rem 3rem;\n text-align: center;\n}\n\n.sc-technical-box h3 {\n font-size: 22px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-technical-box p {\n font-size: 16px;\n line-height: 1.8;\n color: var(--sc-text-light);\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-technical-box strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === PRECAUTIONS LUXE === *\/\n.sc-precautions-luxury {\n display: grid;\n gap: 1.5rem;\n}\n\n.sc-precaution-item {\n background: var(--sc-white);\n border-radius: var(--sc-radius-sm);\n padding: 1.75rem 2rem;\n box-shadow: var(--sc-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border-left: 3px solid var(--sc-gold);\n}\n\n.sc-precaution-icon {\n font-size: 32px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(212, 175, 55, .3));\n}\n\n.sc-precaution-item p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sc-text-light);\n margin: 0;\n padding-top: 4px;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.sc-precaution-item strong {\n color: var(--sc-charcoal);\n font-weight: 600;\n}\n\n\/* === INCI BOX === *\/\n.sc-inci-box {\n background: var(--sc-white);\n border-radius: var(--sc-radius);\n padding: 2.5rem 3rem;\n box-shadow: var(--sc-shadow);\n border: 1px solid var(--sc-border);\n}\n\n.sc-inci-box h3 {\n font-size: 22px;\n font-weight: 500;\n color: var(--sc-charcoal);\n margin: 0 0 1.5rem 0;\n text-align: center;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-inci-list {\n font-size: 14px;\n line-height: 2;\n color: var(--sc-text-light);\n margin: 0 0 1rem 0;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n text-align: center;\n}\n\n.sc-inci-note {\n font-size: 13px;\n font-style: italic;\n color: var(--sc-gold-dark);\n margin: 0;\n text-align: center;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 500;\n}\n\n\/* === CTA LUXE === *\/\n.sc-cta-luxury {\n position: relative;\n background: linear-gradient(135deg, #2d2d2d 0%, #3d3d3d 100%);\n border-radius: var(--sc-radius);\n padding: clamp(3.5rem, 6vw, 5rem);\n text-align: center;\n box-shadow: var(--sc-shadow-lg);\n overflow: hidden;\n}\n\n.sc-cta-shimmer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 30% 40%, rgba(212, 175, 55, .15) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(212, 175, 55, .1) 0%, transparent 50%);\n}\n\n.sc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.sc-cta-content h3 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 400;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n font-family: 'Cormorant Garamond', Georgia, serif;\n}\n\n.sc-cta-content p {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n margin: 0;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n font-family: -apple-system, BlinkMacSystemFont, sans-serif;\n font-weight: 300;\n}\n\n.sc-cta-content strong {\n color: var(--sc-gold-light);\n font-weight: 600;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sc-actif-card,\n .sc-ritual-step,\n .sc-benefit-luxury,\n .sc-precaution-item {\n animation: fadeInUp .7s ease backwards;\n }\n \n .sc-actif-card:nth-child(1),\n .sc-ritual-step:nth-child(1),\n .sc-benefit-luxury:nth-child(1) { animation-delay: .1s; }\n \n .sc-actif-card:nth-child(2),\n .sc-ritual-step:nth-child(2),\n .sc-benefit-luxury:nth-child(2) { animation-delay: .2s; }\n \n .sc-actif-card:nth-child(3),\n .sc-ritual-step:nth-child(3),\n .sc-benefit-luxury:nth-child(3) { animation-delay: .3s; }\n \n .sc-actif-card:nth-child(4),\n .sc-benefit-luxury:nth-child(4) { animation-delay: .4s; }\n \n .sc-actif-card:nth-child(5) { animation-delay: .5s; }\n .sc-actif-card:nth-child(6) { animation-delay: .6s; }\n .sc-actif-card:nth-child(7) { animation-delay: .7s; }\n .sc-actif-card:nth-child(8) { animation-delay: .8s; }\n .sc-actif-card:nth-child(9) { animation-delay: .9s; }\n .sc-actif-card:nth-child(10) { animation-delay: 1s; }\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 .sc-luxury * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .sc-luxury {\n --sc-gold: #b8962e;\n --sc-gold-dark: #9a7a20;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755432992925,"sku":"SERUMCOUPARC","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-clairessence-bio-50-ml-arc-en-sels-lifestyle.webp?v=1775221232"},{"product_id":"huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml","title":"Huile de sésame - Adoucissant Nourrissant - Arc en Sels - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame - Arc en Sels\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du logo et textes)\n - Secondaire: #d4af37 (doré\/miel de l'huile de sésame)\n - Accent: #c9b896 (beige doré des graines de sésame)\n - Background: #f8f6f2 (crème clair élégant)\nAmbiance: Élégante, naturelle, orientale\/ayurvédique, premium, féminine raffinée\nPréfixe CSS: ses\n--\u003e\n\n\u003cdiv class=\"ses-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ses-hero\"\u003e\n \u003cdiv class=\"ses-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ses-hero-content\"\u003e\n \u003cdiv class=\"ses-badges-top\"\u003e\n \u003cspan class=\"ses-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e✨ Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-hero-title\"\u003eHuile de Sésame\u003c\/span\u003e\n \u003cp class=\"ses-subtitle\"\u003eAdoucissant \u0026amp; nourrissant\u003c\/p\u003e\n \u003cp class=\"ses-description\"\u003eUn trésor ancestral ayurvédique pour nourrir, protéger et sublimer votre peau et vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure la souplesse et l'élasticité de la peau en profondeur, pour un toucher soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E et la sésamoline luttent activement contre le vieillissement cutané et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌟 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eIdéale pour massages ayurvédiques, soins du visage, du corps et des cheveux. Un soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💚 Éthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eIssue d'une coopérative féminine, certifiée biologique et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌸 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e😊 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2-3 gouttes en soin hydratant quotidien, matin ou soir, sur peau propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement après la douche pour une peau soyeuse et nourrie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en finition pour lisser et nourrir les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid-compact\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌷 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💆 Adeptes massage\u003c\/h3\u003e\n \u003cp\u003eGlisse parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌱 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"ses-composition-box\"\u003e\n \u003cdiv class=\"ses-ingredient-main\"\u003e\n \u003cspan class=\"ses-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"ses-ingredient-info\"\u003e\n \u003ch3\u003eSesamum indicum*\u003c\/h3\u003e\n \u003cp\u003eHuile vierge bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-composition-details\"\u003e\n \u003cspan\u003e✓ Parfum naturel\u003c\/span\u003e\n \u003cspan\u003e✓ Vitamine E\u003c\/span\u003e\n \u003cspan\u003e✓ Sésamoline\u003c\/span\u003e\n \u003cspan\u003e✓ Antioxydants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ses-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ses-accordion\"\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e📦 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eFlacon roll-on pratique de 50ml. Format voyage idéal, permet environ 2 mois d'utilisation quotidienne pour le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Se conserve 12 mois après ouverture. L'huile peut légèrement se figer par temps froid, c'est normal et n'altère pas ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas d'allergie aux graines de sésame, effectuer un test dans le pli du coude 24h avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eHuile produite par une coopérative féminine, selon les méthodes traditionnelles de première pression à froid, garantissant la préservation de tous les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ses-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ses-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le secret de beauté millénaire ayurvédique.\u003cbr\u003eUne huile précieuse, éthique et 100% naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ses-cream: #f8f6f2;\n --ses-white: #ffffff;\n --ses-primary: #1e3a5f;\n --ses-primary-dark: #152a45;\n --ses-primary-light: #e8eef4;\n --ses-secondary: #d4af37;\n --ses-accent: #c9b896;\n\n \/* Textes *\/\n --ses-text: #1a1a1a;\n --ses-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ses-border: #e0e0e0;\n --ses-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ses-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ses-radius: 20px;\n --ses-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ses-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ses-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ses-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ses-primary) 0%, #2a4a6f 50%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ses-shadow-lg);\n}\n\n.ses-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.ses-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ses-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ses-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ses-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ses-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(212,175,55,.3);\n}\n\n.ses-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ses-subtitle {\n color: var(--ses-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.ses-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ses-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ses-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ses-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ses-primary), var(--ses-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ses-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ses-card {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ses-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ses-shadow-lg);\n border-color: var(--ses-secondary);\n}\n\n.ses-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ses-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ses-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ses-card-usage {\n background: linear-gradient(135deg, var(--ses-white) 0%, var(--ses-primary-light) 100%);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ses-grid-compact .ses-card {\n padding: 1rem;\n}\n\n.ses-grid-compact .ses-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ses-grid-compact .ses-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ses-composition-box {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid var(--ses-secondary);\n}\n\n.ses-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid var(--ses-border);\n margin-bottom: 1.25rem;\n}\n\n.ses-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.ses-ingredient-info {\n flex: 1;\n}\n\n.ses-ingredient-info h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.ses-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ses-text-light);\n margin: 0;\n}\n\n.ses-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-secondary);\n flex-shrink: 0;\n}\n\n.ses-composition-details {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin-bottom: 1rem;\n}\n\n.ses-composition-details span {\n background: var(--ses-primary-light);\n color: var(--ses-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.ses-composition-note {\n text-align: center;\n font-size: 12px;\n color: var(--ses-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ses-accordion {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n box-shadow: var(--ses-shadow);\n overflow: hidden;\n}\n\n.ses-accordion-item {\n border-bottom: 1px solid var(--ses-border);\n margin: 0;\n padding: 0;\n}\n\n.ses-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ses-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ses-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ses-accordion-header:hover {\n background: var(--ses-primary-light);\n}\n\n.ses-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ses-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ses-secondary);\n transition: transform .2s ease;\n}\n\n.ses-accordion-item[open] .ses-accordion-header::after {\n content: '−';\n}\n\n.ses-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ses-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ses-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ses-cta-box {\n background: linear-gradient(135deg, var(--ses-primary) 0%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ses-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(212,175,55,.2) 50%, transparent 70%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n.ses-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ses-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ses-card {\n padding: 1.125rem;\n }\n \n .ses-section {\n margin-bottom: 1.75rem;\n }\n \n .ses-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ses-radius-sm);\n }\n \n .ses-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ses-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ses-badges-top {\n gap: 8px;\n }\n \n .ses-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n \/* Grille compacte : 2 colonnes serrées *\/\n .ses-grid-compact {\n gap: .625rem;\n }\n \n .ses-grid-compact .ses-card {\n padding: .75rem;\n }\n \n \/* Composition box mobile *\/\n .ses-composition-box {\n padding: 1.25rem;\n }\n \n .ses-ingredient-main {\n flex-wrap: wrap;\n justify-content: center;\n text-align: center;\n }\n \n .ses-ingredient-icon {\n font-size: 2rem;\n }\n \n .ses-ingredient-info {\n width: 100%;\n }\n \n .ses-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n \n \/* Accordéon mobile *\/\n .ses-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ses-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ses-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ses-card:nth-child(1) { animation-delay: .05s; }\n .ses-card:nth-child(2) { animation-delay: .1s; }\n .ses-card:nth-child(3) { animation-delay: .15s; }\n .ses-card:nth-child(4) { animation-delay: .2s; }\n .ses-card:nth-child(5) { animation-delay: .25s; }\n .ses-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ses-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .ses-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45912864161949,"sku":"HUILESESAMARCENSELS","price":11.37,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml-lifestyle.webp?v=1768500683"},{"product_id":"huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles","title":"Huile de Ricin Bio - Fortifiante - 50ml - Comptoir des huiles","description":"\u003cdiv class=\"rc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rc-hero\"\u003e\n \u003cdiv class=\"rc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rc-hero-content\"\u003e\n \u003cdiv class=\"rc-badges-top\"\u003e\n \u003cspan class=\"rc-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🇫🇷 Comptoir des Huiles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-hero-title\"\u003eHuile de Ricin Bio Fortifiante\u003c\/span\u003e\n \u003cp class=\"rc-subtitle\"\u003eLe secret ancestral pour des cheveux, cils et ongles sublimés\u003c\/p\u003e\n \u003cp class=\"rc-description\"\u003e50 ml d'huile pure, certifiée biologique, en flacon compte-gouttes pour un dosage précis et sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eL'huile de Ricin : un soin naturel pour des cheveux, cils et ongles renforcés\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e véritablement efficace pour redonner force et vitalité à vos cheveux ? L'\u003cstrong\u003eHuile de Ricin Fortifiante Comptoir des Huiles\u003c\/strong\u003e est un soin pur, certifié biologique, formulé pour prendre soin de vos cheveux, cils, sourcils et ongles avec un seul produit naturel. Conditionnée en flacon compte-gouttes de 50 ml, elle s'utilise avec précision et sans gaspillage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de ricin est-elle si prisée en soin capillaire ?\u003c\/h2\u003e\n \u003cdiv class=\"rc-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e est un grand classique de la beauté naturelle. Naturellement riche en \u003cstrong\u003eacide ricinoléique\u003c\/strong\u003e, un acide gras rare quasi exclusif au ricin, elle possède des propriétés fortifiantes et gainantes remarquables.\u003c\/p\u003e\n \u003cp\u003eAppliquée régulièrement sur le cuir chevelu, l'\u003cstrong\u003ehuile de ricin sur les cheveux\u003c\/strong\u003e nourrit le bulbe capillaire, limite la casse et redonne de l'épaisseur aux chevelures fragilisées.\u003c\/p\u003e\n \u003cp\u003eL'association \u003cstrong\u003echeveux et huile de ricin\u003c\/strong\u003e fait ses preuves depuis des générations, bien avant les tendances cosmétiques actuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette huile fortifiante\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💪 Fortifie et épaissit les cheveux\u003c\/h3\u003e\n \u003cp\u003eElle renforce les cheveux normaux et bouclés, réduit la casse et apporte de la densité visible dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e👁️ Stimule la pousse des cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes appliquées chaque soir suffisent pour obtenir, au fil des semaines, des cils et sourcils plus fournis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Renforce les ongles cassants\u003c\/h3\u003e\n \u003cp\u003eMassée sur les ongles et cuticules, elle durcit les ongles fragiles et prévient les dédoublements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🫧 Nourrit intensément\u003c\/h3\u003e\n \u003cp\u003eSa texture épaisse apporte une hydratation profonde aux longueurs sèches et pointes abîmées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌱 100 % naturelle et certifiée bio\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid, sans additif ni raffinage chimique. La pureté absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin dans les cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"rc-timeline\"\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e🧖‍♀️ En bain d'huile capillaire\u003c\/h3\u003e\n \u003cp\u003ePrélevez quelques gouttes grâce à la pipette et appliquez l'\u003cstrong\u003ehuile de ricin dans les cheveux\u003c\/strong\u003e, en massant le cuir chevelu du bout des doigts. Étirez sur les longueurs, enveloppez dans une serviette tiède et laissez poser entre 30 minutes et une nuit entière. Procédez ensuite à un ou deux shampoings doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e👁️ Pour les cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquez une micro-goutte le soir à l'aide d'une brossette propre ou d'un coton-tige, en évitant le contact direct avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule, idéalement chaque soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de ricin étant naturellement épaisse, vous pouvez la mélanger à une huile plus fluide comme l'huile de coco ou de jojoba pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rc-composition-box\"\u003e\n \u003cdiv class=\"rc-composition-label\"\u003eIngrédient (INCI)\u003c\/div\u003e\n \u003cdiv class=\"rc-composition-value\"\u003eRicinus Communis Seed Oil*\u003c\/div\u003e\n \u003cp class=\"rc-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQualité et engagement Comptoir des Huiles\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eLa marque \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e sélectionne ses huiles végétales avec exigence : chaque lot est pressé à froid, non raffiné et certifié bio. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pipette intégrée permet un dosage précis et hygiénique.\u003c\/p\u003e\n \u003cdiv class=\"rc-cta-box\"\u003e\n \u003cp\u003eQue ce soit pour densifier une chevelure fine, allonger vos cils ou consolider des ongles mous, l'\u003cstrong\u003ehuile de ricin cheveux\u003c\/strong\u003e est un basique à toujours avoir sous la main pour votre routine beauté naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit cosmétique destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation. Conservez à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rc-cream: #faf7f3;\n --rc-white: #ffffff;\n --rc-primary: #6b3a2a;\n --rc-primary-dark: #4a2518;\n --rc-primary-light: #f5ece6;\n --rc-secondary: #c8956c;\n --rc-accent: #d4a574;\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n --rc-border: #e8ddd4;\n --rc-shadow: 0 4px 24px rgba(75, 37, 24, .08);\n --rc-shadow-lg: 0 12px 48px rgba(75, 37, 24, .15);\n --rc-radius: 20px;\n --rc-radius-sm: 12px;\n}\n\n.rc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rc-hero {\n position: relative;\n background: linear-gradient(135deg, #4a2518 0%, #6b3a2a 40%, #c8956c 100%);\n border-radius: var(--rc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rc-shadow-lg);\n}\n\n.rc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(200,149,108,.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.rc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.rc-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 550px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.rc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rc-primary), var(--rc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.rc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.rc-highlight-box {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-secondary);\n line-height: 1.8;\n}\n\n.rc-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rc-text);\n margin: 0 0 1rem 0;\n}\n\n.rc-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.rc-card {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rc-shadow-lg);\n border-color: var(--rc-primary);\n}\n\n.rc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.rc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rc-primary), var(--rc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rc-timeline-content {\n flex: 1;\n background: var(--rc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rc-radius-sm);\n box-shadow: var(--rc-shadow);\n}\n\n.rc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rc-timeline-content p {\n font-size: 14px;\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.rc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rc-primary-light);\n border-radius: var(--rc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rc-tip p {\n font-size: 14px;\n color: var(--rc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rc-composition-box {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n text-align: center;\n border: 2px solid var(--rc-border);\n}\n\n.rc-composition-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--rc-secondary);\n margin-bottom: .5rem;\n}\n\n.rc-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--rc-primary-dark);\n margin-bottom: .75rem;\n font-style: italic;\n}\n\n.rc-composition-note {\n font-size: 13px;\n color: var(--rc-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.rc-testimonial {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-primary);\n}\n\n.rc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rc-cta-box {\n background: linear-gradient(135deg, var(--rc-primary) 0%, var(--rc-primary-dark) 100%);\n border-radius: var(--rc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-bottom: 1.25rem;\n}\n\n.rc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rc-accordion {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n box-shadow: var(--rc-shadow);\n overflow: hidden;\n}\n\n.rc-accordion-item {\n border-bottom: 1px solid var(--rc-border);\n margin: 0;\n padding: 0;\n}\n\n.rc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rc-accordion-header:hover {\n background: var(--rc-primary-light);\n}\n\n.rc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rc-primary);\n transition: transform .2s ease;\n}\n\n.rc-accordion-item[open] .rc-accordion-header::after {\n content: '−';\n}\n\n.rc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rc-accordion-content p {\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rc-card {\n padding: 1.125rem;\n }\n\n .rc-section {\n margin-bottom: 1.75rem;\n }\n\n .rc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rc-radius-sm);\n }\n\n .rc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rc-timeline-content h3 {\n font-size: 14px;\n }\n\n .rc-timeline-content p {\n font-size: 13px;\n }\n\n .rc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rc-testimonial {\n padding: 1.25rem;\n }\n\n .rc-testimonial-text {\n font-size: 14px;\n }\n\n .rc-highlight-box {\n padding: 1.25rem;\n }\n\n .rc-highlight-box p {\n font-size: 14px;\n }\n\n .rc-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rc-card {\n animation: rcFadeInUp .5s ease backwards;\n }\n .rc-card:nth-child(1) { animation-delay: .05s; }\n .rc-card:nth-child(2) { animation-delay: .1s; }\n .rc-card:nth-child(3) { animation-delay: .15s; }\n .rc-card:nth-child(4) { animation-delay: .2s; }\n .rc-card:nth-child(5) { animation-delay: .25s; }\n .rc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53480327905657,"sku":"HUILERICINCDH","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-ricin-bio-fortifiante-50ml-comptoir-des-huiles-packshothd.webp?v=1774365515"},{"product_id":"huile-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":"huile-seche-sublimatrice-visage-corps-cheveux-105ml-centifolia","title":"Centifolia Huile Sèche Sublimatrice Visage Corps \u0026 Cheveux - 100 ml","description":"\u003cdiv class=\"nd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nd-hero\"\u003e\n \u003cdiv class=\"nd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nd-hero-content\"\u003e\n \u003cdiv class=\"nd-badges-top\"\u003e\n \u003cspan class=\"nd-badge\"\u003e🌿 Certifiée bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e🌸 5 huiles précieuses\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e✨ 98 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nd-hero-title\"\u003eHuile sèche sublimatrice Nectar Doré\u003c\/span\u003e\n \u003cp class=\"nd-subtitle\"\u003eCentifolia — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"nd-description\"\u003eUn élixir doré aux 5 huiles précieuses bio pour nourrir, sublimer et illuminer votre peau et vos cheveux en un seul geste, sans aucun fini gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eHuile sèche sublimatrice : un soin multi-usage pour le visage, le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nd-section-intro\"\u003eVous cherchez un soin capable de \u003cstrong\u003enourrir votre peau et sublimer vos cheveux\u003c\/strong\u003e en un seul geste ?\u003c\/p\u003e\n \u003cdiv class=\"nd-grid-compact\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌺 Visage\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et illumine le teint pour un fini satiné et lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e✨ Corps\u003c\/h3\u003e\n \u003cp\u003ePeau satinée, délicatement parfumée, sans aucun film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eBrillance, souplesse et nutrition des longueurs et des pointes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌿 Bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée Ecocert, 98 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"nd-post-grid\"\u003eL'\u003cstrong\u003ehuile sèche sublimatrice Nectar Doré de Centifolia\u003c\/strong\u003e réunit cinq huiles précieuses biologiques dans une formule légère et non grasse. Certifiée bio par Ecocert, elle s'utilise au quotidien sur le visage, le corps et les cheveux pour un fini satiné et lumineux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une huile classique ?\u003c\/h2\u003e\n \u003cdiv class=\"nd-highlight-box\"\u003e\n \u003cp\u003eContrairement à une huile traditionnelle, une \u003cstrong\u003ehuile sèche\u003c\/strong\u003e pénètre très rapidement dans la peau grâce à sa richesse en acides gras polyinsaturés (oméga-3 et oméga-6). Elle ne laisse aucun film gras et peut même s'appliquer sous vos vêtements sans attendre.\u003c\/p\u003e\n \u003cp\u003eC'est l'alternative idéale si vous aimez le confort d'une huile cheveux ou visage, mais que vous redoutez l'effet collant. Ici, Centifolia pousse le concept encore plus loin avec un \u003cstrong\u003eparfum délicat et envoûtant\u003c\/strong\u003e qui accompagne votre routine beauté tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes, zéro résidu gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e👗 Sous les vêtements\u003c\/h3\u003e\n \u003cp\u003eApplication immédiate, sans attendre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌹 Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eUne note florale délicate toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🧴 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eLe confort d'une huile sans l'effet collant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eCinq huiles précieuses bio au service de votre beauté\u003c\/h2\u003e\n \u003cp class=\"nd-section-intro\"\u003eLa force de cette huile sèche réside dans son cocktail d'actifs soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"nd-grid\"\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌺 Huile de Camélia bio\u003c\/h3\u003e\n \u003cp\u003eStar de la formule, elle nourrit intensément, protège la barrière cutanée et assouplit la fibre capillaire. Particulièrement appréciée pour apporter de la \u003cstrong\u003ebrillance aux cheveux ternes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Huile de Baobab bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines A, D et E, elle redonne \u003cstrong\u003eélasticité et douceur\u003c\/strong\u003e aux peaux les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de Jojoba bio\u003c\/h3\u003e\n \u003cp\u003eTrès proche du sébum humain, elle \u003cstrong\u003erégule la production de sébum\u003c\/strong\u003e et hydrate en profondeur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile d'Argan bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés régénérantes, elle \u003cstrong\u003enourrit la peau et les pointes abîmées\u003c\/strong\u003e en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🤍 Macérât de fleur de Lys blanc bio\u003c\/h3\u003e\n \u003cp\u003eVéritable secret d'éclat, il \u003cstrong\u003eadoucit, unifie et illumine\u003c\/strong\u003e le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-tip\"\u003e\n \u003cspan class=\"nd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous utilisez habituellement de l'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e afin de les fortifier, cette huile sèche constitue un excellent complément. Là où l'huile de ricin cible la pousse et la densité, l'huile sèche Centifolia apporte nutrition, brillance et souplesse aux longueurs et aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile sèche sublimatrice ?\u003c\/h2\u003e\n \u003cdiv class=\"nd-timeline\"\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes le matin ou le soir sur une peau propre. Massez délicatement pour faire pénétrer. Vous pouvez l'utiliser seule ou avant votre crème de jour pour booster l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e✨ Sur le corps\u003c\/h3\u003e\n \u003cp\u003eVaporisez généreusement après la douche sur une peau encore légèrement humide. Le résultat : une peau satinée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e💇‍♀️ Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une à deux pressions sur les longueurs et les pointes, sur cheveux secs ou humides, en soin sans rinçage. Idéal pour dompter les frisottis et redonner de l'éclat à votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-tip\"\u003e\n \u003cspan class=\"nd-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile cheveux\u003c\/strong\u003e et corps s'utilise toute l'année, aussi souvent que vous le souhaitez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eComposition et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"nd-grid-compact\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌿 98 % naturel\u003c\/h3\u003e\n \u003cp\u003eDont 21 % d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🔬 Dermatologique\u003c\/h3\u003e\n \u003cp\u003eTestée sous contrôle dermatologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e👐 Tous types\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux et de cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon spray 105 ml recyclable, sans phtalates ni bisphénol A\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"nd-accordion-item\"\u003e\n \u003csummary class=\"nd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"nd-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas d'allergie à l'un des composants, consultez un professionnel de santé avant utilisation. Conservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nd-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau et vos cheveux le luxe de 5 huiles précieuses bio dans un seul flacon — un geste beauté quotidien, naturel et envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nd-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nd-cream: #faf7f2;\n --nd-white: #ffffff;\n --nd-primary: #c5a45e;\n --nd-primary-dark: #8a6e2f;\n --nd-primary-light: #f5eed9;\n --nd-secondary: #d4a86a;\n --nd-accent: #e8c97a;\n --nd-text: #1a1a1a;\n --nd-text-light: #5a5a5a;\n --nd-border: #e8e0d0;\n --nd-shadow: 0 4px 24px rgba(139, 110, 47, .08);\n --nd-shadow-lg: 0 12px 48px rgba(139, 110, 47, .15);\n --nd-radius: 20px;\n --nd-radius-sm: 12px;\n}\n\n.nd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nd-hero {\n position: relative;\n background: linear-gradient(135deg, #8a6e2f 0%, #c5a45e 45%, #e8c97a 100%);\n border-radius: var(--nd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nd-shadow-lg);\n}\n\n.nd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 1px, transparent 1px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 3px, transparent 3px);\n background-size: 80px 80px, 120px 120px, 60px 60px;\n opacity: .6;\n}\n\n.nd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nd-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.nd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nd-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.nd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nd-primary), var(--nd-secondary));\n border-radius: 2px;\n}\n\n.nd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nd-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nd-post-grid {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--nd-text-light);\n margin-top: 1.25rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nd-card {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nd-shadow-lg);\n border-color: var(--nd-primary);\n}\n\n.nd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card ingredient variant *\/\n.nd-card-ingredient {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.nd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nd-grid-compact .nd-card {\n padding: 1rem;\n}\n\n.nd-grid-compact .nd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nd-grid-compact .nd-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.nd-highlight-box {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nd-shadow);\n border-left: 4px solid var(--nd-accent);\n}\n\n.nd-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--nd-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.nd-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.nd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nd-primary), var(--nd-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(197, 164, 94, .3);\n}\n\n.nd-timeline-content {\n flex: 1;\n background: var(--nd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nd-radius-sm);\n box-shadow: var(--nd-shadow);\n}\n\n.nd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nd-timeline-content p {\n font-size: 14px;\n color: var(--nd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.nd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nd-primary-light);\n border-radius: var(--nd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nd-tip p {\n font-size: 14px;\n color: var(--nd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nd-accordion {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n box-shadow: var(--nd-shadow);\n overflow: hidden;\n}\n\n.nd-accordion-item {\n border-bottom: 1px solid var(--nd-border);\n margin: 0;\n padding: 0;\n}\n\n.nd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nd-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nd-accordion-header:hover {\n background: var(--nd-primary-light);\n}\n\n.nd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nd-primary);\n transition: transform .2s ease;\n}\n\n.nd-accordion-item[open] .nd-accordion-header::after {\n content: '−';\n}\n\n.nd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nd-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.nd-cta-box {\n background: linear-gradient(135deg, var(--nd-primary) 0%, var(--nd-primary-dark) 100%);\n border-radius: var(--nd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nd-disclaimer {\n font-size: 12px;\n color: var(--nd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nd-card {\n padding: 1.125rem;\n }\n\n .nd-card-ingredient {\n text-align: center;\n }\n\n .nd-section {\n margin-bottom: 1.75rem;\n }\n\n .nd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nd-radius-sm);\n }\n\n .nd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nd-grid-compact {\n gap: .625rem;\n }\n\n .nd-grid-compact .nd-card {\n padding: .75rem;\n }\n\n .nd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nd-timeline-content h3 {\n font-size: 14px;\n }\n\n .nd-timeline-content p {\n font-size: 13px;\n }\n\n .nd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nd-highlight-box {\n padding: 1.25rem;\n }\n\n .nd-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nd-card {\n animation: ndFadeInUp .5s ease backwards;\n }\n .nd-card:nth-child(1) { animation-delay: .05s; }\n .nd-card:nth-child(2) { animation-delay: .1s; }\n .nd-card:nth-child(3) { animation-delay: .15s; }\n .nd-card:nth-child(4) { animation-delay: .2s; }\n .nd-card:nth-child(5) { animation-delay: .25s; }\n .nd-card:nth-child(6) { animation-delay: .3s; }\n\n .nd-timeline-item {\n animation: ndFadeInUp .5s ease backwards;\n }\n .nd-timeline-item:nth-child(1) { animation-delay: .05s; }\n .nd-timeline-item:nth-child(2) { animation-delay: .15s; }\n .nd-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes ndFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502901191033,"sku":"CE0241","price":21.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/centifolia-huile-seche-sublimatrice-visage-corps-cheveux-100-lifestyle.webp?v=1775832691"},{"product_id":"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-vanille-bio-saint-hilaire","title":"Huile de Macération Vanille Bio - Saint Hilaire - 30 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Macération Vanille Bio - Saint Hilaire - 30 ml\nPalette détectée:\n - Primaire: #3A2F2B (brun foncé\/chocolat du flacon et de l'étiquette)\n - Secondaire: #C9A96E (doré\/or des liserés et textes sur l'étiquette)\n - Accent: #D4B896 (beige chaud\/sable de l'ambiance pierre naturelle)\nAmbiance: Luxe naturel, artisanal premium, chaleureux et sensuel, tons terre\/vanille, univers cosmétique haut de gamme avec racines botaniques\nPréfixe CSS: vh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Vanille Bio – Macérât huileux de Vanille de Madagascar\"\n 2. \"Pourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\"\n 3. \"Les bienfaits de cette huile corps vanille bio\"\n 4. \"Composition – 100 % biologique\"\n 5. \"Comment utiliser cette huile de vanille bio ?\"\n 6. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"vh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"vh-hero\"\u003e\n \u003cdiv class=\"vh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vh-hero-content\"\u003e\n \u003cdiv class=\"vh-badges-top\"\u003e\n \u003cspan class=\"vh-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🇲🇬 Vanille de Madagascar\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🏔️ Fabriqué en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vh-hero-title\"\u003eHuile de macération vanille bio\u003c\/span\u003e\n \u003cp class=\"vh-subtitle\"\u003eDistillerie Saint-Hilaire · 30 ml\u003c\/p\u003e\n \u003cp class=\"vh-description\"\u003eUn macérât huileux d'exception, artisanal et 100 % biologique, qui enveloppe votre peau, vos cheveux et vos sens d'un parfum gourmand de vanille de Madagascar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eHuile de Vanille Bio – Macérât huileux de Vanille de Madagascar\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eDécouvrez une huile au parfum enveloppant, gourmand et délicat, qui prend soin de votre peau, de vos cheveux et de vos sens.\u003c\/p\u003e\n \u003cdiv class=\"vh-highlight-box\"\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile de vanille bio\u003c\/strong\u003e signée Distillerie Saint-Hilaire est élaborée artisanalement en Auvergne. Ce \u003cstrong\u003emacérât huileux de vanille\u003c\/strong\u003e réunit le meilleur de la vanille de Madagascar et de l'huile de sésame biologique dans un flacon compte-gouttes de 30 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003ePourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\u003c\/h2\u003e\n \u003cdiv class=\"vh-testimonial\"\u003e\n \u003cp class=\"vh-testimonial-text\"\u003eContrairement à une \u003cstrong\u003ehuile essentielle de vanille bio\u003c\/strong\u003e — extrêmement rare et souvent reconstituée — le macérât huileux est obtenu par infusion lente des gousses dans une huile végétale. Ce procédé préserve les composés aromatiques et les actifs nourrissants de la vanille, tout en offrant un produit prêt à l'emploi, doux et adapté à une application directe sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eLes bienfaits de cette huile corps vanille bio\u003c\/h2\u003e\n \u003cdiv class=\"vh-grid\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de sésame biologique pénètre facilement l'épiderme pour nourrir en profondeur sans film gras. La peau retrouve souplesse et confort, même sur les zones les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la déshydratation\u003c\/h3\u003e\n \u003cp\u003eCe macérât forme un voile protecteur qui aide la peau à conserver son hydratation naturelle tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e✨ Soin capillaire réparateur\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, cette huile redonne brillance et douceur aux cheveux secs ou fragilisés. Quelques gouttes suffisent pour discipliner les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🤲 Huile de massage vanille bio\u003c\/h3\u003e\n \u003cp\u003eSon parfum chaud et sucré crée une atmosphère apaisante, idéale pour un massage relaxant. La vanille est réputée pour ses vertus réconfortantes et sensuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🪶 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche et légère laisse la peau douce comme de la soie, sans sensation collante ni résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComposition – 100 % biologique\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eUne formule minimaliste ne contenant que trois ingrédients, tous d'origine naturelle et biologique.\u003c\/p\u003e\n \u003cdiv class=\"vh-grid-compact\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🌱 Sesamum indicum seed oil\u003c\/h3\u003e\n \u003cp\u003eHuile de sésame désodorisée bio, base nourrissante et légère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🫘 Vanilla planifolia fruit extract\u003c\/h3\u003e\n \u003cp\u003eExtrait de gousses de vanille de Madagascar bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card vh-card-full\"\u003e\n \u003ch3\u003e🧪 Vanillin\u003c\/h3\u003e\n \u003cp\u003eVanilline naturelle, molécule aromatique caractéristique de la vanille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-tip\"\u003e\n \u003cspan class=\"vh-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Produit certifié \u003cstrong\u003eCOSMOS ORGANIC par Ecocert\u003c\/strong\u003e. 100 % des ingrédients sont issus de l'agriculture biologique. Sans conservateur synthétique, sans parfum artificiel, sans huile minérale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de vanille bio ?\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eVersez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e dans le creux de vos mains et frottez-les pour réchauffer l'huile. Appliquez ensuite selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"vh-timeline\"\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez les zones sèches après la douche, sur peau légèrement humide pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez 2 gouttes le soir, en complément de votre crème habituelle, pour un effet nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les pointes en soin sans rinçage, ou en masque avant-shampoing pendant 30 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eEn massage\u003c\/h3\u003e\n \u003cp\u003eUtilisez généreusement et profitez de l'arôme envoûtant pour un moment de détente absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"vh-accordion\"\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver la qualité des actifs et du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. Effectuez un test au pli du coude avant la première utilisation si vous avez la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"vh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vh-cta-box\"\u003e\n \u003cp\u003eFabriquée avec passion par la \u003cstrong\u003eDistillerie Saint-Hilaire en Auvergne\u003c\/strong\u003e, cette huile à la vanille de Madagascar transforme chaque geste beauté en un rituel de douceur. Un soin polyvalent, naturel et certifié bio, à glisser dans votre routine quotidienne. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"vh-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --vh-cream: #FAF6F1;\n --vh-white: #ffffff;\n --vh-primary: #3A2F2B;\n --vh-primary-dark: #2A201C;\n --vh-primary-light: #F0E8DF;\n --vh-secondary: #C9A96E;\n --vh-accent: #D4B896;\n --vh-text: #1a1a1a;\n --vh-text-light: #5a5a5a;\n --vh-border: #E8DDD2;\n --vh-shadow: 0 4px 24px rgba(58,47,43,.08);\n --vh-shadow-lg: 0 12px 48px rgba(58,47,43,.15);\n --vh-radius: 20px;\n --vh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--vh-shadow-lg);\n}\n\n.vh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(201,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,184,150,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(201,169,110,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.vh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--vh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vh-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vh-subtitle {\n color: var(--vh-secondary);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.vh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.vh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.vh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--vh-secondary), var(--vh-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.vh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vh-highlight-box {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--vh-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.vh-card {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vh-shadow-lg);\n border-color: var(--vh-secondary);\n}\n\n.vh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vh-grid-compact .vh-card {\n padding: 1rem;\n}\n\n.vh-grid-compact .vh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vh-grid-compact .vh-card p {\n font-size: 12px;\n}\n\n.vh-card-full {\n grid-column: 1 \/ -1;\n}\n\n\/* === TIMELINE === *\/\n.vh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vh-primary), var(--vh-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.vh-timeline-content {\n flex: 1;\n background: var(--vh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vh-radius-sm);\n box-shadow: var(--vh-shadow);\n}\n\n.vh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vh-timeline-content p {\n font-size: 14px;\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vh-testimonial {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vh-accordion {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n box-shadow: var(--vh-shadow);\n overflow: hidden;\n}\n\n.vh-accordion-item {\n border-bottom: 1px solid var(--vh-border);\n margin: 0;\n padding: 0;\n}\n\n.vh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.vh-accordion-header:hover {\n background: var(--vh-primary-light);\n}\n\n.vh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vh-secondary);\n transition: transform .2s ease;\n}\n\n.vh-accordion-item[open] .vh-accordion-header::after {\n content: '−';\n}\n\n.vh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vh-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vh-primary-light);\n border-radius: var(--vh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vh-tip p {\n font-size: 14px;\n color: var(--vh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vh-cta-box {\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vh-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(201,169,110,.15) 0%, transparent 50%);\n}\n\n.vh-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.vh-disclaimer {\n font-size: 12px;\n color: var(--vh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .vh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vh-card {\n padding: 1.125rem;\n }\n\n .vh-section {\n margin-bottom: 1.75rem;\n }\n\n .vh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vh-radius-sm);\n }\n\n .vh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vh-grid-compact {\n gap: .625rem;\n }\n\n .vh-grid-compact .vh-card {\n padding: .75rem;\n }\n\n .vh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vh-timeline-content h3 {\n font-size: 14px;\n }\n\n .vh-timeline-content p {\n font-size: 13px;\n }\n\n .vh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vh-testimonial {\n padding: 1.25rem;\n }\n\n .vh-testimonial-text {\n font-size: 14px;\n }\n\n .vh-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vh-card {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-card:nth-child(1) { animation-delay: .05s; }\n .vh-card:nth-child(2) { animation-delay: .1s; }\n .vh-card:nth-child(3) { animation-delay: .15s; }\n .vh-card:nth-child(4) { animation-delay: .2s; }\n .vh-card:nth-child(5) { animation-delay: .25s; }\n .vh-card:nth-child(6) { animation-delay: .3s; }\n\n .vh-timeline-item {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-timeline-item:nth-child(1) { animation-delay: .05s; }\n .vh-timeline-item:nth-child(2) { animation-delay: .1s; }\n .vh-timeline-item:nth-child(3) { animation-delay: .15s; }\n .vh-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes vhFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .vh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858929013113,"sku":"NBAIDSH0025","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-maceration-vanille-bio-saint-hilaire-30-ml_11zon.jpg?v=1763470848"},{"product_id":"huile-avocat-bio-saint-hilaire-50ml","title":"Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #6B8E23 (vert olive\/avocat de l'étiquette)\n - Secondaire: #8B5E3C (brun ambré du flacon en verre)\n - Accent: #C5D45A (vert-jaune chartreuse de la bande étiquette)\nAmbiance: Naturel\/bio, botanique, authentique, artisanal français (Auvergne), soin cosmétique végétal\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\"\n 2. \"Pourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\"\n 3. \"Bienfaits de l'huile végétale d'avocat bio pour la peau\"\n 4. \"Bienfaits de l'huile d'avocat bio pour les cheveux\"\n 5. \"Comment utiliser l'huile d'avocat bio au quotidien ?\"\n 6. \"Quels types de peau et de cheveux sont concernés ?\"\n 7. \"La Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile végétale d'avocat bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🫒 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🧴 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eHuile végétale d'avocat bio\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eNutrition intense pour la peau et les cheveux. 100 % pure, vierge, extraite de la pulpe d'avocats bio par première pression à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eHuile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez une huile végétale d'avocat de qualité, capable de nourrir en profondeur une peau assoiffée ou de redonner vie à des cheveux fatigués ?\u003c\/p\u003e\n \u003cdiv class=\"av-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile d'avocat bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid de la pulpe\u003c\/strong\u003e d'avocats issus de l'agriculture biologique (\u003cem\u003ePersea gratissima\u003c\/em\u003e), elle conserve l'intégralité de ses acides gras, vitamines et antioxydants — sans aucun raffinage, sans additif, sans compromis.\u003c\/p\u003e\n \u003cp\u003eConditionnée dans un élégant \u003cstrong\u003eflacon en verre de 50 ml\u003c\/strong\u003e équipé d'un spray pratique, cette huile végétale bio est pensée pour s'intégrer facilement à votre routine beauté quotidienne, que ce soit en soin visage, corps ou capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'huile bio d'avocat se distingue des autres huiles végétales par un profil lipidique exceptionnellement riche et équilibré. Sa composition en fait un véritable concentré de bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫒 Acide oléique (oméga-9)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e55 à 70 %\u003c\/strong\u003e — acide gras mono-insaturé principal. Pénètre facilement l'épiderme pour nourrir les couches profondes, renforce le film hydrolipidique et apporte une souplesse durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Acide palmitoléique (oméga-7)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 à 10 %\u003c\/strong\u003e — rare dans le monde végétal, naturellement présent dans le sébum humain. Contribue à la régénération des peaux matures ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Acide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 15 %\u003c\/strong\u003e — essentiel au maintien de la barrière cutanée. Aide à prévenir la déshydratation et apaise les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Acide palmitique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 20 %\u003c\/strong\u003e — participe à l'effet protecteur et émollient de l'huile, renforçant la couche lipidique naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌟 Vitamines A, D, E et K\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E agit comme un puissant antioxydant. La vitamine A soutient le renouvellement cellulaire. La vitamine K contribue à atténuer cernes et rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Phytostérols et caroténoïdes\u003c\/h3\u003e\n \u003cp\u003eComposés bioactifs qui renforcent les propriétés réparatrices et anti-âge de l'huile pour une peau visiblement revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient INCI :\u003c\/strong\u003e Persea Gratissima Oil* — \u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003cbr\u003e\n \u003cstrong\u003ePartie pressée :\u003c\/strong\u003e pulpe du fruit. C'est cette extraction à partir de la chair (et non du noyau) qui confère à l'huile sa couleur verte caractéristique et sa richesse exceptionnelle en nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile végétale d'avocat bio pour la peau\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLes bienfaits de l'huile végétale d'avocat sur la peau sont multiples et particulièrement appréciés des peaux sèches, matures ou fragilisées. Tous les types de peau peuvent y trouver leur compte.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💦 Nutrition intense des peaux sèches et déshydratées\u003c\/h3\u003e\n \u003cp\u003eSi votre peau tiraille, pèle ou manque cruellement de confort, l'huile d'avocat est l'une des huiles végétales les plus nourrissantes. Sa texture riche mais non grasse pénètre remarquablement bien sans laisser de film collant. Elle restaure le film hydrolipidique et aide la peau à retenir son hydratation naturelle. Vous sentirez la différence dès les premières applications : une peau plus douce, plus souple, véritablement apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Soin anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en \u003cstrong\u003evitamine E, en phytostérols et en acide palmitoléique\u003c\/strong\u003e, cette huile contribue à préserver l'élasticité de la peau et à atténuer les signes visibles du vieillissement. Elle soutient le renouvellement cellulaire et aide à maintenir une peau d'apparence ferme et lumineuse. Un soin anti-âge naturel précieux, en complément de votre crème habituelle ou utilisée seule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🩹 Réparation des peaux abîmées et fragilisées\u003c\/h3\u003e\n \u003cp\u003ePeaux irritées par le froid, le vent, le soleil ou des soins trop agressifs ? L'huile d'avocat bio agit comme un véritable baume réparateur. Elle calme les inconforts, aide à restaurer la barrière cutanée endommagée et protège la peau des agressions extérieures. Excellent soin pour les coudes, genoux, talons et mains gercées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Alliée des peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eNaturellement bien tolérée, cette huile végétale convient aux peaux les plus délicates. Son profil en acides gras proches de ceux du sébum humain lui confère une excellente affinité avec la peau, minimisant les risques de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile d'avocat bio pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eSi vous avez les cheveux secs, cassants, ternes ou crépus, l'huile végétale d'avocat pourrait bien devenir votre meilleure alliée capillaire.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💪 Nutrition profonde de la fibre capillaire\u003c\/h3\u003e\n \u003cp\u003eContrairement à de nombreuses huiles qui restent en surface, l'huile d'avocat possède une capacité remarquable à pénétrer la fibre du cheveu. Elle nourrit de l'intérieur, redonnant souplesse, brillance et résistance aux cheveux les plus desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la casse\u003c\/h3\u003e\n \u003cp\u003eEn renforçant la structure du cheveu, elle réduit significativement la casse et les pointes fourchues. Particulièrement recommandée si vos cheveux sont abîmés par les colorations, le lissage ou les appareils chauffants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquée en massage sur le cuir chevelu, elle nourrit la peau et favorise un environnement sain pour la pousse. D'un grand secours en cas de cuir chevelu sec ou sujet aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Discipline des cheveux frisés et crépus\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les longueurs et les pointes suffisent à dompter les frisottis et à définir les boucles, tout en apportant un toucher soyeux et une brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'avocat bio au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLa polyvalence de cette huile végétale est l'un de ses plus grands atouts. Voici des conseils d'utilisation concrets pour en tirer le meilleur parti :\u003c\/p\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, appliquez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e sur le visage et le cou. Massez doucement en mouvements circulaires ascendants. Utilisez-la seule ou mélangée à votre crème de nuit. Le matin, une ou deux gouttes sur les zones sèches suffisent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement une micro-goutte sous chaque œil, du coin interne vers le coin externe. Sa teneur en vitamine K en fait un soin intéressant pour la zone fragile du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur une peau encore légèrement humide, appliquez généreusement sur les zones sèches (jambes, bras, mains, pieds). L'eau résiduelle facilite l'absorption et renforce l'effet hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et les pointes, massez le cuir chevelu. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 1 à 2 heures\u003c\/strong\u003e (ou toute une nuit). Procédez ensuite à votre shampooing — deux lavages peuvent être nécessaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn sérum sans rinçage pour les pointes\u003c\/h3\u003e\n \u003cp\u003eSur cheveux secs ou humides, frottez une à deux gouttes entre vos paumes et lissez-les sur les pointes. Cela protège les cheveux de la sécheresse sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn base pour vos mélanges cosmétiques maison\u003c\/h3\u003e\n \u003cp\u003eExcellente base pour diluer des huiles essentielles ou créer vos propres sérums. Se marie parfaitement avec l'huile essentielle de \u003cstrong\u003elavande\u003c\/strong\u003e (apaisante), d'\u003cstrong\u003eylang-ylang\u003c\/strong\u003e (cheveux) ou de \u003cstrong\u003egéranium rosat\u003c\/strong\u003e (anti-âge).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eQuels types de peau et de cheveux sont concernés ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003ePour vous aider à savoir si cette huile bio d'avocat est faite pour vous, voici un récapitulatif :\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eTerrain de prédilection. Effet nourrissant immédiat et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eSoin anti-âge naturel grâce aux antioxydants et au soutien de l'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles ou irritées\u003c\/h3\u003e\n \u003cp\u003eApaisante et protectrice, elle restaure le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Peaux ternes et fatiguées\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat et donne un aspect plus lumineux au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs, cassants ou abîmés\u003c\/h3\u003e\n \u003cp\u003eNutrition et réparation en profondeur de la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Cheveux crépus, frisés ou bouclés\u003c\/h3\u003e\n \u003cp\u003eDiscipline, définition des boucles et brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Cuir chevelu sec\u003c\/h3\u003e\n \u003cp\u003eApaise et nourrit sans agresser le cuir chevelu sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRemarque :\u003c\/strong\u003e si vous avez la peau grasse ou à tendance acnéique, l'huile d'avocat peut s'avérer un peu trop riche en application quotidienne sur le visage. Privilégiez une utilisation ponctuelle ou localisée sur les zones sèches uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eCette huile végétale est produite par la Distillerie Saint-Hilaire, une maison installée au cœur de l'Auvergne, reconnue pour son engagement envers la qualité et le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌿 Agriculture biologique certifiée\u003c\/h3\u003e\n \u003cp\u003eLes avocats utilisés sont issus de cultures biologiques, sans pesticides ni engrais chimiques de synthèse. Un engagement fort pour la nature et votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n \u003cp\u003eCette méthode d'extraction douce, sans chaleur excessive, préserve l'intégralité des nutriments et des propriétés actives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure et vierge\u003c\/h3\u003e\n \u003cp\u003eAucun additif, aucun conservateur, aucune dilution. Un produit brut et authentique, dans toute sa richesse naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e♻️ Flacon en verre recyclable\u003c\/h3\u003e\n \u003cp\u003eLe conditionnement en verre ambré protège l'huile de la lumière qui dégrade les vitamines, tout en s'inscrivant dans une démarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧴 Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Évitez toute application sur les enfants de moins de 3 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e⚠️ Allergies et test cutané\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue à l'avocat ou au latex (allergie croisée possible), effectuez un test cutané dans le pli du coude \u003cstrong\u003e48 heures avant\u003c\/strong\u003e la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière directe\u003c\/strong\u003e pour préserver toutes les propriétés de l'huile. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue en aucun cas un traitement médical et ne saurait se substituer à l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile végétale d'avocat bio\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat bio est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile d'avocat possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles modérément comédogènes. Pour la plupart des types de peau, elle ne pose aucun problème. Toutefois, si vous avez la peau très grasse ou sujette aux imperfections, privilégiez une utilisation avec parcimonie sur le visage ou réservez-la aux soins capillaires et corporels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on utiliser l'huile d'avocat autour des yeux ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tout à fait. Sa richesse en vitamines et sa texture qui pénètre bien en font un soin adapté à cette zone fragile. Veillez simplement à ne pas en appliquer directement dans les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat convient-elle aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile végétale d'avocat pure, sans ajout d'huiles essentielles, est généralement bien tolérée pendant la grossesse. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures. En cas de doute, demandez l'avis de votre médecin ou de votre sage-femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eComment savoir si mon huile d'avocat est encore bonne ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eUne huile d'avocat bio de qualité possède une \u003cstrong\u003eodeur douce et légèrement verte\u003c\/strong\u003e, caractéristique du fruit. Si elle dégage une odeur rance ou désagréable, elle s'est oxydée et il est préférable de ne plus l'utiliser. Bien conservée, elle se garde généralement entre \u003cstrong\u003e6 et 12 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on mélanger l'huile d'avocat avec d'autres huiles végétales ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. L'huile d'avocat se marie très bien avec l'\u003cstrong\u003ehuile de jojoba\u003c\/strong\u003e (pour équilibrer les peaux mixtes), l'\u003cstrong\u003ehuile de coco\u003c\/strong\u003e (pour un masque capillaire ultra-nourrissant) ou l'\u003cstrong\u003ehuile de rose musquée\u003c\/strong\u003e (pour renforcer l'effet anti-âge). N'hésitez pas à créer vos propres synergies selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"av-cta-box\"\u003e\n \u003cp\u003e🥑 Offrez à votre peau et vos cheveux le meilleur de la nature avec cette huile d'avocat bio, pure et authentique, distillée avec soin au cœur de l'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Usage cosmétique externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #6B8E23;\n --av-primary-dark: #3d5a0f;\n --av-primary-light: #f0f4e4;\n --av-secondary: #8B5E3C;\n --av-accent: #C5D45A;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0e0e0;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a0f 0%, #6B8E23 40%, #8B5E3C 100%);\n border-radius: var(--av-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(197,212,90,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,94,60,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.av-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.av-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.av-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--av-primary), var(--av-accent));\n border-radius: 2px;\n}\n\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.av-highlight-box {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--av-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.av-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107,142,35,.3);\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.av-testimonial {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-testimonial {\n padding: 1.25rem;\n }\n\n .av-testimonial-text {\n font-size: 14px;\n }\n\n .av-highlight-box {\n padding: 1.25rem;\n }\n\n .av-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n .av-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54861991182713,"sku":"NBAIDSH0024","price":6.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HVavocat_1_-min.jpg?v=1736419851"},{"product_id":"huile-vegetale-carotte-bio-50m","title":"Huile végétale à la Carotte Bio - Saint Hilaire - 50 ml","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Biologique certifié\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🥕 Riche en bêta-carotène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eHuile végétale à la Carotte Bio\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eUn macérât huileux d'exception, issu de racines de carotte bio macérées dans de l'huile de tournesol biologique. Le secret d'un teint lumineux et doré, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMacérât huileux de carotte bio : l'allié naturel d'un teint lumineux\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de carotte pour le visage\u003c\/strong\u003e qui apporte un véritable éclat naturel à votre peau ? Le macérât huileux de carotte bio de la Distillerie Saint-Hilaire est bien plus qu'un simple soin : c'est un concentré de bêta-carotène issu de racines de carotte (\u003cem\u003eDaucus carota\u003c\/em\u003e) macérées patiemment dans une huile de tournesol biologique. Fabriqué en Auvergne selon un savoir-faire artisanal, ce flacon de 50 ml deviendra vite un incontournable de votre routine beauté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi utiliser une huile de carotte sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLa carotte est naturellement riche en \u003cstrong\u003ebêta-carotène\u003c\/strong\u003e, un pigment précurseur de la vitamine A reconnu pour ses propriétés antioxydantes. Appliquée sur la peau, cette \u003cstrong\u003ehuile végétale de carotte\u003c\/strong\u003e offre des bienfaits concrets que vous remarquerez rapidement :\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eLe bêta-carotène donne à la peau une teinte dorée subtile et un éclat sain, sans artifice. Le teint paraît reposé et lumineux dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e☀️ Préparation au bronzage\u003c\/h3\u003e\n \u003cp\u003eAppliquée quelques semaines avant l'été, elle prépare la peau à l'exposition solaire et aide à obtenir un hâle plus uniforme et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle lutte contre les radicaux libres responsables du vieillissement prématuré de la peau, aidant à préserver sa souplesse et sa jeunesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Nutrition et régénération\u003c\/h3\u003e\n \u003cp\u003eLes peaux sèches, ternes ou fragilisées retrouvent confort et douceur grâce à l'action nourrissante de l'huile de tournesol combinée aux actifs de la carotte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile visage carotte au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eL'avantage de ce macérât, c'est sa polyvalence. Voici quelques façons concrètes de l'intégrer à vos soins :\u003c\/p\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes le soir sur un visage propre et sec. Massez délicatement du centre vers l'extérieur du visage jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn préparation solaire\u003c\/h3\u003e\n \u003cp\u003eCommencez à l'utiliser 2 à 3 semaines avant vos vacances pour préparer naturellement votre peau au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn soin après-soleil\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le corps après une journée d'exposition pour apaiser, nourrir et prolonger votre bronzage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eEn mélange personnalisé\u003c\/h3\u003e\n \u003cp\u003eAssociez quelques gouttes à votre crème de jour, à une autre huile végétale ou à votre fond de teint pour un effet bonne mine discret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile carotte visage\u003c\/strong\u003e convient à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌻 Helianthus annuus seed oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de tournesol biologique — base de macération nourrissante et légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🥕 Daucus carota sativa root extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de racine de carotte biologique — concentré en bêta-carotène pour l'éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Rosmarinus officinalis leaf extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de feuille de romarin biologique — antioxydant naturel qui préserve la qualité de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Formule 100 % naturelle, sans conservateur de synthèse, sans parfum ajouté.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧴 Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de projection, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière directe et de la chaleur pour préserver la qualité des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e☀️ Protection solaire\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eAttention :\u003c\/strong\u003e ce macérât ne remplace en aucun cas une crème solaire. Utilisez toujours une protection adaptée lors d'une exposition prolongée au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de terrain allergique, réalisez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003eFabriqué en France par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e, ce macérât huileux de carotte bio reflète un engagement sincère pour des soins naturels, biologiques et respectueux de votre peau comme de l'environnement. Un geste simple pour un teint éclatant toute l'année. 🥕✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #fdf8f2;\n --mc-white: #ffffff;\n --mc-primary: #e8983e;\n --mc-primary-dark: #8b5e34;\n --mc-primary-light: #fdf0e2;\n --mc-secondary: #5a7a3a;\n --mc-accent: #d4782a;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e8ddd0;\n --mc-shadow: 0 4px 24px rgba(139, 94, 52, .08);\n --mc-shadow-lg: 0 12px 48px rgba(139, 94, 52, .15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b5e34 0%, #e8983e 50%, #d4782a 100%);\n border-radius: var(--mc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.mc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mc-section-intro strong {\n color: var(--mc-text);\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mc-tip p strong {\n color: var(--mc-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n.mc-accordion-content p strong {\n color: var(--mc-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862224720249,"sku":"NBAIDSH0019","price":7.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-a-la-carotte-bio-saint-hilaire-50-ml-packshothd.webp?v=1774427265"},{"product_id":"huile-vegetale-abricot-bio-50ml","title":"Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé profond du logo\/étiquette Saint-Hilaire)\n - Secondaire: #E8A87C (pêche\/abricot doux de la bande étiquette)\n - Accent: #D4874D (ambre doré de l'huile\/flacon)\n - Background: #FDF5EE (beige rosé très clair, rappel du fond photo)\nAmbiance: Naturel, bio, artisanal, cosmétique premium, douceur, Auvergne, authenticité\nPréfixe CSS: ab\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\"\n 2. \"Les bienfaits de l'huile d'abricot pour le visage et le corps\"\n 3. \"Comment utiliser l'huile noyau d'abricot au quotidien ?\"\n 4. \"Composition\"\n 5. \"Qualité et engagement Saint-Hilaire\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ab-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ab-hero\"\u003e\n \u003cdiv class=\"ab-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-hero-content\"\u003e\n \u003cdiv class=\"ab-badges-top\"\u003e\n \u003cspan class=\"ab-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🍑 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eHuile végétale d'abricot bio\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eSaint-Hilaire — Flacon 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eL'éclat naturel d'une huile précieuse, pressée à froid à partir des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e. Riche en bêta-carotène et en vitamines A \u0026amp; E pour une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eHuile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eVous cherchez une huile végétale d'abricot capable de redonner vie à votre teint tout en nourrissant votre peau en profondeur ?\u003c\/p\u003e\n \u003cdiv class=\"ab-highlight-box\"\u003e\n \u003cp\u003eL'huile végétale de noyau d'abricot bio de la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e, elle conserve toute la richesse de ses actifs naturels : \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e, \u003cstrong\u003evitamine A\u003c\/strong\u003e (bêta-carotène) et \u003cstrong\u003evitamine E\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCertifiée \u003cstrong\u003ebiologique\u003c\/strong\u003e, cette huile est présentée dans un flacon en verre ambré de 50 ml muni d'une pompe doseuse, pour une utilisation précise et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'abricot pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile polyvalente à la texture sèche qui pénètre rapidement sans laisser de film gras.\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en bêta-carotène, elle ravive les teints ternes et fatigués. Quelques gouttes suffisent pour retrouver un éclat lumineux, même en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eRiche en acide oléique (oméga 9) et en acide linoléique (oméga 6), elle renforce le film hydrolipidique cutané. La peau reste souple, douce et protégée des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌸 Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A et E agissent en synergie pour aider à réduire l'apparence des rides et ridules. La peau retrouve progressivement fermeté et élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🤍 Convient à toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eSa légèreté la rend aussi confortable sur les peaux mixtes que sur les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, réduit les frisottis et redonne brillance aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile noyau d'abricot au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile remarquablement facile à intégrer à votre routine beauté.\u003c\/p\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage matin et soir\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur une peau propre et légèrement humide. Massez doucement du centre du visage vers l'extérieur. Vous pouvez l'utiliser seule ou la mélanger à votre crème habituelle pour enrichir son pouvoir nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn huile démaquillante\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette dans le creux de vos mains, massez l'ensemble du visage, puis rincez à l'eau tiède ou retirez avec un coton humide. Elle dissout efficacement le maquillage, même waterproof.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn massage corporel\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la pure ou associée à quelques gouttes d'huile essentielle de votre choix pour un massage relaxant et hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs, laissez poser 30 minutes à une nuit sous une serviette, puis procédez à votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e sur peau légèrement humide, l'huile pénètre encore plus vite et laisse un fini soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003ePrunus Armeniaca Kernel Oil*\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eAmandon du noyau d'abricot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧴 Flacon\u003c\/h3\u003e\n \u003cp\u003eVerre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eQualité et engagement Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"ab-testimonial\"\u003e\n \u003cp class=\"ab-testimonial-text\"\u003eLa Distillerie Saint-Hilaire, installée en Auvergne, cultive un savoir-faire artisanal depuis plusieurs décennies. Cette huile d'abricot bio est extraite à froid pour préserver l'intégralité de ses nutriments. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pompe doseuse évite tout gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eNutriments préservés à 100 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🫙 Verre ambré\u003c\/h3\u003e\n \u003cp\u003eProtection anti-oxydation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌱 Agriculture bio\u003c\/h3\u003e\n \u003cp\u003eCertification biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eArtisanat depuis des décennies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ab-accordion\"\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e⚠️ Usage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage \u003cstrong\u003eexterne uniquement\u003c\/strong\u003e. Conservez le flacon bien fermé, à l'abri de la lumière directe et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux fruits à coque, réalisez un test cutané dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ab-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à votre peau l'éclat naturel de l'abricot bio d'Auvergne.\u003cbr\u003eUne huile précieuse, un geste simple, une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ab-cream: #FDF5EE;\n --ab-white: #ffffff;\n --ab-primary: #2D4A3E;\n --ab-primary-dark: #1E352B;\n --ab-primary-light: #E8F0EC;\n --ab-secondary: #E8A87C;\n --ab-accent: #D4874D;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #e8ddd4;\n --ab-shadow: 0 4px 24px rgba(45,74,62,.08);\n --ab-shadow-lg: 0 12px 48px rgba(45,74,62,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ab-hero {\n position: relative;\n background: linear-gradient(135deg, #2D4A3E 0%, #3A6354 40%, #D4874D 100%);\n border-radius: var(--ab-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ab-shadow-lg);\n}\n\n.ab-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(232,168,124,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,135,77,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ab-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ab-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ab-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ab-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ab-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ab-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ab-primary), var(--ab-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ab-highlight-box {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-secondary);\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ab-text);\n line-height: 1.8;\n}\n\n.ab-highlight-box p {\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ab-card {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ab-shadow-lg);\n border-color: var(--ab-secondary);\n}\n\n.ab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ab-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ab-grid-compact .ab-card {\n padding: 1rem;\n}\n\n.ab-grid-compact .ab-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ab-grid-compact .ab-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ab-primary), var(--ab-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ab-timeline-content {\n flex: 1;\n background: var(--ab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ab-radius-sm);\n box-shadow: var(--ab-shadow);\n}\n\n.ab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ab-timeline-content p {\n font-size: 14px;\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ab-testimonial {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-primary);\n}\n\n.ab-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ab-accordion {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n box-shadow: var(--ab-shadow);\n overflow: hidden;\n}\n\n.ab-accordion-item {\n border-bottom: 1px solid var(--ab-border);\n margin: 0;\n padding: 0;\n}\n\n.ab-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ab-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ab-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ab-accordion-header:hover {\n background: var(--ab-primary-light);\n}\n\n.ab-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ab-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ab-primary);\n transition: transform .2s ease;\n}\n\n.ab-accordion-item[open] .ab-accordion-header::after {\n content: '−';\n}\n\n.ab-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ab-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ab-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ab-primary-light);\n border-radius: var(--ab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ab-tip p {\n font-size: 14px;\n color: var(--ab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-accent) 100%);\n border-radius: var(--ab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ab-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(232,168,124,.2) 0%, transparent 50%);\n}\n\n.ab-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ab-disclaimer {\n font-size: 12px;\n color: var(--ab-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ab-card {\n padding: 1.125rem;\n }\n\n .ab-section {\n margin-bottom: 1.75rem;\n }\n\n .ab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ab-radius-sm);\n }\n\n .ab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ab-grid-compact {\n gap: .625rem;\n }\n\n .ab-grid-compact .ab-card {\n padding: .75rem;\n }\n\n .ab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ab-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ab-timeline-content h3 {\n font-size: 14px;\n }\n\n .ab-timeline-content p {\n font-size: 13px;\n }\n\n .ab-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ab-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ab-testimonial {\n padding: 1.25rem;\n }\n\n .ab-testimonial-text {\n font-size: 14px;\n }\n\n .ab-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ab-card {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-card:nth-child(1) { animation-delay: .05s; }\n .ab-card:nth-child(2) { animation-delay: .1s; }\n .ab-card:nth-child(3) { animation-delay: .15s; }\n .ab-card:nth-child(4) { animation-delay: .2s; }\n .ab-card:nth-child(5) { animation-delay: .25s; }\n .ab-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ab-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862241825145,"sku":"NBAIDSH0016","price":7.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-dabricot-bio-saint-hilaire-50-ml-ingredients.webp?v=1771577056"},{"product_id":"soin-naturel-amande-douce-50ml","title":"Huile végétale d'Amande Douce Bio - Saint-Hilaire - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile végétale d'Amande Douce Bio - Saint-Hilaire - 50ml\nPalette détectée:\n - Primaire: #2D5A3D (vert foncé du texte \"Distillerie Saint-Hilaire\" sur l'étiquette)\n - Secondaire: #C8A96E (ambre doré du flacon en verre et des amandes)\n - Accent: #E8D5B0 (beige crème de l'étiquette)\n - Fond flacon: #8B5E3C (brun ambré du verre)\nAmbiance: Naturel\/bio, artisanal, douceur, authenticité provençale\/auvergnate, cosmétique végétale\nPréfixe CSS: ad\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile d'amande douce bio : le soin végétal par excellence pour votre peau et vos cheveux\"\n 2. \"Pourquoi choisir l'huile d'amande douce ? Ses bienfaits décryptés\"\n 3. \"L'huile d'amande douce pour les cheveux : un soin capillaire naturel\"\n 4. \"L'huile d'amande douce pour bébé : douceur et sécurité\"\n 5. \"Comment utiliser cette huile végétale d'amande douce bio ?\"\n 6. \"Y a-t-il des inconvénients à l'huile d'amande douce ?\"\n 7. \"Composition\"\n 8. \"Des engagements bio et écoresponsables concrets\"\n 9. \"À qui s'adresse cette huile d'amande douce bio ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ad-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ad-hero\"\u003e\n \u003cdiv class=\"ad-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ad-hero-content\"\u003e\n \u003cdiv class=\"ad-badges-top\"\u003e\n \u003cspan class=\"ad-badge\"\u003e🌿 Certifiée Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🫒 1ère pression à froid\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🇫🇷 Conditionnée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🍶 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ad-hero-title\"\u003eHuile végétale d'Amande Douce Bio\u003c\/span\u003e\n \u003cp class=\"ad-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"ad-description\"\u003eLa douceur pure de l'amande biologique, obtenue par première pression à froid. Un soin multi-usage pour toute la famille : peau, cheveux, bébé, massage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eHuile d'amande douce bio : le soin végétal par excellence pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSi vous cherchez \u003cstrong\u003eune huile végétale polyvalente, douce et efficace\u003c\/strong\u003e, vous êtes au bon endroit.\u003c\/p\u003e\n \u003cdiv class=\"ad-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e biologique de la Distillerie Saint-Hilaire est un trésor de simplicité : obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e à partir d'amandes cultivées en Espagne, elle conserve l'intégralité de ses nutriments précieux. Aucun raffinage, aucun additif, juste la richesse naturelle de l'amande (\u003cem\u003ePrunus dulcis\u003c\/em\u003e) dans un flacon en verre de 50 ml muni d'une pompe pratique.\u003c\/p\u003e\n \u003cp\u003eQue vous souhaitiez nourrir une peau sèche, apaiser la peau fragile de votre bébé, redonner de l'éclat à vos cheveux ou vous offrir un massage relaxant, cette \u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e saura répondre à vos attentes avec douceur et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'amande douce ? Ses bienfaits décryptés\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eL'huile d'amande douce fait partie des huiles végétales les plus anciennes et les plus appréciées en cosmétique naturelle, et ce n'est pas un hasard.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧬 Riche en acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eSa composition exceptionnelle en oméga-9 (acide oléique) et oméga-6 (acide linoléique) en fait un soin nourrissant profond qui renforce le film hydrolipidique de la peau. Résultat : votre peau reste souple, protégée et confortable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🍊 Source naturelle de vitamines\u003c\/h3\u003e\n \u003cp\u003eElle concentre des vitamines A, B1, B2, B6 et surtout de la \u003cstrong\u003evitamine E\u003c\/strong\u003e, un puissant antioxydant naturel qui aide à lutter contre le vieillissement cutané prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌸 Adoucissante et apaisante\u003c\/h3\u003e\n \u003cp\u003eLes \u003cstrong\u003ebienfaits de l'huile d'amande douce\u003c\/strong\u003e sont particulièrement remarquables sur les peaux sensibles, réactives ou sujettes aux tiraillements. Elle calme les rougeurs et les démangeaisons avec une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Texture soyeuse et pénétrante\u003c\/h3\u003e\n \u003cp\u003eContrairement à certaines huiles plus épaisses, elle pénètre relativement vite sans laisser de film gras désagréable, ce qui la rend agréable en application quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eL'huile d'amande douce pour les cheveux : un soin capillaire naturel\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSi vos cheveux sont secs, cassants ou ternes, l'\u003cstrong\u003ehuile d'amande douce pour les cheveux\u003c\/strong\u003e pourrait bien devenir votre alliée indispensable.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💇 Répare les pointes\u003c\/h3\u003e\n \u003cp\u003eRedonne souplesse et brillance aux pointes sèches et fourchues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Apaise le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAction émolliente sur un cuir chevelu irrité ou sujet aux pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🛡️ Protège les cheveux\u003c\/h3\u003e\n \u003cp\u003eProtège des agressions extérieures : vent, froid, chaleur des appareils coiffants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌀 Discipline les boucles\u003c\/h3\u003e\n \u003cp\u003eLimite les frisottis et apporte de la définition aux cheveux bouclés ou frisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e appliquez une noisette d'huile sur vos longueurs et pointes sèches, laissez poser 30 minutes à 1 heure en bain d'huile avant votre shampooing. Pour un soin express au quotidien, une ou deux gouttes sur les pointes encore humides après le lavage suffisent à les protéger et les nourrir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eL'huile d'amande douce pour bébé : douceur et sécurité\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eL'\u003cstrong\u003ehuile d'amande douce pour bébé\u003c\/strong\u003e est un grand classique, plébiscité par des générations de parents. Sa texture douce et sa composition naturelle en font un soin parfaitement adapté à la peau fragile des tout-petits.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Massage de bébé\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes réchauffées entre vos paumes suffisent pour un moment de tendresse et de détente. Le massage favorise le lien parent-enfant tout en hydratant la peau délicate de votre bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Croûtes de lait\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité sur le cuir chevelu de votre nourrisson, laissez agir quelques minutes, puis brossez délicatement avec une brosse à poils souples avant le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🤲 Zones sèches\u003c\/h3\u003e\n \u003cp\u003eCoudes, joues, petits plis… l'huile d'amande douce nourrit et adoucit les zones qui tiraillent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e bien que très douce, il est toujours recommandé de réaliser un test cutané dans le pli du coude de votre enfant 24 heures avant la première utilisation, notamment en cas d'antécédents allergiques aux fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile végétale d'amande douce bio ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eLa polyvalence de cette huile est l'un de ses plus grands atouts. Voici comment l'intégrer simplement à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"ad-timeline\"\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSoin du visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, sur une peau nettoyée, déposez 3 à 4 gouttes au creux de vos paumes et massez délicatement votre visage en mouvements ascendants. Particulièrement recommandée pour les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSoin du corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur la peau encore légèrement humide pour une absorption optimale. Insistez sur les zones les plus sèches : coudes, genoux, pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eHuile de massage\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la pure pour un massage relaxant, ou mélangez-la avec quelques gouttes d'huile essentielle de votre choix (lavande pour la détente, ylang-ylang pour la sensualité). Sa texture fluide facilite les mouvements et offre un excellent glissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eDémaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eSur un coton ou directement avec les doigts, elle dissout efficacement le maquillage, même waterproof, tout en prenant soin de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eBase en aromathérapie\u003c\/h3\u003e\n \u003cp\u003eEn tant qu'huile de support, elle sert de base idéale pour diluer vos huiles essentielles avant une application cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eY a-t-il des inconvénients à l'huile d'amande douce ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSoyons transparents : comme tout produit naturel, l'\u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e présente quelques limites qu'il est important de connaître pour l'utiliser en toute sérénité.\u003c\/p\u003e\n \u003cdiv class=\"ad-accordion\"\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🥜 Allergies aux fruits à coque\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eC'est le principal point de vigilance. Si vous ou votre enfant êtes allergique aux amandes ou aux fruits à coque, cette huile est déconseillée. En cas de doute, consultez votre médecin ou votre allergologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🔬 Comédogénicité légère\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile d'amande douce a un indice de comédogénicité de 2 sur 5. Si vous avez la peau grasse ou sujette aux imperfections, privilégiez son utilisation sur le corps plutôt que sur le visage, ou testez-la progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ad-accordion-item\"\u003e\n \u003csummary class=\"ad-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ad-accordion-content mt-3\"\u003e\n \u003cp\u003eComme toute huile vierge de qualité, elle peut rancir si elle est exposée à la chaleur ou à la lumière. Conservez-la dans un endroit frais et sec, à l'abri de la lumière directe, et utilisez-la dans les 6 mois suivant l'ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ad-composition-box\"\u003e\n \u003cdiv class=\"ad-composition-main\"\u003e\n \u003ch3\u003e🌱 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003ePrunus Amygdalus Dulcis Oil*\u003c\/strong\u003e (huile d'amande douce)\u003c\/p\u003e\n \u003cp\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🫒 Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid, sans traitement chimique ni raffinage. Préserve l'intégralité des acides gras, vitamines et composés actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🇪🇸 Origine\u003c\/h3\u003e\n \u003cp\u003eAmandes cultivées en Espagne, conditionnement en France par la Distillerie Saint-Hilaire (Auvergne).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eDes engagements bio et écoresponsables concrets\u003c\/h2\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🏅 Certification Ecocert – COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCe label exigeant garantit que l'ensemble du processus de fabrication, de la culture de l'amande au conditionnement, respecte des critères environnementaux stricts et vérifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🍶 Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eRecyclable et protecteur, il préserve l'huile de la lumière et assure une meilleure conservation de ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eElle vous permet de prélever la juste quantité, sans gaspillage ni contamination du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire Distillerie Saint-Hilaire\u003c\/h3\u003e\n \u003cp\u003eImplantée en Auvergne, cette distillerie artisanale perpétue un savoir-faire rigoureux, en privilégiant des matières premières biologiques et traçables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile d'amande douce bio ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eElle convient à \u003cstrong\u003etoute la famille\u003c\/strong\u003e, des nourrissons aux adultes, et s'adapte à de nombreuses situations.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Peaux sèches et sensibles\u003c\/h3\u003e\n \u003cp\u003eLes personnes à la peau sèche, sensible ou réactive qui cherchent un soin nourrissant sans ingrédient superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Jeunes parents\u003c\/h3\u003e\n \u003cp\u003eLes jeunes parents souhaitant un soin naturel et sûr pour la peau de leur bébé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs et abîmés\u003c\/h3\u003e\n \u003cp\u003eLes personnes aux cheveux secs, abîmés ou indisciplinés en quête d'un soin capillaire simple et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧘 Amateurs d'aromathérapie\u003c\/h3\u003e\n \u003cp\u003eLes amateurs d'aromathérapie et de massage qui recherchent une huile de support de qualité biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌿 Routine simplifiée\u003c\/h3\u003e\n \u003cp\u003eToute personne souhaitant simplifier sa routine beauté avec un produit multi-usage, naturel et certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + Précautions --\u003e\n \u003csection class=\"ad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ad-cta-box\"\u003e\n \u003cp\u003e🌿 L'huile d'amande douce bio Saint-Hilaire : un seul geste pour nourrir, apaiser et sublimer votre peau et vos cheveux, au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-disclaimer\"\u003e\u003cstrong\u003ePrécautions d'emploi :\u003c\/strong\u003e cette huile végétale est un soin cosmétique et ne remplace en aucun cas un traitement médical. En cas de doute, notamment en cas d'allergie connue aux fruits à coque, consultez un professionnel de santé avant utilisation. Réservé à un usage externe. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ad-cream: #FAF7F2;\n --ad-white: #ffffff;\n --ad-primary: #2D5A3D;\n --ad-primary-dark: #1E3F2B;\n --ad-primary-light: #EDF5F0;\n --ad-secondary: #C8A96E;\n --ad-accent: #E8D5B0;\n --ad-text: #1a1a1a;\n --ad-text-light: #5a5a5a;\n --ad-border: #e0ddd8;\n --ad-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ad-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ad-radius: 20px;\n --ad-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ad-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ad-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ad-hero {\n position: relative;\n background: linear-gradient(135deg, #1E3F2B 0%, #2D5A3D 40%, #3D7A52 70%, #C8A96E 100%);\n border-radius: var(--ad-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ad-shadow-lg);\n}\n\n.ad-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(200,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(200,169,110,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ad-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ad-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ad-subtitle {\n color: var(--ad-accent);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.ad-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ad-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ad-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ad-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ad-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ad-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ad-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ad-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ad-primary), var(--ad-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ad-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ad-card {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ad-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ad-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ad-shadow-lg);\n border-color: var(--ad-primary);\n}\n\n.ad-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ad-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ad-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ad-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ad-grid-compact .ad-card {\n padding: 1rem;\n}\n\n.ad-grid-compact .ad-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ad-grid-compact .ad-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ad-highlight-box {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n border-left: 4px solid var(--ad-secondary);\n}\n\n.ad-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ad-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.ad-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ad-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.ad-composition-main {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ad-shadow);\n text-align: center;\n border: 2px solid var(--ad-primary-light);\n}\n\n.ad-composition-main h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.ad-composition-main p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--ad-text-light);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.ad-composition-main p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.ad-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ad-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ad-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ad-primary), var(--ad-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ad-timeline-content {\n flex: 1;\n background: var(--ad-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ad-radius-sm);\n box-shadow: var(--ad-shadow);\n}\n\n.ad-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ad-timeline-content p {\n font-size: 14px;\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ad-testimonial {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n border-left: 4px solid var(--ad-primary);\n}\n\n.ad-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ad-accordion {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n box-shadow: var(--ad-shadow);\n overflow: hidden;\n}\n\n.ad-accordion-item {\n border-bottom: 1px solid var(--ad-border);\n margin: 0;\n padding: 0;\n}\n\n.ad-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ad-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ad-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ad-accordion-header:hover {\n background: var(--ad-primary-light);\n}\n\n.ad-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ad-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ad-primary);\n transition: transform .2s ease;\n}\n\n.ad-accordion-item[open] .ad-accordion-header::after {\n content: '−';\n}\n\n.ad-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ad-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ad-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ad-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ad-primary-light);\n border-radius: var(--ad-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ad-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ad-tip p {\n font-size: 14px;\n color: var(--ad-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ad-cta-box {\n background: linear-gradient(135deg, var(--ad-primary) 0%, var(--ad-primary-dark) 100%);\n border-radius: var(--ad-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ad-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ad-disclaimer {\n font-size: 12px;\n color: var(--ad-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ad-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ad-card {\n padding: 1.125rem;\n }\n\n .ad-section {\n margin-bottom: 1.75rem;\n }\n\n .ad-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ad-radius-sm);\n }\n\n .ad-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ad-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ad-grid-compact {\n gap: .625rem;\n }\n\n .ad-grid-compact .ad-card {\n padding: .75rem;\n }\n\n .ad-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ad-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ad-timeline-content h3 {\n font-size: 14px;\n }\n\n .ad-timeline-content p {\n font-size: 13px;\n }\n\n .ad-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ad-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ad-testimonial {\n padding: 1.25rem;\n }\n\n .ad-testimonial-text {\n font-size: 14px;\n }\n\n .ad-highlight-box {\n padding: 1.25rem;\n }\n\n .ad-highlight-box p {\n font-size: 14px;\n }\n\n .ad-composition-main {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ad-card {\n animation: adFadeInUp .5s ease backwards;\n }\n .ad-card:nth-child(1) { animation-delay: .05s; }\n .ad-card:nth-child(2) { animation-delay: .1s; }\n .ad-card:nth-child(3) { animation-delay: .15s; }\n .ad-card:nth-child(4) { animation-delay: .2s; }\n .ad-card:nth-child(5) { animation-delay: .25s; }\n .ad-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes adFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ad-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862249525625,"sku":"NBAIDSH0015","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-amande-douce-bio-saint-hilaire-50ml.jpg?v=1770369943"},{"product_id":"huile-arnica-bio-saint-hilaire-50ml","title":"Huile Végétale d'Arnica Bio - Saint-Hilaire - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Arnica Bio - Saint-Hilaire - 50ml\nPalette détectée:\n - Primaire: #2D5A27 (vert foncé du logo Distillerie Saint-Hilaire)\n - Secondaire: #E8B830 (jaune doré de la bande Arnica sur l'étiquette)\n - Accent: #C47A2A (brun ambré du flacon en verre)\nAmbiance: Naturel\/bio, artisanal français, terroir montagnard, authenticité, tradition herboriste\nPréfixe CSS: arn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Macérat huileux d'arnica bio : l'allié naturel de votre confort musculaire et articulaire\"\n 2. \"Pourquoi choisir l'huile d'arnica pour votre peau et vos muscles ?\"\n 3. \"Comment utiliser le macérat huileux d'arnica bio ?\"\n 4. \"Composition complète (INCI)\"\n 5. \"Ce qui distingue cette huile d'arnica des autres\"\n 6. \"Pour qui est faite cette huile ?\"\n 7. \"Précautions d'emploi\"\n 8. \"La Distillerie Saint-Hilaire : l'excellence auvergnate au service du naturel\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"arn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"arn-hero\"\u003e\n \u003cdiv class=\"arn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arn-hero-content\"\u003e\n \u003cdiv class=\"arn-badges-top\"\u003e\n \u003cspan class=\"arn-badge\"\u003e🌿 Bio \u0026amp; équitable\u003c\/span\u003e\n \u003cspan class=\"arn-badge\"\u003e🏔️ Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"arn-badge\"\u003e🌻 Arnica montana\u003c\/span\u003e\n \u003cspan class=\"arn-badge\"\u003e💧 Flacon 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arn-hero-title\"\u003eHuile végétale d'Arnica Bio\u003c\/span\u003e\n \u003cp class=\"arn-subtitle\"\u003eDistillerie Saint-Hilaire — Macérat huileux artisanal\u003c\/p\u003e\n \u003cp class=\"arn-description\"\u003eUn concentré de fleurs d'arnica sauvages, macérées avec soin dans une huile végétale biologique pour offrir confort musculaire, apaisement des bleus et éclat naturel de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003eMacérat huileux d'arnica bio : l'allié naturel de votre confort musculaire et articulaire\u003c\/h2\u003e\n \u003cp class=\"arn-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile d'arnica\u003c\/strong\u003e de qualité, issue d'un savoir-faire artisanal français ? Le \u003cstrong\u003emacérat huileux d'Arnica montana biologique\u003c\/strong\u003e de la Distillerie Saint-Hilaire est bien plus qu'une simple huile de massage : c'est un concentré de nature, élaboré en Auvergne à partir de \u003cstrong\u003efleurs d'arnica sauvages\u003c\/strong\u003e soigneusement macérées dans une huile végétale biologique. Un procédé ancestral qui permet de capturer toute la richesse en principes actifs de cette plante de montagne emblématique.\u003c\/p\u003e\n \u003cdiv class=\"arn-grid-compact\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🏅 Double certification\u003c\/h3\u003e\n \u003cp\u003eBiologique et équitable, pour le respect de l'environnement et des producteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🌼 Partie macérée : fleurs\u003c\/h3\u003e\n \u003cp\u003eLes fleurs concentrent le plus de principes actifs : lactones sesquiterpéniques, flavonoïdes, caroténoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🧪 Savoir-faire ancestral\u003c\/h3\u003e\n \u003cp\u003eMacération artisanale en Auvergne, fidèle aux procédés traditionnels de l'herboristerie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eProduit élaboré par la Distillerie Saint-Hilaire, au cœur du terroir auvergnat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'arnica pour votre peau et vos muscles ?\u003c\/h2\u003e\n \u003cp class=\"arn-section-intro\"\u003eL'\u003cstrong\u003earnica montana\u003c\/strong\u003e est utilisée depuis des siècles dans la tradition herboriste européenne. Sous forme de macérat huileux, ses bienfaits se déploient pleinement lors d'une application cutanée directe.\u003c\/p\u003e\n \u003cdiv class=\"arn-grid\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e💪 Confort musculaire et articulaire\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les sportifs — course à pied, randonnée, vélo, musculation — cette huile s'utilise en massage pour \u003cstrong\u003epréparer les muscles avant l'effort\u003c\/strong\u003e et \u003cstrong\u003efavoriser la récupération\u003c\/strong\u003e ensuite. Appliquée en friction douce, elle aide à décontracter les tensions et à limiter l'apparition des courbatures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🩹 Atténuation des bleus et petits chocs\u003c\/h3\u003e\n \u003cp\u003eUn coup, un bleu, une bosse chez votre enfant (dès 6 ans) : l'arnica est le réflexe naturel par excellence. Ses propriétés apaisantes aident à \u003cstrong\u003eréduire l'apparence des hématomes\u003c\/strong\u003e et à calmer l'inconfort des contusions superficielles. Plus le massage est rapide après le choc, plus l'efficacité est perceptible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🦵 Sensation de légèreté pour les jambes\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eJambes lourdes\u003c\/strong\u003e en fin de journée, chaleur ou longue station debout ? Un massage doux en remontant des chevilles vers les cuisses contribue à \u003cstrong\u003estimuler la microcirculation\u003c\/strong\u003e et offre une agréable sensation de fraîcheur et de légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e✨ Soin anti-âge et éclat de la peau\u003c\/h3\u003e\n \u003cp\u003eRiche en \u003cstrong\u003eantioxydants naturels\u003c\/strong\u003e (caroténoïdes, flavonoïdes), l'arnica aide à \u003cstrong\u003elutter contre le stress oxydatif\u003c\/strong\u003e responsable du vieillissement prématuré. Utilisée sur le visage ou le décolleté, elle apporte souplesse et éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003eComment utiliser le macérat huileux d'arnica bio ?\u003c\/h2\u003e\n \u003cp class=\"arn-section-intro\"\u003eL'un des grands avantages de cette huile est sa \u003cstrong\u003epolyvalence d'utilisation\u003c\/strong\u003e. Voici nos conseils concrets pour en tirer le meilleur parti :\u003c\/p\u003e\n \u003cdiv class=\"arn-timeline\"\u003e\n \u003cdiv class=\"arn-timeline-item\"\u003e\n \u003cdiv class=\"arn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-content\"\u003e\n \u003ch3\u003e🏃 En massage sportif\u003c\/h3\u003e\n \u003cp\u003ePrélevez 4 à 6 pressions de pompe dans le creux de votre main. Réchauffez l'huile entre vos paumes, puis massez les zones concernées (mollets, cuisses, épaules, dos) avec des mouvements lents et appuyés pendant 5 à 10 minutes. Idéal avant et après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-item\"\u003e\n \u003cdiv class=\"arn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-content\"\u003e\n \u003ch3\u003e🩹 Sur un bleu ou une bosse\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité directement sur la zone touchée et massez très délicatement en cercles légers, 2 à 3 fois par jour, jusqu'à amélioration visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-item\"\u003e\n \u003cdiv class=\"arn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-content\"\u003e\n \u003ch3\u003e🦶 Pour les jambes lourdes\u003c\/h3\u003e\n \u003cp\u003eMassez toujours du bas vers le haut, en partant de la cheville et en remontant vers le genou, puis la cuisse. Pratiquez ce massage le soir, après votre douche, pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-item\"\u003e\n \u003cdiv class=\"arn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-content\"\u003e\n \u003ch3\u003e🌿 En synergie aromatique\u003c\/h3\u003e\n \u003cp\u003eCe macérat huileux constitue une excellente \u003cstrong\u003ehuile de base\u003c\/strong\u003e pour diluer vos huiles essentielles. Associez-le par exemple à 2 gouttes d'huile essentielle de gaulthérie ou d'eucalyptus citronné pour renforcer l'effet apaisant lors d'un massage musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-item\"\u003e\n \u003cdiv class=\"arn-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"arn-timeline-content\"\u003e\n \u003ch3\u003e🧴 En soin visage anti-âge\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes sur le visage propre et sec, matin ou soir, en massant du centre vers l'extérieur du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-tip\"\u003e\n \u003cspan class=\"arn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e Le flacon pompe de 50 ml est très pratique à emporter dans votre sac de sport ou en voyage. Il permet un dosage précis et évite tout gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"arn-section-intro\"\u003eCe macérat huileux ne contient que le strict nécessaire, sans aucun additif de synthèse :\u003c\/p\u003e\n \u003cdiv class=\"arn-grid\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🌻 Helianthus Annuus Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de tournesol biologique, utilisée comme huile de macération. Riche en vitamine E et en acides gras essentiels, elle nourrit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🌼 Arnica Montana Flower Extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de fleurs d'arnica montana obtenu par macération. Source de lactones sesquiterpéniques, flavonoïdes et caroténoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🛡️ Tocopherol\u003c\/h3\u003e\n \u003cp\u003eVitamine E naturelle, antioxydant qui protège l'huile de l'oxydation et prolonge sa conservation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-tip\"\u003e\n \u003cspan class=\"arn-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. 100 % des ingrédients sont d'origine naturelle.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🌸 Partie macérée\u003c\/h3\u003e\n \u003cp\u003eFleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eBio \u0026amp; commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eVerre ambré + pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003eCe qui distingue cette huile d'arnica des autres\u003c\/h2\u003e\n \u003cp class=\"arn-section-intro\"\u003eVous vous demandez pourquoi choisir ce macérat plutôt qu'une huile arnica d'une autre marque ? Voici les éléments qui font la différence :\u003c\/p\u003e\n \u003cdiv class=\"arn-grid\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🏔️ Fabrication artisanale en Auvergne\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire perpétue un savoir-faire de distillation et de macération ancré dans le terroir auvergnat. Les fleurs sont sélectionnées avec soin, dans le respect des écosystèmes montagnards.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🤝 Double engagement bio et équitable\u003c\/h3\u003e\n \u003cp\u003eAu-delà de la certification biologique, la démarche équitable garantit une rémunération juste des cueilleurs et producteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🫙 Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eLe verre ambré protège les actifs de la lumière et préserve la qualité de l'huile dans le temps, contrairement aux contenants en plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🧴 Formule minimaliste\u003c\/h3\u003e\n \u003cp\u003ePas de conservateurs de synthèse, pas de parfums artificiels, pas d'huiles minérales. Seulement l'essentiel pour une efficacité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🤲 Texture agréable\u003c\/h3\u003e\n \u003cp\u003eCe macérat pénètre facilement sans laisser de film gras, ce qui le rend particulièrement agréable en huile de massage comme en soin quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003ePour qui est faite cette huile ?\u003c\/h2\u003e\n \u003cdiv class=\"arn-grid\"\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🏃 Les sportifs\u003c\/h3\u003e\n \u003cp\u003eAmateurs comme confirmés, pour un soin naturel de préparation et de récupération musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e💼 Les personnes actives\u003c\/h3\u003e\n \u003cp\u003eSouffrant de tensions liées à leur posture de travail : dos, épaules, nuque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Les parents\u003c\/h3\u003e\n \u003cp\u003eUn remède naturel pour les petits bleus et bosses des enfants de plus de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🌿 Les amateurs d'aromathérapie\u003c\/h3\u003e\n \u003cp\u003eUne huile de base de qualité biologique pour toutes vos synergies aromatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-card\"\u003e\n \u003ch3\u003e🇫🇷 Les adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eToute personne soucieuse de privilégier des soins corporels biologiques, naturels et fabriqués en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"arn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"arn-accordion\"\u003e\n \u003cdetails class=\"arn-accordion-item\"\u003e\n \u003csummary class=\"arn-accordion-header\"\u003e🚫 Usage et restrictions\u003c\/summary\u003e\n \u003cdiv class=\"arn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Ne jamais ingérer. Ne pas appliquer sur une \u003cstrong\u003epeau lésée\u003c\/strong\u003e, des plaies ouvertes ou des muqueuses. Éviter tout contact avec les yeux — en cas de contact accidentel, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arn-accordion-item\"\u003e\n \u003csummary class=\"arn-accordion-header\"\u003e👶 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"arn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux enfants de moins de 6 ans, aux femmes enceintes et allaitantes, sauf avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arn-accordion-item\"\u003e\n \u003csummary class=\"arn-accordion-header\"\u003e🌼 Allergies aux Astéracées\u003c\/summary\u003e\n \u003cdiv class=\"arn-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux plantes de la famille des Astéracées (marguerites, camomille, souci…), effectuez un \u003cstrong\u003etest cutané\u003c\/strong\u003e 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=\"arn-accordion-item\"\u003e\n \u003csummary class=\"arn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arn-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière directe et de la chaleur, dans un endroit sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arn-accordion-item\"\u003e\n \u003csummary class=\"arn-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"arn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace pas un avis ou un traitement médical\u003c\/strong\u003e. En cas de douleur persistante, de gonflement important ou 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 #8 --\u003e\n \u003csection class=\"arn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : l'excellence auvergnate au service du naturel\u003c\/h2\u003e\n \u003cdiv class=\"arn-testimonial\"\u003e\n \u003cp class=\"arn-testimonial-text\"\u003eInstallée au cœur de l'Auvergne, la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e est une entreprise familiale spécialisée dans la distillation de plantes et la production d'huiles essentielles et de macérats huileux biologiques. Chaque produit est le fruit d'un \u003cstrong\u003esavoir-faire artisanal rigoureux\u003c\/strong\u003e, alliant respect des traditions et exigences de qualité modernes. Les plantes sont sélectionnées localement ou issues de filières équitables, et chaque lot est contrôlé pour garantir pureté, traçabilité et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arn-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌿 Choisir Saint-Hilaire, c'est soutenir une \u003cstrong\u003eproduction locale et responsable\u003c\/strong\u003e, tout en vous offrant le meilleur de la nature auvergnate dans votre salle de bain ou votre trousse de soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arn-cream: #FAF8F3;\n --arn-white: #ffffff;\n --arn-primary: #2D5A27;\n --arn-primary-dark: #1E3D1A;\n --arn-primary-light: #EAF2E8;\n --arn-secondary: #E8B830;\n --arn-accent: #C47A2A;\n --arn-text: #1a1a1a;\n --arn-text-light: #5a5a5a;\n --arn-border: #e0e0e0;\n --arn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --arn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --arn-radius: 20px;\n --arn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.arn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.arn-hero {\n position: relative;\n background: linear-gradient(135deg, #1E3D1A 0%, #2D5A27 40%, #3A7233 70%, #C47A2A 100%);\n border-radius: var(--arn-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(--arn-shadow-lg);\n}\n\n.arn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(232,184,48,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(196,122,42,.08) 0%, transparent 60%);\n opacity: 1;\n}\n\n.arn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.arn-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.arn-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.arn-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.arn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.arn-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(--arn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.arn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arn-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.arn-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(--arn-primary), var(--arn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.arn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arn-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.arn-section-intro strong {\n color: var(--arn-text);\n}\n\n\/* === CARDS === *\/\n.arn-card {\n background: var(--arn-white);\n border-radius: var(--arn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arn-shadow-lg);\n border-color: var(--arn-primary);\n}\n\n.arn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arn-card p strong {\n color: var(--arn-text);\n}\n\n\/* === GRILLES === *\/\n.arn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.arn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.arn-grid-compact .arn-card {\n padding: 1rem;\n}\n\n.arn-grid-compact .arn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.arn-grid-compact .arn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.arn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.arn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.arn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--arn-primary), var(--arn-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.arn-timeline-content {\n flex: 1;\n background: var(--arn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--arn-radius-sm);\n box-shadow: var(--arn-shadow);\n}\n\n.arn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--arn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.arn-timeline-content p {\n font-size: 14px;\n color: var(--arn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arn-timeline-content p strong {\n color: var(--arn-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.arn-testimonial {\n background: var(--arn-white);\n border-radius: var(--arn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arn-shadow);\n border-left: 4px solid var(--arn-primary);\n}\n\n.arn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--arn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.arn-testimonial-text strong {\n color: var(--arn-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.arn-accordion {\n background: var(--arn-white);\n border-radius: var(--arn-radius);\n box-shadow: var(--arn-shadow);\n overflow: hidden;\n}\n\n.arn-accordion-item {\n border-bottom: 1px solid var(--arn-border);\n margin: 0;\n padding: 0;\n}\n\n.arn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arn-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.arn-accordion-header:hover {\n background: var(--arn-primary-light);\n}\n\n.arn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arn-primary);\n transition: transform .2s ease;\n}\n\n.arn-accordion-item[open] .arn-accordion-header::after {\n content: '−';\n}\n\n.arn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.arn-accordion-content p {\n margin: 0;\n}\n\n.arn-accordion-content p strong {\n color: var(--arn-text);\n}\n\n\/* === TIP BOX === *\/\n.arn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--arn-primary-light);\n border-radius: var(--arn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.arn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.arn-tip p {\n font-size: 14px;\n color: var(--arn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.arn-cta-box {\n background: linear-gradient(135deg, var(--arn-primary) 0%, var(--arn-primary-dark) 100%);\n border-radius: var(--arn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arn-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 .arn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .arn-card {\n padding: 1.125rem;\n }\n\n .arn-section {\n margin-bottom: 1.75rem;\n }\n\n .arn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arn-radius-sm);\n }\n\n .arn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .arn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .arn-grid-compact {\n gap: .625rem;\n }\n\n .arn-grid-compact .arn-card {\n padding: .75rem;\n }\n\n .arn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .arn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .arn-timeline-content h3 {\n font-size: 14px;\n }\n\n .arn-timeline-content p {\n font-size: 13px;\n }\n\n .arn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .arn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .arn-testimonial {\n padding: 1.25rem;\n }\n\n .arn-testimonial-text {\n font-size: 14px;\n }\n\n .arn-section-intro {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arn-card {\n animation: arnFadeInUp .5s ease backwards;\n }\n .arn-card:nth-child(1) { animation-delay: .05s; }\n .arn-card:nth-child(2) { animation-delay: .1s; }\n .arn-card:nth-child(3) { animation-delay: .15s; }\n .arn-card:nth-child(4) { animation-delay: .2s; }\n .arn-card:nth-child(5) { animation-delay: .25s; }\n .arn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes arnFadeInUp {\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 .arn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862302577017,"sku":"NBAIDSH0004","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-d-arnica-saint-hilaire-50-ml-min.jpg?v=1737048037"},{"product_id":"huile-vegetale-calendula-bio-saint-hilaire","title":"Huile Végétale de Calendula Bio - Saint-Hilaire - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Calendula Bio - Saint-Hilaire - 50ml\nPalette détectée:\n - Primaire: #D4891C (jaune-orangé doré du bandeau Calendula sur l'étiquette)\n - Secondaire: #5C3A1E (brun ambre du flacon en verre)\n - Accent: #E8A830 (jaune vif des fleurs de calendula)\nAmbiance: Naturel\/bio, artisanal français, herboristerie traditionnelle, douceur maternelle, Auvergne\nPréfixe CSS: cal\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Macérat huileux de Calendula biologique : l'allié des peaux sensibles\"\n 2. \"Huile de calendula : bienfaits pour la peau\"\n 3. \"Pour quelles situations utiliser l'huile de calendula ?\"\n 4. \"Comment utiliser ce macérat huileux de calendula ?\"\n 5. \"Composition complète (INCI)\"\n 6. \"Pourquoi choisir le macérat de calendula Saint-Hilaire ?\"\n 7. \"Précautions d'emploi et conservation\"\n 8. \"Questions fréquentes sur l'huile de calendula\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cal-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cal-hero\"\u003e\n \u003cdiv class=\"cal-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cal-hero-content\"\u003e\n \u003cdiv class=\"cal-badges-top\"\u003e\n \u003cspan class=\"cal-badge\"\u003e🌿 Certifié biologique\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🇫🇷 Fabriqué en Auvergne\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e🌼 100% naturel\u003c\/span\u003e\n \u003cspan class=\"cal-badge\"\u003e👶 Convient aux bébés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cal-hero-title\"\u003eHuile végétale de Calendula bio\u003c\/span\u003e\n \u003cp class=\"cal-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"cal-description\"\u003eLe macérat huileux artisanal d'exception pour apaiser, nourrir et réparer les peaux les plus sensibles — du nourrisson à l'adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eMacérat huileux de Calendula biologique : l'allié des peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de calendula\u003c\/strong\u003e authentique, douce et véritablement efficace pour prendre soin des peaux les plus fragiles ?\u003c\/p\u003e\n \u003cdiv class=\"cal-highlight-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003emacérat huileux de Calendula bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est obtenu selon un procédé artisanal ancestral : les fleurs de \u003cem\u003eCalendula officinalis\u003c\/em\u003e — le fameux « Souci des jardins » — sont longuement macérées dans une \u003cstrong\u003ehuile de tournesol biologique\u003c\/strong\u003e, permettant d'en capturer toute la richesse en principes actifs apaisants et réparateurs.\u003c\/p\u003e\n \u003cp\u003eFabriqué en Auvergne par une distillerie reconnue pour son savoir-faire et son exigence de qualité, ce flacon de 50 ml avec pompe doseuse vous accompagne au quotidien pour apaiser, nourrir et protéger votre peau, celle de vos proches et même celle des tout-petits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eHuile de calendula : bienfaits pour la peau\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eLe calendula est l'une des plantes les plus étudiées et les plus appréciées en cosmétique naturelle. Ses fleurs regorgent de \u003cstrong\u003eflavonoïdes\u003c\/strong\u003e, de \u003cstrong\u003ecaroténoïdes\u003c\/strong\u003e et d'\u003cstrong\u003eesters faradiol\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌸 Apaisante pour les peaux irritées\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, petites irritations du quotidien… L'huile au calendula calme rapidement les inconforts cutanés. Un réflexe naturel en cas de peau échauffée par le soleil, le froid ou le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✨ Réparatrice et régénérante\u003c\/h3\u003e\n \u003cp\u003eElle soutient le processus naturel de réparation de la peau. Gerçures, crevasses, petites zones abîmées ou dessèchement : elle favorise le renouvellement cellulaire pour une peau saine et souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'huile de tournesol bio, ce macérat est riche en acides gras essentiels (oméga 6, oméga 9) et en vitamine E. Il nourrit intensément sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🛡️ Adoucissante et protectrice\u003c\/h3\u003e\n \u003cp\u003eSes propriétés émollientes assouplissent la peau et renforcent la barrière cutanée. Les antioxydants naturels aident à lutter contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e👶 Adaptée aux peaux délicates\u003c\/h3\u003e\n \u003cp\u003eSa grande douceur en fait un soin de choix pour les peaux réactives, atopiques, ainsi que pour la peau fragile des bébés et des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e il n'existe pas d'\u003cstrong\u003ehuile essentielle de calendula\u003c\/strong\u003e à proprement parler. Le calendula ne se distille pas comme la lavande ou le tea tree. C'est bien sous forme de \u003cstrong\u003emacérat huileux\u003c\/strong\u003e (aussi appelé huile de calendula) que l'on profite de ses bienfaits en cosmétique. Une nuance importante pour bien choisir votre produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePour quelles situations utiliser l'huile de calendula ?\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eCe macérat huileux est d'une polyvalence remarquable. Voici les situations concrètes dans lesquelles il peut devenir votre meilleur allié :\u003c\/p\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e😊 Rougeurs et irritations du visage\u003c\/h3\u003e\n \u003cp\u003eIdéal en soin quotidien pour les peaux sensibles sujettes aux rougeurs diffuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🧤 Mains sèches et gerçures hivernales\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes suffisent pour réparer et assouplir la peau des mains abîmée par le froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e👶 Peau de bébé\u003c\/h3\u003e\n \u003cp\u003eParfait en massage doux pour apaiser les petites irritations liées aux couches ou aux frottements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e☀️ Après-soleil naturel\u003c\/h3\u003e\n \u003cp\u003eEn application sur une peau échauffée par le soleil, il apporte un soulagement immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🦵 Zones de sécheresse localisées\u003c\/h3\u003e\n \u003cp\u003eCoudes, genoux, talons… les zones rugueuses retrouvent souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌀 Vergetures et cicatrices récentes\u003c\/h3\u003e\n \u003cp\u003eEn massage régulier, il contribue à améliorer l'aspect de la peau et à soutenir sa régénération naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💆 Base de massage\u003c\/h3\u003e\n \u003cp\u003eUtilisé seul ou avec quelques gouttes d'huiles essentielles adaptées, il constitue une excellente huile de massage corporel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eComment utiliser ce macérat huileux de calendula ?\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eGrâce à sa \u003cstrong\u003epompe doseuse pratique\u003c\/strong\u003e, l'application est simple et hygiénique :\u003c\/p\u003e\n \u003cdiv class=\"cal-timeline\"\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, appliquez 3 à 4 pressions de pompe. Massez délicatement du centre du visage vers l'extérieur, matin et\/ou soir. Votre peau absorbe rapidement l'huile, sans sensation de gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn soin corps localisé\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur la zone concernée, 2 à 3 fois par jour, en massant doucement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn massage bébé\u003c\/h3\u003e\n \u003cp\u003eRéchauffez une petite quantité entre vos paumes, puis massez tendrement le corps de bébé après le bain. Un moment de douceur et de complicité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-item\"\u003e\n \u003cdiv class=\"cal-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cal-timeline-content\"\u003e\n \u003ch3\u003eEn synergie avec des huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eUtilisez ce macérat comme huile de support pour diluer vos huiles essentielles (lavande vraie, camomille romaine, tea tree…) selon vos besoins et les conseils d'un professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cp class=\"cal-section-intro\"\u003eSeulement \u003cstrong\u003edeux ingrédients\u003c\/strong\u003e pour une formule d'une simplicité et d'une pureté exemplaires.\u003c\/p\u003e\n \u003cdiv class=\"cal-grid-compact\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌻 Helianthus Annuus Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de tournesol biologique — support de macération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌼 Calendula Officinalis Flower Extract*\u003c\/h3\u003e\n \u003cp\u003eExtrait de fleurs de Calendula officinal biologique — partie macérée : fleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-tip\"\u003e\n \u003cspan class=\"cal-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e Pas de parfum synthétique, pas de conservateur artificiel, pas d'additif superflu. Juste l'essentiel, certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePourquoi choisir le macérat de calendula Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"cal-grid\"\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🏔️ Fabrication artisanale en Auvergne\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire perpétue un savoir-faire régional et maîtrise chaque étape de la production, de la plante au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🌿 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eLes fleurs de calendula et l'huile de tournesol utilisées sont issues de l'agriculture biologique, garantissant un produit exempt de pesticides et de produits chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e🫙 Flacon en verre ambré\u003c\/h3\u003e\n \u003cp\u003eLe contenant protège les actifs de la lumière et de l'oxydation, préservant la qualité de l'huile dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e💧 Pompe doseuse\u003c\/h3\u003e\n \u003cp\u003eElle assure un dosage précis et une utilisation hygiénique, évitant tout contact direct avec le contenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cal-card\"\u003e\n \u003ch3\u003e✈️ Format 50 ml pratique\u003c\/h3\u003e\n \u003cp\u003eFacile à emporter en voyage ou à glisser dans votre trousse de soin, tout en offrant plusieurs semaines d'utilisation grâce à la concentration du macérat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"cal-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🚫 Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eAvant une première utilisation, réalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e dans le pli du coude et attendez 24 heures pour vérifier l'absence de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e👶 Enfants de moins de 3 ans\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis d'un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon \u003cstrong\u003eà l'abri de la lumière et de la chaleur\u003c\/strong\u003e, dans un endroit frais et sec. Refermez bien la pompe après chaque utilisation pour préserver la fraîcheur du macérat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cal-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème de peau persistant (eczéma, dermatite, psoriasis…), consultez un dermatologue ou votre médecin traitant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"cal-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de calendula\u003c\/h2\u003e\n \u003cdiv class=\"cal-accordion\"\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eQuelle est la différence entre huile de calendula et huile essentielle de calendula ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eIl n'existe pas véritablement d'huile essentielle de calendula obtenue par distillation classique. Ce que l'on appelle couramment « \u003cstrong\u003ehuile de calendula\u003c\/strong\u003e » est en réalité un \u003cstrong\u003emacérat huileux\u003c\/strong\u003e : les fleurs sont mises à macérer dans une huile végétale (ici, du tournesol bio) pendant plusieurs semaines. C'est ce procédé qui permet d'obtenir un soin concentré en actifs apaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eL'huile de calendula convient-elle aux bébés ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, le macérat huileux de calendula est reconnu pour sa grande douceur et est traditionnellement utilisé pour le soin de la peau des nourrissons et des jeunes enfants. Pour les bébés de moins de 3 mois, un avis médical est toutefois recommandé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003ePeut-on utiliser l'huile de calendula sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Elle est même particulièrement recommandée pour les peaux sensibles et réactives du visage. Appliquez-la le soir sur peau propre pour un effet nourrissant et apaisant optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eL'huile de calendula est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eLe macérat de calendula sur base de tournesol a un \u003cstrong\u003eindice de comédogénicité faible\u003c\/strong\u003e (environ 0 à 1). Il convient donc à la plupart des types de peau, y compris les peaux mixtes, sans risque majeur de boucher les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cal-accordion-item\"\u003e\n \u003csummary class=\"cal-accordion-header\"\u003eCombien de temps se conserve ce macérat ?\u003c\/summary\u003e\n \u003cdiv class=\"cal-accordion-content mt-3\"\u003e\n \u003cp\u003eConservé dans de bonnes conditions (à l'abri de la chaleur et de la lumière), le macérat huileux de calendula se conserve généralement 6 à 12 mois après ouverture. Référez-vous à la date indiquée sur le flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cal-cream: #FDF8F0;\n --cal-white: #ffffff;\n --cal-primary: #D4891C;\n --cal-primary-dark: #5C3A1E;\n --cal-primary-light: #FFF5E6;\n --cal-secondary: #E8A830;\n --cal-accent: #F0C044;\n --cal-text: #1a1a1a;\n --cal-text-light: #5a5a5a;\n --cal-border: #EDE3D6;\n --cal-shadow: 0 4px 24px rgba(92, 58, 30, .08);\n --cal-shadow-lg: 0 12px 48px rgba(92, 58, 30, .15);\n --cal-radius: 20px;\n --cal-radius-sm: 12px;\n}\n\n.cal-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cal-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cal-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A1E 0%, #8B5E3C 40%, #D4891C 100%);\n border-radius: var(--cal-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cal-shadow-lg);\n}\n\n.cal-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(232, 168, 48, .3) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(240, 192, 68, .2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.cal-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cal-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cal-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cal-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cal-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cal-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cal-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.cal-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.cal-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cal-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cal-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cal-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cal-primary), var(--cal-secondary));\n border-radius: 2px;\n}\n\n.cal-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cal-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cal-highlight-box {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cal-shadow);\n border-left: 4px solid var(--cal-secondary);\n}\n\n.cal-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cal-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.cal-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.cal-card {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cal-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cal-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cal-shadow-lg);\n border-color: var(--cal-primary);\n}\n\n.cal-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cal-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cal-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cal-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cal-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cal-grid-compact .cal-card {\n padding: 1rem;\n}\n\n.cal-grid-compact .cal-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cal-grid-compact .cal-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cal-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cal-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cal-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cal-primary), var(--cal-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cal-timeline-content {\n flex: 1;\n background: var(--cal-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cal-radius-sm);\n box-shadow: var(--cal-shadow);\n}\n\n.cal-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cal-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cal-timeline-content p {\n font-size: 14px;\n color: var(--cal-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cal-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cal-primary-light);\n border-radius: var(--cal-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cal-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cal-tip p {\n font-size: 14px;\n color: var(--cal-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cal-accordion {\n background: var(--cal-white);\n border-radius: var(--cal-radius);\n box-shadow: var(--cal-shadow);\n overflow: hidden;\n}\n\n.cal-accordion-item {\n border-bottom: 1px solid var(--cal-border);\n margin: 0;\n padding: 0;\n}\n\n.cal-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cal-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cal-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cal-accordion-header:hover {\n background: var(--cal-primary-light);\n}\n\n.cal-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cal-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cal-primary);\n transition: transform .2s ease;\n}\n\n.cal-accordion-item[open] .cal-accordion-header::after {\n content: '−';\n}\n\n.cal-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cal-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cal-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cal-disclaimer {\n font-size: 12px;\n color: var(--cal-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cal-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cal-card {\n padding: 1.125rem;\n }\n\n .cal-section {\n margin-bottom: 1.75rem;\n }\n\n .cal-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cal-radius-sm);\n }\n\n .cal-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cal-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cal-grid-compact {\n gap: .625rem;\n }\n\n .cal-grid-compact .cal-card {\n padding: .75rem;\n }\n\n .cal-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cal-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cal-timeline-content h3 {\n font-size: 14px;\n }\n\n .cal-timeline-content p {\n font-size: 13px;\n }\n\n .cal-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cal-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cal-highlight-box {\n padding: 1.25rem;\n }\n\n .cal-highlight-box p {\n font-size: 14px;\n }\n\n .cal-tip {\n padding: .875rem 1rem;\n }\n\n .cal-tip-icon {\n font-size: 20px;\n }\n\n .cal-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cal-card {\n animation: calFadeInUp .5s ease backwards;\n }\n .cal-card:nth-child(1) { animation-delay: .05s; }\n .cal-card:nth-child(2) { animation-delay: .1s; }\n .cal-card:nth-child(3) { animation-delay: .15s; }\n .cal-card:nth-child(4) { animation-delay: .2s; }\n .cal-card:nth-child(5) { animation-delay: .25s; }\n .cal-card:nth-child(6) { animation-delay: .3s; }\n .cal-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes calFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cal-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862394917241,"sku":"NBAIDSH0018","price":8.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-calendula-bio-saint-hilaire-50ml-bis-min.jpg?v=1770369757"},{"product_id":"huile-jojoba-bio-saint-hilaire-50ml","title":"Huile Végétale de Jojoba Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Jojoba Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #8B5E3C (brun ambré du flacon en verre)\n - Secondaire: #E8B5A0 (rose poudré\/saumon de la bande sur l'étiquette)\n - Accent: #5A7A3A (vert des feuilles\/végétal naturel)\n - Fond: #FAF6F2 (crème chaud très doux)\nAmbiance: Naturel\/bio, artisanal français, doux \u0026 féminin, authentique, apothicaire moderne\nPréfixe CSS: jjb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de jojoba bio : le soin incontournable pour la peau et les cheveux\"\n 2. \"Pourquoi l'huile de jojoba est-elle si particulière ?\"\n 3. \"Les bienfaits de l'huile de jojoba bio pour le visage\"\n 4. \"L'huile de jojoba pour les cheveux : un soin complet\"\n 5. \"Comment utiliser l'huile de jojoba au quotidien ?\"\n 6. \"Composition\"\n 7. \"Pourquoi choisir l'huile de jojoba Saint-Hilaire ?\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile de jojoba bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jjb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jjb-hero\"\u003e\n \u003cdiv class=\"jjb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jjb-hero-content\"\u003e\n \u003cdiv class=\"jjb-badges-top\"\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🇫🇷 Fabriquée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"jjb-badge\"\u003e🌰 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jjb-hero-title\"\u003eHuile végétale de jojoba bio\u003c\/span\u003e\n \u003cp class=\"jjb-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"jjb-description\"\u003eUne cire liquide d'exception, proche du sébum naturel de votre peau. Soin polyvalent visage, cheveux et corps — 100 % pur, un seul ingrédient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eHuile végétale de jojoba bio : le soin incontournable pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eVous cherchez une huile végétale polyvalente, naturelle et vraiment efficace ?\u003c\/p\u003e\n \u003cdiv class=\"jjb-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de jojoba bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est bien plus qu'une simple huile : c'est une \u003cstrong\u003ecire liquide\u003c\/strong\u003e d'exception, obtenue par première pression à froid des graines de \u003cem\u003eSimmondsia chinensis\u003c\/em\u003e. Certifiée biologique et fabriquée en Auvergne, elle se distingue par sa composition remarquablement proche du sébum naturel de votre peau.\u003c\/p\u003e\n \u003cp\u003eRésultat : elle pénètre en un éclair, ne laisse aucun film gras et convient véritablement à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles et les plus grasses.\u003c\/p\u003e\n \u003cp\u003eQue vous souhaitiez utiliser l'\u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e, en soin capillaire ou comme base de massage, ce flacon de 50 ml avec pompe doseuse vous accompagnera au quotidien dans une routine beauté simple, efficace et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de jojoba est-elle si particulière ?\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eContrairement à la plupart des huiles végétales, l'huile de jojoba n'est pas un triglycéride mais une \u003cstrong\u003ecire liquide esters\u003c\/strong\u003e. Cette particularité lui confère des propriétés uniques.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🤝 Affinité exceptionnelle avec la peau\u003c\/h3\u003e\n \u003cp\u003eSa structure moléculaire est quasi identique au sébum humain. Votre peau la reconnaît et l'absorbe instantanément, sans sensation grasse ni pores obstrués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🛡️ Stabilité remarquable\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en antioxydants (vitamine E), elle ne rancit quasiment pas et se conserve très longtemps — un investissement durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧬 Richesse en acides gras\u003c\/h3\u003e\n \u003cp\u003eAcide gadoléique (65-80 %), acide érucique et acide oléique : ils nourrissent, protègent et assouplissent la peau et les cheveux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de jojoba bio pour le visage\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eAppliquer de l'\u003cstrong\u003ehuile de jojoba sur le visage\u003c\/strong\u003e est l'un des gestes les plus simples et les plus bénéfiques que vous puissiez adopter.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eEn « mimant » le sébum, elle envoie un signal à votre peau pour qu'elle réduise sa propre production de gras. Les peaux mixtes à grasses retrouvent un équilibre naturel, les brillances s'atténuent visiblement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💧 Hydratation sans excès\u003c\/h3\u003e\n \u003cp\u003eElle forme un film protecteur imperceptible qui empêche la déshydratation tout en laissant la peau respirer. Les peaux sèches et déshydratées retrouvent confort et souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eEn cas de rougeurs, tiraillements ou irritations, l'huile de jojoba calme la peau grâce à ses propriétés adoucissantes. Particulièrement appréciée des peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e✨ Prévention du vieillissement\u003c\/h3\u003e\n \u003cp\u003eSa richesse en vitamine E et en antioxydants aide à lutter contre les radicaux libres responsables du vieillissement prématuré. Le teint apparaît plus lumineux, plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🎯 Soin anti-imperfections\u003c\/h3\u003e\n \u003cp\u003eNon comédogène, elle n'obstrue pas les pores. Elle convient aux peaux à tendance acnéique et aide à apaiser les petites inflammations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eL'huile de jojoba pour les cheveux : un soin complet\u003c\/h2\u003e\n \u003cp class=\"jjb-section-intro\"\u003eL'\u003cstrong\u003ehuile de jojoba pour cheveux\u003c\/strong\u003e est un véritable allié capillaire, quel que soit votre type de chevelure.\u003c\/p\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💆 Nutrition des cheveux secs et cassants\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, la nourrit en profondeur et lui redonne éclat et souplesse. Fini les pointes fourchues et les cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du cuir chevelu gras\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes massées avant le shampooing aident à rééquilibrer la production de sébum du cuir chevelu, tout comme elle le fait sur le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n \u003cp\u003eVent, froid, chaleur du sèche-cheveux, exposition au soleil… L'huile de jojoba forme un duo protecteur qui limite la casse et la déshydratation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n \u003cp\u003eEn masque ou en soin sans rinçage sur les pointes, elle assouplit la fibre et rend les cheveux plus faciles à coiffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de jojoba au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"jjb-timeline\"\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eMatin ou soir, sur peau propre et légèrement humide, appliquez \u003cstrong\u003e2 à 3 pressions de pompe\u003c\/strong\u003e dans le creux de votre main. Chauffez l'huile entre vos paumes, puis massez délicatement votre visage par mouvements circulaires en remontant vers les tempes. L'huile pénètre en quelques secondes. Utilisez-la seule ou avant votre crème habituelle pour en renforcer l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn démaquillant naturel\u003c\/h3\u003e\n \u003cp\u003eLe soir, massez généreusement l'huile sur l'ensemble du visage, y compris les yeux (paupières fermées). Elle dissout efficacement le maquillage — même waterproof — tout en respectant l'équilibre de votre peau. Rincez à l'eau tiède ou retirez l'excédent avec un coton réutilisable humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez une quantité généreuse sur les longueurs et les pointes sèches. Enveloppez vos cheveux dans une serviette chaude et laissez poser \u003cstrong\u003e30 minutes à 1 heure\u003c\/strong\u003e avant votre shampooing. Renouvelez une à deux fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn huile de massage ou base pour huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eSa texture fluide et sa pénétration rapide en font une excellente huile de massage pour le corps. Elle constitue également une \u003cstrong\u003ebase idéale pour diluer vos huiles essentielles\u003c\/strong\u003e, puisqu'elle est neutre en odeur et très bien tolérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-item\"\u003e\n \u003cdiv class=\"jjb-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"jjb-timeline-content\"\u003e\n \u003ch3\u003eEn soin des ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle et cuticule chaque soir. Les ongles cassants retrouvent force et les cuticules sont nourries et assouplies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"jjb-composition-box\"\u003e\n \u003cdiv class=\"jjb-composition-inci\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient unique (INCI) :\u003c\/strong\u003e \u003cem\u003eSimmondsia Chinensis Seed Oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e* Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-grid-compact\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine de jojoba\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e⚙️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de jojoba Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"jjb-grid\"\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🏔️ Production française artisanale\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est implantée en Auvergne et perpétue un savoir-faire reconnu dans la distillation et le pressage d'huiles végétales de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid certifiée bio\u003c\/h3\u003e\n \u003cp\u003eCe procédé préserve l'intégralité des actifs naturels (vitamines, acides gras, antioxydants). Aucun solvant chimique, aucun raffinage agressif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre ambré avec pompe\u003c\/h3\u003e\n \u003cp\u003eLe verre protège l'huile de la lumière et de l'oxydation, tandis que la pompe garantit un dosage précis et hygiénique, sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jjb-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, aucun additif, aucun parfum ajouté, aucun conservateur. La garantie d'un soin brut, authentique et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"jjb-accordion\"\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez tout contact direct avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003cp\u003eBien que l'huile de jojoba soit très bien tolérée, il est toujours recommandé de réaliser un \u003cstrong\u003etest cutané dans le pli du coude\u003c\/strong\u003e 24 heures avant la première utilisation, surtout si vous avez une peau très réactive ou des allergies connues.\u003c\/p\u003e\n \u003cp\u003eConvient à toute la famille, y compris aux enfants. En cas de doute ou de terrain allergique particulier, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eGardez le flacon dans un endroit frais et sec, à l'abri de la lumière directe et des sources de chaleur. Grâce à sa stabilité naturelle, l'huile de jojoba se conserve facilement \u003cstrong\u003e12 à 18 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de problème dermatologique persistant, consultez votre médecin ou votre dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"jjb-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de jojoba bio\u003c\/h2\u003e\n \u003cdiv class=\"jjb-accordion\"\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eL'huile de jojoba convient-elle aux peaux grasses ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, c'est même l'une de ses utilisations les plus pertinentes. L'\u003cstrong\u003ehuile de jojoba pour le visage\u003c\/strong\u003e régule naturellement la production de sébum. Les peaux grasses et mixtes la tolèrent parfaitement car elle n'obstrue pas les pores et n'alourdit pas la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003ePeut-on utiliser l'huile de jojoba sur les cheveux tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eTout dépend de l'usage. En soin des pointes, vous pouvez appliquer une petite quantité d'\u003cstrong\u003ehuile de jojoba sur les cheveux\u003c\/strong\u003e quotidiennement sans les alourdir. Pour un masque capillaire en profondeur, une à deux fois par semaine suffit amplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003eL'huile de jojoba est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eNon. L'huile de jojoba possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles peu comédogènes. Elle est généralement bien tolérée par les peaux sujettes aux imperfections, précisément parce qu'elle aide à réguler le sébum plutôt qu'à surcharger la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"jjb-accordion-item\"\u003e\n \u003csummary class=\"jjb-accordion-header\"\u003ePeut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"jjb-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de jojoba pure, sans ajout d'huile essentielle, est considérée comme sûre pendant la grossesse et l'allaitement. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures et hydrater la peau qui tiraille. En cas de doute, consultez votre sage-femme ou votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"jjb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jjb-cta-box\"\u003e\n \u003cp\u003e🌿 Une huile, mille usages : visage, cheveux, corps, ongles, massage. Offrez à votre peau le soin le plus naturel qui soit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jjb-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --jjb-cream: #FAF6F2;\n --jjb-white: #ffffff;\n --jjb-primary: #8B5E3C;\n --jjb-primary-dark: #5C3A22;\n --jjb-primary-light: #F5EDE6;\n --jjb-secondary: #E8B5A0;\n --jjb-accent: #5A7A3A;\n --jjb-text: #1a1a1a;\n --jjb-text-light: #5a5a5a;\n --jjb-border: #e8ddd4;\n --jjb-shadow: 0 4px 24px rgba(92,58,34,.08);\n --jjb-shadow-lg: 0 12px 48px rgba(92,58,34,.15);\n --jjb-radius: 20px;\n --jjb-radius-sm: 12px;\n}\n\n.jjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #5C3A22 0%, #8B5E3C 40%, #C4906C 75%, #E8B5A0 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--jjb-shadow-lg);\n}\n\n.jjb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.jjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jjb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.jjb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jjb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.jjb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.jjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jjb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.jjb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--jjb-primary), var(--jjb-secondary));\n border-radius: 2px;\n}\n\n.jjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.jjb-highlight-box {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jjb-shadow);\n border-left: 4px solid var(--jjb-secondary);\n}\n\n.jjb-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--jjb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.jjb-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.jjb-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jjb-shadow-lg);\n border-color: var(--jjb-primary);\n}\n\n.jjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.jjb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jjb-grid-compact .jjb-card {\n padding: 1rem;\n}\n\n.jjb-grid-compact .jjb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jjb-grid-compact .jjb-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.jjb-composition-box {\n margin-bottom: 1.5rem;\n}\n\n.jjb-composition-inci {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n text-align: center;\n border: 2px dashed var(--jjb-secondary);\n}\n\n.jjb-composition-inci p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--jjb-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.jjb-composition-inci p:last-child {\n margin-bottom: 0;\n font-size: clamp(12px, 2vw, 14px);\n color: var(--jjb-text-light);\n}\n\n\/* === TIMELINE === *\/\n.jjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jjb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jjb-primary), var(--jjb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.jjb-timeline-content {\n flex: 1;\n background: var(--jjb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jjb-radius-sm);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jjb-timeline-content p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.jjb-accordion {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n box-shadow: var(--jjb-shadow);\n overflow: hidden;\n}\n\n.jjb-accordion-item {\n border-bottom: 1px solid var(--jjb-border);\n margin: 0;\n padding: 0;\n}\n\n.jjb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jjb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jjb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.jjb-accordion-header:hover {\n background: var(--jjb-primary-light);\n}\n\n.jjb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jjb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jjb-primary);\n transition: transform .2s ease;\n}\n\n.jjb-accordion-item[open] .jjb-accordion-header::after {\n content: '−';\n}\n\n.jjb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jjb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jjb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.jjb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.jjb-cta-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jjb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(232,181,160,.15) 0%, transparent 60%);\n}\n\n.jjb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.jjb-disclaimer {\n font-size: 12px;\n color: var(--jjb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .jjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jjb-card {\n padding: 1.125rem;\n }\n\n .jjb-section {\n margin-bottom: 1.75rem;\n }\n\n .jjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jjb-radius-sm);\n }\n\n .jjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jjb-grid-compact {\n gap: .625rem;\n }\n\n .jjb-grid-compact .jjb-card {\n padding: .75rem;\n }\n\n .jjb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jjb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jjb-timeline-content h3 {\n font-size: 14px;\n }\n\n .jjb-timeline-content p {\n font-size: 13px;\n }\n\n .jjb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .jjb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .jjb-highlight-box {\n padding: 1.25rem;\n }\n\n .jjb-highlight-box p {\n font-size: 14px;\n }\n\n .jjb-composition-inci {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jjb-card {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-card:nth-child(1) { animation-delay: .05s; }\n .jjb-card:nth-child(2) { animation-delay: .1s; }\n .jjb-card:nth-child(3) { animation-delay: .15s; }\n .jjb-card:nth-child(4) { animation-delay: .2s; }\n .jjb-card:nth-child(5) { animation-delay: .25s; }\n .jjb-card:nth-child(6) { animation-delay: .3s; }\n\n .jjb-timeline-item {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .jjb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .jjb-timeline-item:nth-child(3) { animation-delay: .15s; }\n .jjb-timeline-item:nth-child(4) { animation-delay: .2s; }\n .jjb-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes jjbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .jjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54863397716345,"sku":"NBAIDSH0008","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HV_jojoba-min.jpg?v=1770369059"},{"product_id":"huile-vegetale-rose-musquee-bio-50ml","title":"Huile Végétale de Rose musquée Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Rose musquée Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #8B4E2A (brun ambré du flacon)\n - Secondaire: #E8B4C0 (rose poudré du bandeau packaging)\n - Accent: #C4564A (rouge des cynorrhodons\/fruits)\nAmbiance: Naturel\/botanique, élégant et féminin, cosmétique bio premium, artisanat français\nPréfixe CSS: rm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de Rose musquée bio : le secret d'une peau régénérée et lumineuse\"\n 2. \"Pourquoi la rose musquée est-elle si précieuse pour la peau ?\"\n 3. \"Les bienfaits concrets de cette huile de rose musquée bio\"\n 4. \"Pour qui est faite cette huile végétale de rose musquée ?\"\n 5. \"Comment utiliser l'huile de rose musquée sur le visage ?\"\n 6. \"La qualité Saint-Hilaire : un savoir-faire d'Auvergne\"\n 7. \"Huile de rose musquée : danger ou précautions ?\"\n 8. \"Composition complète (INCI)\"\n 9. \"Questions fréquentes sur l'huile de rose musquée\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 Rosa rubiginosa\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e❄️ Pressée à froid\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile végétale de Rose musquée bio\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eUn trésor botanique concentré en vitamine A naturelle et en acides gras essentiels, pour une peau visiblement régénérée, lumineuse et unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile végétale de Rose musquée bio : le secret d'une peau régénérée et lumineuse\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eObtenue par pression à froid des graines de \u003cem\u003eRosa rubiginosa\u003c\/em\u003e, cette huile concentre une richesse exceptionnelle en acides gras essentiels, en vitamine A (rétinol naturel) et en vitamine E.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔬 Rétinol naturel\u003c\/h3\u003e\n \u003cp\u003eVitamine A acide d'origine végétale pour stimuler le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège les cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Oméga 3-6-9\u003c\/h3\u003e\n \u003cp\u003eProfil lipidique rare pour nourrir, apaiser et renforcer la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🎯 Flacon pompe\u003c\/h3\u003e\n \u003cp\u003e50 ml en verre ambré pour un dosage précis et une conservation optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"text-align:center;margin-top:1.25rem;font-size:clamp(13px,2vw,15px);color:var(--rm-text-light);line-height:1.7;\"\u003eQue vous souhaitiez atténuer des cicatrices, estomper des taches pigmentaires, lisser des ridules ou simplement offrir à votre visage une nutrition profonde, cette huile s'adapte à de nombreuses préoccupations cutanées.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePourquoi la rose musquée est-elle si précieuse pour la peau ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eLa rose musquée (\u003cem\u003eRosa rubiginosa\u003c\/em\u003e) est un arbuste originaire d'Amérique du Sud dont les petits fruits rouges renferment des graines exceptionnellement riches en nutriments. Son profil lipidique rare est dominé par des acides gras polyinsaturés.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧬 Acide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et limite les pertes en eau pour une peau durablement hydratée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌊 Acide alpha-linolénique (oméga-3)\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles ou réactives et favorise la souplesse cutanée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✨ Acide oléique (oméga-9)\u003c\/h3\u003e\n \u003cp\u003eFacilite la pénétration de l'huile et nourrit les couches profondes de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔬 Trétinoïne naturelle\u003c\/h3\u003e\n \u003cp\u003eVitamine A acide rare à l'état naturel, reconnue pour stimuler le renouvellement cellulaire et améliorer la texture de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège les cellules du stress oxydatif et préserve la jeunesse cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est cette combinaison unique qui fait de l'huile de rose musquée un actif cosmétique aussi réputé, aussi bien en soin anti-âge qu'en soin réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette huile de rose musquée bio\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e🩹 Régénération et réparation cutanée\u003c\/h3\u003e\n \u003cp\u003eParticulièrement appréciée pour accompagner la peau après des agressions : cicatrices d'acné, marques post-opératoires, vergetures ou brûlures superficielles. Sa teneur en rétinol et en acides gras essentiels soutient le renouvellement cellulaire naturel. Beaucoup d'utilisateurs constatent une nette amélioration dès quelques semaines d'application régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e⏳ Soin anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRidules autour des yeux, perte de fermeté, teint terne : en stimulant la synthèse de collagène et en améliorant l'élasticité de la peau, elle aide à lisser visiblement la surface cutanée. Après quelques semaines, le teint apparaît plus lumineux et la peau plus rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e🎨 Atténuation des taches pigmentaires\u003c\/h3\u003e\n \u003cp\u003eTaches brunes, masque de grossesse, hyperpigmentation post-inflammatoire : la vitamine A naturelle favorise le renouvellement des cellules superficielles, aidant à estomper progressivement les zones hyperpigmentées au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e💦 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eVotre peau tiraille ou manque de souplesse ? Cette huile pénètre rapidement sans laisser de film gras désagréable. Elle restaure le film hydrolipidique et offre un confort immédiat, même aux peaux desséchées par le froid, le vent ou la climatisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePour qui est faite cette huile végétale de rose musquée ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eL'un de ses grands atouts : elle convient à une grande variété de types de peau.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👵 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eRéduit l'apparence des rides et redonne de l'éclat au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition profonde et durable pour retrouver souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🩹 Peaux marquées par des cicatrices\u003c\/h3\u003e\n \u003cp\u003eAcné, chirurgie, brûlures légères, vergetures : accompagne la réparation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e😶‍🌫️ Peaux ternes ou fatiguées\u003c\/h3\u003e\n \u003cp\u003ePour retrouver un teint uniforme et lumineux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles ou réactives\u003c\/h3\u003e\n \u003cp\u003eComposition apaisante riche en oméga-3 pour calmer les inconforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous avez une peau à tendance grasse ou acnéique, utilisez cette huile avec parcimonie, de préférence le soir, en ciblant les zones qui en ont le plus besoin (cicatrices, taches). Sa légère teinte orangée est tout à fait normale : elle témoigne de sa richesse en caroténoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de rose musquée sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003ePour profiter pleinement de tous ses bienfaits, voici une routine simple et efficace :\u003c\/p\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir (utilisation recommandée)\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et légèrement humide, pressez 3 à 5 gouttes dans le creux de votre main. Réchauffez l'huile entre vos paumes, puis appliquez-la sur le visage, le cou et le décolleté en effectuant de doux mouvements ascendants et circulaires. L'application sur peau humide favorise une meilleure pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin (en option)\u003c\/h3\u003e\n \u003cp\u003eMélangez 2 gouttes d'huile à votre crème de jour habituelle pour un effet bonne mine immédiat. Pensez à appliquer une protection solaire par-dessus, car la vitamine A peut rendre la peau légèrement plus sensible au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🎯 En soin ciblé\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement quelques gouttes directement sur les cicatrices, vergetures ou taches que vous souhaitez atténuer, matin et soir, pendant au moins 8 semaines pour observer des résultats significatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003e🧪 En mélange\u003c\/h3\u003e\n \u003cp\u003eExcellente base pour diluer vos huiles essentielles (lavande, géranium, hélichryse italienne…) dans le cadre de soins personnalisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLa qualité Saint-Hilaire : un savoir-faire d'Auvergne\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eLa Distillerie Saint-Hilaire, implantée au cœur de l'Auvergne, cultive un savoir-faire artisanal exigeant dans la production d'huiles végétales et d'huiles essentielles biologiques.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌿 Certifiée biologique\u003c\/h3\u003e\n \u003cp\u003e100 % des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé doux qui préserve l'intégralité des actifs sans altération par la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 Pure et sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun parfum synthétique, aucun solvant chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🫙 Flacon verre ambré\u003c\/h3\u003e\n \u003cp\u003eProtection contre la lumière et l'oxydation pour une fraîcheur optimale jusqu'à la dernière goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eHuile de rose musquée : danger ou précautions ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eRassurez-vous : cette huile végétale est globalement très bien tolérée et ne présente pas de risque particulier pour la grande majorité des utilisateurs. Quelques précautions sont toutefois à respecter.\u003c\/p\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eAvant la première utilisation, appliquez une petite quantité dans le pli du coude et attendez 24 heures pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e☀️ Photosensibilité\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de sa teneur en vitamine A, évitez l'exposition prolongée au soleil juste après l'application, ou appliquez-la de préférence le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez l'avis de votre médecin ou sage-femme avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🩹 Plaies ouvertes\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer sur des plaies ouvertes ou des lésions infectées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de la lumière directe. Une fois ouvert, utilisez l'huile dans les 6 mois pour bénéficier de toutes ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eEn cas de doute ou de problème cutané persistant, consultez un dermatologue. Cette huile végétale est un soin cosmétique et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"rm-composition-box\"\u003e\n \u003cp class=\"rm-inci\"\u003e\u003cstrong\u003eIngrédient :\u003c\/strong\u003e \u003cem\u003eRosa rubiginosa seed oil*\u003c\/em\u003e (huile végétale de rose musquée)\u003c\/p\u003e\n \u003cp class=\"rm-inci-note\"\u003e* Ingrédient issu de l'agriculture biologique. \u003cstrong\u003e100 % du total des ingrédients sont d'origine biologique.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact rm-composition-details\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e❄️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌹 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRosa rubiginosa\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de rose musquée\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on utiliser l'huile de rose musquée tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tout à fait. L'huile de rose musquée peut s'intégrer à votre routine quotidienne, de préférence le soir. Pour les peaux sensibles ou mixtes, une application un jour sur deux peut suffire dans un premier temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003eAu bout de combien de temps voit-on les résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eChaque peau est différente, mais de nombreux utilisateurs observent une amélioration de la texture et de l'éclat du teint dès 3 à 4 semaines d'utilisation régulière. Pour les cicatrices plus anciennes ou les taches installées, comptez 2 à 3 mois d'application assidue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003eL'huile de rose musquée est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de rose musquée possède un indice de comédogénicité faible (1 sur 5). Elle est donc généralement bien tolérée par les peaux mixtes. Toutefois, si vous êtes sujette aux imperfections, privilégiez une utilisation ciblée plutôt qu'une application sur l'ensemble du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on l'utiliser sur le corps ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. L'huile de rose musquée est excellente en soin corporel, notamment sur les zones sujettes aux vergetures (ventre, cuisses, poitrine) ou sur les cicatrices situées sur le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003ePeut-on la mélanger avec d'autres huiles ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, elle se marie très bien avec d'autres huiles végétales comme l'huile de jojoba, l'huile d'argan ou l'huile de bourrache pour des soins sur mesure adaptés à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau le pouvoir régénérant de la rose musquée bio.\u003cbr\u003eUn flacon de 50 ml suffit pour plusieurs mois de soin quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eLes compléments alimentaires et soins cosmétiques ne se substituent pas à une alimentation variée et équilibrée, ni à un suivi médical. Se référer aux précautions d'emploi avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #FDF8F5;\n --rm-white: #ffffff;\n --rm-primary: #8B4E2A;\n --rm-primary-dark: #5E3219;\n --rm-primary-light: #F5EAE2;\n --rm-secondary: #E8B4C0;\n --rm-accent: #C4564A;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e8ddd6;\n --rm-shadow: 0 4px 24px rgba(139, 78, 42, .08);\n --rm-shadow-lg: 0 12px 48px rgba(139, 78, 42, .15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #8B4E2A 0%, #A0664A 40%, #C4564A 70%, #E8B4C0 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,180,192,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.rm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.rm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-secondary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-card-highlight {\n border-left: 4px solid var(--rm-secondary);\n text-align: left;\n}\n\n.rm-card-highlight:hover {\n border-color: var(--rm-primary);\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL (unused here but kept for system) === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-primary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.rm-composition-box {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n text-align: center;\n}\n\n.rm-inci {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.rm-inci-note {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0 0 1.5rem 0;\n line-height: 1.6;\n}\n\n.rm-composition-details {\n margin-top: 0;\n}\n\n.rm-composition-details .rm-card {\n background: var(--rm-primary-light);\n box-shadow: none;\n}\n\n.rm-composition-details .rm-card:hover {\n box-shadow: var(--rm-shadow);\n}\n\n\/* === CTA FINAL === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n\n .rm-composition-box {\n padding: 1.25rem;\n }\n\n .rm-card-highlight {\n border-left-width: 3px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54864015589753,"sku":"NBAIDSH0036","price":13.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-rose-musquee-bio-saint-hilaire-50-ml-ingredients_3454db5c-e4fd-41e6-853f-57e525646821.webp?v=1771577430"},{"product_id":"huile-ricin-bio-saint-hilaire-200ml","title":"Huile Végétale de Ricin Bio - Saint-Hilaire - 200ml","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🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"rc-badge\"\u003e❄️ Pressée à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rc-hero-title\"\u003eHuile végétale de ricin bio\u003c\/span\u003e\n \u003cp class=\"rc-subtitle\"\u003eDistillerie Saint-Hilaire · Auvergne · 200 ml\u003c\/p\u003e\n \u003cp class=\"rc-description\"\u003eL'huile de ricin pure et vierge, issue de l'agriculture biologique et équitable, pour fortifier vos cheveux, nourrir votre peau et renforcer vos ongles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eL'huile de ricin bio : le soin naturel par excellence pour vos cheveux, votre peau et vos ongles\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin bio\u003c\/strong\u003e vraiment efficace, pure et obtenue dans le respect de l'environnement ? L'huile végétale de ricin de la Distillerie Saint-Hilaire, en format généreux de 200 ml, coche toutes les cases.\u003c\/p\u003e\n \u003cp class=\"rc-section-intro\"\u003ePressée à froid à partir de graines de \u003cem\u003eRicinus communis\u003c\/em\u003e issues de l'agriculture biologique et équitable, elle préserve l'intégralité de ses actifs naturels pour vous offrir un soin polyvalent d'une qualité remarquable.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid-compact\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💇 Cheveux fortifiés\u003c\/h3\u003e\n \u003cp\u003eStimule la pousse et renforce la fibre capillaire de l'intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧴 Peau nourrie\u003c\/h3\u003e\n \u003cp\u003eHydratation profonde et durable pour les peaux sèches ou irritées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eRéduit la casse et favorise la pousse d'ongles plus résistants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧔 Barbe soignée\u003c\/h3\u003e\n \u003cp\u003eAdoucit, nourrit et donne de la densité à votre barbe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de ricin est-elle si prisée en cosmétique naturelle ?\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eUtilisée depuis des millénaires, l'huile de ricin doit ses vertus exceptionnelles à sa \u003cstrong\u003erichesse en acide ricinoléique\u003c\/strong\u003e (85 à 90 % de sa composition), un acide gras rare que l'on ne retrouve dans quasiment aucune autre huile végétale.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💪 Action fortifiante\u003c\/h3\u003e\n \u003cp\u003eRenforce la fibre capillaire, les ongles et les cils de l'intérieur pour une résistance accrue au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💧 Pouvoir nourrissant intense\u003c\/h3\u003e\n \u003cp\u003ePénètre les couches superficielles de la peau et du cheveu pour une hydratation profonde et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🛡️ Propriétés protectrices\u003c\/h3\u003e\n \u003cp\u003eForme un film lipidique naturel qui protège contre le froid, la pollution et la sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e✨ Effet gainant\u003c\/h3\u003e\n \u003cp\u003eEnrobe le cheveu pour lui donner plus de densité, de brillance et de souplesse sans alourdir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssociée à la \u003cstrong\u003evitamine E\u003c\/strong\u003e naturellement présente dans l'huile, ces propriétés font de l'huile de ricin bio un soin complet, efficace et 100 % d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eHuile de ricin et cheveux : un duo incontournable\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eSi l'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e jouit d'une telle réputation, ce n'est pas un hasard. C'est l'une des huiles végétales les plus efficaces pour répondre à de nombreuses problématiques capillaires.\u003c\/p\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌱 Stimuler la pousse des cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquée régulièrement en massage sur le cuir chevelu, l'huile de ricin favorise la microcirculation sanguine au niveau des follicules pileux. Ce geste simple, réalisé du bout des doigts pendant quelques minutes, crée un environnement propice à la croissance capillaire. Beaucoup constatent des cheveux plus vigoureux après quelques semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🔧 Nourrir et réparer les cheveux secs ou abîmés\u003c\/h3\u003e\n \u003cp\u003eCheveux ternes, fourchus ou fragilisés par les colorations, le lissage ou le soleil ? En masque avant-shampoing, l'acide ricinoléique comble les micro-fissures de la fibre capillaire et restaure la gaine protectrice naturelle du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌟 Donner volume et brillance\u003c\/h3\u003e\n \u003cp\u003eL'effet gainant de l'huile de ricin sur cheveux fins est particulièrement intéressant : en enrobant chaque fibre, elle donne une impression de densité accrue tout en apportant une brillance naturelle, sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eAu-delà des cheveux : les multiples usages de l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e💅 Soin des ongles et des cuticules\u003c\/h3\u003e\n \u003cp\u003eVos ongles se dédoublent ou se cassent ? Massez chaque soir une goutte sur chaque ongle et ses cuticules. En quelques semaines, observez des \u003cstrong\u003eongles plus résistants\u003c\/strong\u003e et des cuticules plus souples et mieux hydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e👁️ Soin des cils et des sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquée à l'aide d'une brosse à mascara propre, l'huile de ricin nourrit et fortifie vos cils et sourcils. Une alternative naturelle pour retrouver des cils plus épais et des sourcils mieux fournis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧴 Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eAllié précieux pour les \u003cstrong\u003epeaux sèches ou irritées\u003c\/strong\u003e, elle apaise les zones de sécheresse (coudes, talons, mains abîmées) et aide à améliorer l'apparence des petites cicatrices ou vergetures. Idéale aussi dans vos préparations cosmétiques maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🧔 Entretien de la barbe\u003c\/h3\u003e\n \u003cp\u003eMessieurs, elle nourrit le poil en profondeur, adoucit la barbe, réduit les démangeaisons et hydrate la peau sous-jacente. Quelques gouttes suffisent pour une barbe plus douce, plus dense et visuellement plus fournie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin sur les cheveux et la peau ?\u003c\/h2\u003e\n \u003cp class=\"rc-section-intro\"\u003eL'huile de ricin a une texture naturellement \u003cstrong\u003eépaisse et visqueuse\u003c\/strong\u003e. C'est tout à fait normal et c'est le signe d'une huile pure et non diluée. Voici nos conseils pratiques :\u003c\/p\u003e\n\n \u003cdiv class=\"rc-card\" style=\"margin-bottom:1.25rem;\"\u003e\n \u003ch3\u003e🧖 En masque capillaire (méthode la plus populaire)\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline\"\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003ePrélevez et réchauffez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette d'huile de ricin dans le creux de votre main et réchauffez-la entre vos paumes pour la rendre plus fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le cuir chevelu en massant par mouvements circulaires, puis répartissez sur les longueurs et les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser\u003c\/h3\u003e\n \u003cp\u003eEnveloppez vos cheveux dans une serviette chaude ou un bonnet de douche et laissez poser \u003cstrong\u003eau minimum 30 minutes\u003c\/strong\u003e, idéalement toute une nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-item\"\u003e\n \u003cdiv class=\"rc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rc-timeline-content\"\u003e\n \u003ch3\u003eRincez et répétez\u003c\/h3\u003e\n \u003cp\u003eProcédez à deux shampoings doux pour éliminer complètement l'huile. Répétez 1 à 2 fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous trouvez la texture trop épaisse, mélangez l'huile de ricin avec une huile plus légère comme l'huile de coco, de jojoba ou d'amande douce (moitié-moitié). L'application sera plus facile et les bienfaits complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"rc-card\" style=\"margin-top:1.25rem;\"\u003e\n \u003ch3\u003e🎯 En soin ciblé (ongles, cils, sourcils, peau)\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité directement sur la zone à traiter, massez délicatement pour favoriser la pénétration, puis laissez agir sans rincer — de préférence le soir avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"rc-card rc-composition-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient (INCI)\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis seed oil*\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"font-size:12px;color:var(--rc-text-light);margin-top:.5rem;\"\u003e* Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌾 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eGraine de ricin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e❄️ Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003ePremière pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique et équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e200 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-tip\"\u003e\n \u003cspan class=\"rc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCette huile est \u003cstrong\u003e100 % pure, vierge et sans aucun additif\u003c\/strong\u003e. Aucun parfum, aucun conservateur, aucun solvant chimique n'entre dans sa composition. Un produit brut, tel que la nature l'a conçu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de ricin bio Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"rc-grid\"\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🌿 Certifiée biologique\u003c\/h3\u003e\n \u003cp\u003eLes graines de ricin sont cultivées sans pesticides ni engrais chimiques de synthèse, pour une huile respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUn choix éthique qui garantit une juste rémunération des producteurs et soutient des pratiques agricoles durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003eCe procédé mécanique, sans chaleur excessive, préserve intégralement les acides gras, la vitamine E et tous les actifs sensibles de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e📦 Format 200 ml généreux\u003c\/h3\u003e\n \u003cp\u003eIdéal pour une utilisation régulière sur plusieurs mois, que ce soit pour les cheveux, la peau ou les ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eLa Distillerie Saint-Hilaire est implantée en Auvergne et perpétue un savoir-faire artisanal depuis plusieurs générations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rc-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile de ricin bio\u003c\/h2\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🌱 L'huile de ricin fait-elle vraiment pousser les cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de ricin ne possède pas de propriétés « magiques », mais son action nourrissante et stimulante sur le cuir chevelu crée des conditions favorables à la pousse. En massant régulièrement le cuir chevelu, vous favorisez la circulation sanguine et apportez des nutriments essentiels au bulbe pileux. Les résultats varient d'une personne à l'autre, mais beaucoup constatent une amélioration nette après \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e💇 Peut-on l'utiliser sur tous les types de cheveux ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, l'huile de ricin et les cheveux de tous types font bon ménage. Cheveux crépus, frisés, bouclés, lisses, fins ou épais peuvent tous bénéficier de ses propriétés. La seule précaution : adaptez la quantité utilisée. Les cheveux fins nécessiteront moins de produit pour ne pas être alourdis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🔬 L'huile de ricin est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile de ricin a un indice de comédogénicité considéré comme faible (1 sur 5). Elle peut donc être utilisée sur le visage avec précaution, notamment en soin ciblé. Si vous avez une peau à tendance acnéique, il est recommandé de faire un test sur une petite zone avant de l'adopter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🕐 Combien de temps se conserve-t-elle ?\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre huile de ricin bio à l'abri de la lumière et de la chaleur. Dans ces conditions, elle se conserve généralement entre \u003cstrong\u003e12 et 18 mois\u003c\/strong\u003e après ouverture. Fiez-vous à la date indiquée sur le flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rc-accordion\"\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de projection oculaire, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané dans le pli du coude 24 heures avant la première utilisation pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rc-accordion-item\"\u003e\n \u003csummary class=\"rc-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"rc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes sans avis médical préalable. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rc-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical. En cas de problème capillaire ou cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rc-cream: #FDF8F3;\n --rc-white: #ffffff;\n --rc-primary: #C9787C;\n --rc-primary-dark: #8B3A3E;\n --rc-primary-light: #FBF0F0;\n --rc-secondary: #2D4A2D;\n --rc-accent: #D4A843;\n --rc-text: #1a1a1a;\n --rc-text-light: #5a5a5a;\n --rc-border: #e8e0d8;\n --rc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rc-radius: 20px;\n --rc-radius-sm: 12px;\n}\n\n.rc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rc-hero {\n position: relative;\n background: linear-gradient(135deg, #2D4A2D 0%, #3D6B3D 35%, #C9787C 75%, #8B3A3E 100%);\n border-radius: var(--rc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rc-shadow-lg);\n}\n\n.rc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.05) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 45%);\n opacity: 1;\n}\n\n.rc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.rc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.rc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rc-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.rc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rc-primary), var(--rc-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rc-card {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rc-shadow-lg);\n border-color: var(--rc-primary);\n}\n\n.rc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rc-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rc-grid-compact .rc-card {\n padding: 1rem;\n}\n\n.rc-grid-compact .rc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rc-grid-compact .rc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rc-primary), var(--rc-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rc-timeline-content {\n flex: 1;\n background: var(--rc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rc-radius-sm);\n box-shadow: var(--rc-shadow);\n}\n\n.rc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rc-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.rc-timeline-content p {\n font-size: 14px;\n color: var(--rc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rc-testimonial {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rc-shadow);\n border-left: 4px solid var(--rc-primary);\n}\n\n.rc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rc-accordion {\n background: var(--rc-white);\n border-radius: var(--rc-radius);\n box-shadow: var(--rc-shadow);\n overflow: hidden;\n}\n\n.rc-accordion-item {\n border-bottom: 1px solid var(--rc-border);\n margin: 0;\n padding: 0;\n}\n\n.rc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rc-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rc-accordion-header:hover {\n background: var(--rc-primary-light);\n}\n\n.rc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rc-primary);\n transition: transform .2s ease;\n}\n\n.rc-accordion-item[open] .rc-accordion-header::after {\n content: '−';\n}\n\n.rc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rc-primary-light);\n border-radius: var(--rc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rc-tip p {\n font-size: 14px;\n color: var(--rc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION CARD === *\/\n.rc-composition-card {\n border-left: 4px solid var(--rc-secondary);\n text-align: left;\n}\n\n\/* === DISCLAIMER === *\/\n.rc-disclaimer {\n font-size: 12px;\n color: var(--rc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rc-card {\n padding: 1.125rem;\n }\n\n .rc-section {\n margin-bottom: 1.75rem;\n }\n\n .rc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rc-radius-sm);\n }\n\n .rc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rc-grid-compact {\n gap: .625rem;\n }\n\n .rc-grid-compact .rc-card {\n padding: .75rem;\n }\n\n .rc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rc-timeline-content h3 {\n font-size: 14px;\n }\n\n .rc-timeline-content p {\n font-size: 13px;\n }\n\n .rc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rc-testimonial {\n padding: 1.25rem;\n }\n\n .rc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rc-card {\n animation: rcFadeInUp .5s ease backwards;\n }\n .rc-card:nth-child(1) { animation-delay: .05s; }\n .rc-card:nth-child(2) { animation-delay: .1s; }\n .rc-card:nth-child(3) { animation-delay: .15s; }\n .rc-card:nth-child(4) { animation-delay: .2s; }\n .rc-card:nth-child(5) { animation-delay: .25s; }\n .rc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54868516766073,"sku":"NBAIDSH0023","price":13.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-ricin-bio-saint-hilaire-200ml-packshothd.webp?v=1775115262"},{"product_id":"huile-rose-musquee-bio-chili","title":"Huile végétale de Rose Musquée du Chili Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile végétale de Rose Musquée du Chili Bio - 30 ml\nPalette détectée:\n - Primaire: #C4567A (rose musquée\/mauve du packaging)\n - Secondaire: #D4A574 (ambre doré de l'huile)\n - Accent: #4A4A4A (gris anthracite du logo)\nAmbiance: Féminin, naturel\/bio, élégant, soins premium, inspiration florale\nPréfixe CSS: rm\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n \n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌹 100% Bio\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇨🇱 Origine Chili\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e✨ Revitalisante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eHuile de Rose Musquée\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eLe trésor régénérant des Andes chiliennes\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eExtraite par première pression à froid, cette huile précieuse révèle tout son potentiel anti-âge et réparateur pour sublimer votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e🌸 Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🔄 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eRiche en acide linoléique et vitamine A, elle stimule le renouvellement cellulaire pour une peau plus lisse et lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✨ Réduction des imperfections\u003c\/h3\u003e\n \u003cp\u003eAtténue visiblement les cicatrices, vergetures et taches pigmentaires pour une peau unifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePropriétés nourrissantes qui apportent confort et souplesse à toutes les peaux, même les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants combattent les radicaux libres, retardant l'apparition des rides et ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👩 Peaux marquées\u003c\/h3\u003e\n \u003cp\u003eIdéale pour atténuer les cicatrices d'acné, marques ou vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌟 Peaux matures\u003c\/h3\u003e\n \u003cp\u003eParfaite pour lutter contre les signes du vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément les peaux en manque de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e💎 Une pureté absolue\u003c\/h2\u003e\n \u003cdiv class=\"rm-purity-box\"\u003e\n \u003cdiv class=\"rm-purity-grid\"\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003e100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🏔️\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eRégions préservées du Chili\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eSans additifs ni conservateurs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-purity-item\"\u003e\n \u003cspan class=\"rm-purity-icon\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"rm-purity-text\"\u003eRespectueuse de l'environnement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rm-steps\"\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur une peau propre et sèche, de préférence le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n \u003cp\u003ePrélevez quelques gouttes au creux de vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-step\"\u003e\n \u003cdiv class=\"rm-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-step-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eL'huile agit en profondeur pendant votre sommeil pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-tip\"\u003e💡 \u003cstrong\u003eAstuce :\u003c\/strong\u003e Peut être mélangée à votre crème hydratante habituelle pour booster ses effets.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content\"\u003e\n \u003cp\u003eFlacon airless de 30 ml. Utilisée quotidiennement, cette huile vous accompagne pendant environ 2 à 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les propriétés de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🏆 Certification Bio\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content\"\u003e\n \u003cp\u003eCertifiée biologique, issue de graines de rose musquée cultivées selon les standards de l'agriculture biologique dans les régions préservées du Chili.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau le pouvoir régénérant de la Rose Musquée du Chili et révélez votre éclat naturel. \u003cem\u003eVotre éclat, notre signature.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rm-cream: #FDF8F5;\n --rm-white: #ffffff;\n --rm-primary: #C4567A;\n --rm-primary-dark: #9E3D5C;\n --rm-primary-light: #FAF0F3;\n --rm-secondary: #D4A574;\n --rm-accent: #4A4A4A;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e8ddd8;\n --rm-shadow: 0 4px 24px rgba(196,86,122,.08);\n --rm-shadow-lg: 0 12px 48px rgba(196,86,122,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #C4567A 0%, #D4A574 50%, #E8C5A8 100%);\n border-radius: var(--rm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C16.2 5 5 16.2 5 30s11.2 25 25 25 25-11.2 25-25S43.8 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.rm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-purity-box {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid var(--rm-primary-light);\n}\n\n.rm-purity-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n}\n\n.rm-purity-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n}\n\n.rm-purity-icon {\n font-size: 24px;\n}\n\n.rm-purity-text {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 600;\n color: var(--rm-text);\n}\n\n.rm-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: 1.25rem;\n box-shadow: var(--rm-shadow);\n transition: all .3s ease;\n}\n\n.rm-step:hover {\n transform: translateX(6px);\n box-shadow: var(--rm-shadow-lg);\n}\n\n.rm-step-number {\n min-width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rm-step-content h3 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-step-content p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rm-tip {\n background: var(--rm-primary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--rm-primary-dark);\n margin-top: 1.25rem;\n text-align: center;\n}\n\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-primary) 0%, var(--rm-primary-dark) 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.rm-cta-box em {\n display: block;\n margin-top: .5rem;\n font-style: italic;\n opacity: .9;\n}\n\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rm-card {\n padding: 1.125rem;\n }\n \n .rm-section {\n margin-bottom: 1.75rem;\n }\n \n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n \n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .rm-purity-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rm-step {\n padding: 1rem;\n }\n \n .rm-step-number {\n min-width: 36px;\n height: 36px;\n font-size: 14px;\n }\n \n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n \n .rm-step {\n animation: fadeInUp .5s ease backwards;\n }\n .rm-step:nth-child(1) { animation-delay: .05s; }\n .rm-step:nth-child(2) { animation-delay: .1s; }\n .rm-step:nth-child(3) { animation-delay: .15s; }\n .rm-step:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":54869182218617,"sku":"ROSEMUSQUEEARCENSEL","price":15.43,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-rose-musquee-du-chili-bio-30-ml-arc-en-sel-lifestyle.webp?v=1768500480"},{"product_id":"huile-nigelle-bio-cumin-noir","title":"Huile Végétale de Nigelle (Cumin Noir) - Clarifiante 100 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale de Nigelle (Cumin Noir) - Clarifiante\nPalette détectée:\n - Primaire: #1E3A5F (bleu marine profond du logo et des accents)\n - Secondaire: #C4A962 (doré\/jaune de l'huile dans le flacon)\n - Accent: #7B8FB0 (bleu lavande des éléments décoratifs)\nAmbiance: Élégante et raffinée, inspirée de l'Orient avec des motifs mandala, naturelle et premium, univers cosmétique haut de gamme\nPréfixe CSS: ng\n--\u003e\n\n\u003cdiv class=\"ng-premium\"\u003e\n \n \u003cdiv class=\"ng-hero\"\u003e\n \u003cdiv class=\"ng-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ng-hero-content\"\u003e\n \u003cdiv class=\"ng-badges-top\"\u003e\n \u003cspan class=\"ng-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e✨ Clarifiante\u003c\/span\u003e\n \u003cspan class=\"ng-badge\"\u003e🌙 Trésor d'Orient\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ng-hero-title\"\u003eHuile de Nigelle\u003c\/span\u003e\n \u003cp class=\"ng-subtitle\"\u003eCumin noir • Pression à froid\u003c\/p\u003e\n \u003cp class=\"ng-description\"\u003eUn élixir précieux millénaire aux propriétés exceptionnelles pour révéler l'éclat de votre peau et renforcer votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌸 Apaisante \u0026amp; réparatrice\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations, rougeurs et inflammations cutanées pour une peau apaisée et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🛡️ Renforce l'immunité\u003c\/h3\u003e\n \u003cp\u003eSes composés actifs comme la thymoquinone renforcent les défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💎 Anti-imperfections\u003c\/h3\u003e\n \u003cp\u003ePropriétés purifiantes et équilibrantes, idéale pour les peaux mixtes à grasses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels qui nourrissent et protègent la peau tout en préservant son élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les cheveux, limite leur chute et apaise le cuir chevelu irrité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌟 Antioxydante\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et antioxydants pour lutter contre le vieillissement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e🌿 Une pureté incomparable\u003c\/h2\u003e\n \u003cdiv class=\"ng-purity-box\"\u003e\n \u003cdiv class=\"ng-purity-content\"\u003e\n \u003cp class=\"ng-purity-text\"\u003eCertifiée \u003cstrong\u003e100% biologique\u003c\/strong\u003e, cette huile de nigelle est extraite par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e pour préserver tous ses actifs naturels. Sans additifs ni conservateurs, cultivée dans le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"ng-purity-badges\"\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e🌱 Sans additifs\u003c\/span\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e🍃 Sans conservateurs\u003c\/span\u003e\n \u003cspan class=\"ng-purity-badge\"\u003e♻️ Production éthique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e💆 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-usage-grid\"\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e🧴 Soin visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur les zones concernées et massez délicatement matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e💆 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampoing pour nourrir et revitaliser la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-usage-card\"\u003e\n \u003cdiv class=\"ng-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e🥄 Usage interne\u003c\/h3\u003e\n \u003cp\u003eUne cuillère à café par jour pour ses propriétés bienfaisantes (avis médical recommandé).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e👤 Pour qui est fait l'huile de nigelle ?\u003c\/h2\u003e\n \u003cdiv class=\"ng-grid-compact\"\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🌺 Peaux ternes\u003c\/h3\u003e\n \u003cp\u003eRévèle l'éclat naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e😓 Peaux fatiguées\u003c\/h3\u003e\n \u003cp\u003eRevitalise et régénère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e💧 Peaux mixtes\/grasses\u003c\/h3\u003e\n \u003cp\u003ePurifie et équilibre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ng-card\"\u003e\n \u003ch3\u003e🔥 Peaux irritées\u003c\/h3\u003e\n \u003cp\u003eApaise et répare\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ng-accordion\"\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Refermer soigneusement après chaque utilisation pour préserver toutes les qualités de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eEn usage interne, demandez l'avis d'un professionnel de santé. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Faire un test cutané avant première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ng-accordion-item\"\u003e\n \u003csummary class=\"ng-accordion-header\"\u003e🏭 Engagement Arc en Sels\u003c\/summary\u003e\n \u003cdiv class=\"ng-accordion-content\"\u003e\n \u003cp\u003eArc en Sels sélectionne avec soin les meilleures matières premières pour proposer des produits naturels et biologiques d'une qualité irréprochable. Cette huile est issue d'une production éthique et durable, respectant autant votre santé que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ng-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ng-cta-box\"\u003e\n \u003cp\u003e🌙 Découvrez ce trésor d'Orient millénaire et offrez à votre peau l'éclat qu'elle mérite.\u003cbr\u003e\u003cstrong\u003eVotre éclat, notre signature.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ng-cream: #FAF8F5;\n --ng-white: #ffffff;\n --ng-primary: #1E3A5F;\n --ng-primary-dark: #152A45;\n --ng-primary-light: #E8EEF4;\n --ng-secondary: #C4A962;\n --ng-accent: #7B8FB0;\n --ng-text: #1a1a1a;\n --ng-text-light: #5a5a5a;\n --ng-border: #e0e0e0;\n --ng-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ng-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ng-radius: 20px;\n --ng-radius-sm: 12px;\n}\n\n.ng-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ng-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ng-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 50%, #0D1B2A 100%);\n border-radius: var(--ng-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ng-shadow-lg);\n}\n\n.ng-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, var(--ng-secondary) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, var(--ng-secondary) 1px, transparent 1px),\n radial-gradient(circle at 50% 50%, var(--ng-accent) 1px, transparent 1px);\n background-size: 60px 60px, 80px 80px, 40px 40px;\n opacity: .15;\n}\n\n.ng-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ng-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.ng-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ng-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ng-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(196,169,98,.3);\n}\n\n.ng-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.ng-subtitle {\n color: var(--ng-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.ng-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ng-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ng-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ng-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ng-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ng-primary), var(--ng-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.ng-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ng-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ng-shadow-lg);\n border-color: var(--ng-secondary);\n}\n\n.ng-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ng-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ng-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ng-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ng-grid-compact .ng-card {\n padding: 1rem;\n}\n\n.ng-grid-compact .ng-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ng-grid-compact .ng-card p {\n font-size: 12px;\n}\n\n\/* === PURITY BOX === *\/\n.ng-purity-box {\n background: linear-gradient(135deg, var(--ng-primary-light) 0%, var(--ng-white) 100%);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border: 2px solid var(--ng-secondary);\n box-shadow: var(--ng-shadow);\n}\n\n.ng-purity-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ng-text);\n line-height: 1.8;\n text-align: center;\n margin: 0 0 1.5rem 0;\n}\n\n.ng-purity-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.ng-purity-badge {\n background: var(--ng-white);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--ng-primary);\n box-shadow: 0 2px 8px rgba(0,0,0,.08);\n}\n\n\/* === USAGE CARDS === *\/\n.ng-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.ng-usage-card {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--ng-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.ng-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--ng-shadow-lg);\n}\n\n.ng-usage-number {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--ng-secondary) 0%, #D4B972 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 900;\n color: var(--ng-primary-dark);\n box-shadow: 0 4px 12px rgba(196,169,98,.4);\n}\n\n.ng-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--ng-primary-dark);\n margin: .75rem 0 .5rem 0;\n}\n\n.ng-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--ng-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ng-accordion {\n background: var(--ng-white);\n border-radius: var(--ng-radius);\n box-shadow: var(--ng-shadow);\n overflow: hidden;\n}\n\n.ng-accordion-item {\n border-bottom: 1px solid var(--ng-border);\n margin: 0;\n padding: 0;\n}\n\n.ng-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ng-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ng-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ng-accordion-header:hover {\n background: var(--ng-primary-light);\n}\n\n.ng-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ng-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ng-secondary);\n transition: transform .2s ease;\n}\n\n.ng-accordion-item[open] .ng-accordion-header::after {\n content: '−';\n}\n\n.ng-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ng-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ng-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.ng-cta-box {\n background: linear-gradient(135deg, var(--ng-primary) 0%, var(--ng-primary-dark) 100%);\n border-radius: var(--ng-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ng-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, var(--ng-secondary) 0%, transparent 50%);\n opacity: .1;\n}\n\n.ng-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ng-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ng-usage-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n \n .ng-card {\n padding: 1.125rem;\n }\n \n .ng-section {\n margin-bottom: 1.75rem;\n }\n \n .ng-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ng-radius-sm);\n }\n \n .ng-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ng-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ng-grid-compact {\n gap: .625rem;\n }\n \n .ng-grid-compact .ng-card {\n padding: .75rem;\n }\n \n .ng-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ng-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .ng-purity-box {\n padding: 1.25rem;\n }\n \n .ng-purity-badges {\n gap: .5rem;\n }\n \n .ng-purity-badge {\n font-size: 12px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ng-card, .ng-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ng-card:nth-child(1), .ng-usage-card:nth-child(1) { animation-delay: .05s; }\n .ng-card:nth-child(2), .ng-usage-card:nth-child(2) { animation-delay: .1s; }\n .ng-card:nth-child(3), .ng-usage-card:nth-child(3) { animation-delay: .15s; }\n .ng-card:nth-child(4) { animation-delay: .2s; }\n .ng-card:nth-child(5) { animation-delay: .25s; }\n .ng-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ng-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":54869209710969,"sku":"CUMINNOIRARCENSELS","price":15.61,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-nigelle-cumin-noir-clarifiante-100-ml-arc--lifestyle.webp?v=1768500555"},{"product_id":"huile-neem-bio-30ml","title":"Huile de Neem Bio - Réparatrice - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Neem Bio - Arc en Sels\nPalette détectée:\n - Primaire: #4A7C34 (vert olive\/neem des éléments graphiques)\n - Secondaire: #8B6914 (ambre doré de l'huile)\n - Accent: #2D5A1E (vert foncé des feuilles)\n - Neutre: #F7F5F0 (blanc cassé du packaging)\nAmbiance: Naturel\/Bio, Ayurvédique, Éthique, Épuré avec touches orientales\nPréfixe CSS: neem\n--\u003e\n\n\u003cdiv class=\"neem-premium\"\u003e\n \n \u003cdiv class=\"neem-hero\"\u003e\n \u003cdiv class=\"neem-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"neem-hero-content\"\u003e\n \u003cdiv class=\"neem-badges-top\"\u003e\n \u003cspan class=\"neem-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"neem-badge\"\u003e🧴 Pressée à froid\u003c\/span\u003e\n \u003cspan class=\"neem-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"neem-hero-title\"\u003eHuile de Neem Bio\u003c\/span\u003e\n \u003cp class=\"neem-subtitle\"\u003eRéparatrice \u0026amp; Purifiante\u003c\/p\u003e\n \u003cp class=\"neem-description\"\u003eTrésor millénaire de la tradition ayurvédique, cette huile précieuse prend soin de votre peau, vos cheveux et même de vos plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e✨ Peau plus nette\u003c\/h3\u003e\n \u003cp\u003ePurifiante, antibactérienne et antifongique, elle réduit les imperfections et apaise les irritations cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle nourrit intensément et favorise la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e💆 Cheveux revitalisés\u003c\/h3\u003e\n \u003cp\u003eApaise le cuir chevelu, combat les pellicules et renforce la fibre capillaire de la racine aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🌱 Protection des plantes\u003c\/h3\u003e\n \u003cp\u003eRépulsif naturel contre les insectes nuisibles, respectueux de l'écosystème de votre jardin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e⏳ Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eSes puissants antioxydants préservent la jeunesse, l'élasticité et l'éclat de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🛡️ Action réparatrice\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux à imperfections et les marques disgracieuses, elle aide à restaurer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e💡 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid\"\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e🧴 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes pures ou diluées sur les zones à purifier. Massez délicatement jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eMélangez avec une huile plus légère (jojoba, coco) et appliquez en masque avant shampoing. Laissez poser 30 min.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card neem-card-usage\"\u003e\n \u003ch3\u003e🌿 Pour les plantes\u003c\/h3\u003e\n \u003cp\u003eDiluez quelques gouttes dans de l'eau et vaporisez sur les feuilles pour éloigner naturellement les insectes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"neem-grid-compact\"\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🔬 Peaux grasses\u003c\/h3\u003e\n \u003cp\u003eRégule le sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🩹 Peaux à imperfections\u003c\/h3\u003e\n \u003cp\u003eAction purifiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e😣 Cuirs chevelus irrités\u003c\/h3\u003e\n \u003cp\u003eApaise et assainit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"neem-card\"\u003e\n \u003ch3\u003e🪴 Jardiniers écolos\u003c\/h3\u003e\n \u003cp\u003eProtection naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"neem-accordion\"\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eConservez votre huile de Neem à l'abri de la lumière et de la chaleur, dans un endroit frais et sec. L'huile peut se solidifier en dessous de 20°C, c'est normal : il suffit de la réchauffer légèrement entre vos mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. Déconseillé aux femmes enceintes et allaitantes. En cas de doute, effectuez un test cutané dans le pli du coude avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e🏭 Fabrication éthique\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eIssue de l'agriculture biologique certifiée, notre huile de Neem est pressée à froid pour préserver tous ses actifs. Arc en Sels s'engage dans le commerce équitable et les filières durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"neem-accordion-item\"\u003e\n \u003csummary class=\"neem-accordion-header\"\u003e📜 Note olfactive\u003c\/summary\u003e\n \u003cdiv class=\"neem-accordion-content\"\u003e\n \u003cp\u003eL'huile de Neem possède une odeur caractéristique, terreuse et prononcée. C'est le signe d'une huile pure et non raffinée. Pour atténuer l'odeur, mélangez-la avec une huile végétale plus douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"neem-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"neem-cta-box\"\u003e\n \u003cp\u003e🌿 Découvrez le pouvoir ancestral du Neem, utilisé depuis des millénaires dans la médecine ayurvédique. Une huile bio, pure et multifonction pour une beauté naturelle et un jardin préservé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --neem-cream: #F8F6F1;\n --neem-white: #ffffff;\n --neem-primary: #4A7C34;\n --neem-primary-dark: #2D5A1E;\n --neem-primary-light: #E8F0E4;\n --neem-secondary: #8B6914;\n --neem-accent: #C4A035;\n --neem-text: #1a1a1a;\n --neem-text-light: #5a5a5a;\n --neem-border: #e0e0e0;\n --neem-shadow: 0 4px 24px rgba(0,0,0,.08);\n --neem-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --neem-radius: 20px;\n --neem-radius-sm: 12px;\n}\n\n.neem-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--neem-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.neem-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C34 0%, #2D5A1E 50%, #1E4516 100%);\n border-radius: var(--neem-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--neem-shadow-lg);\n}\n\n.neem-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C15 5 5 15 5 30s10 25 25 25 25-10 25-25S45 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.neem-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.neem-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.neem-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--neem-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.neem-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.neem-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.neem-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.neem-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.neem-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.neem-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--neem-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.neem-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--neem-primary), var(--neem-secondary));\n border-radius: 2px;\n}\n\n.neem-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.neem-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.neem-card {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--neem-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.neem-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--neem-shadow-lg);\n border-color: var(--neem-primary);\n}\n\n.neem-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--neem-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.neem-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--neem-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.neem-grid-compact .neem-card {\n padding: 1rem;\n}\n\n.neem-grid-compact .neem-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.neem-grid-compact .neem-card p {\n font-size: 12px;\n}\n\n.neem-card-usage {\n background: linear-gradient(135deg, var(--neem-white) 0%, var(--neem-primary-light) 100%);\n}\n\n.neem-accordion {\n background: var(--neem-white);\n border-radius: var(--neem-radius);\n box-shadow: var(--neem-shadow);\n overflow: hidden;\n}\n\n.neem-accordion-item {\n border-bottom: 1px solid var(--neem-border);\n margin: 0;\n padding: 0;\n}\n\n.neem-accordion-item:last-child {\n border-bottom: none;\n}\n\n.neem-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--neem-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.neem-accordion-header:hover {\n background: var(--neem-primary-light);\n}\n\n.neem-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.neem-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--neem-primary);\n transition: transform .2s ease;\n}\n\n.neem-accordion-item[open] .neem-accordion-header::after {\n content: '−';\n}\n\n.neem-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--neem-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.neem-accordion-content p {\n margin: 0;\n}\n\n.neem-cta-box {\n background: linear-gradient(135deg, var(--neem-primary) 0%, var(--neem-primary-dark) 100%);\n border-radius: var(--neem-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.neem-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.neem-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .neem-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .neem-card {\n padding: 1.125rem;\n }\n \n .neem-section {\n margin-bottom: 1.75rem;\n }\n \n .neem-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--neem-radius-sm);\n }\n \n .neem-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .neem-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .neem-grid-compact {\n gap: .625rem;\n }\n \n .neem-grid-compact .neem-card {\n padding: .75rem;\n }\n \n .neem-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .neem-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .neem-badges-top {\n gap: 8px;\n }\n \n .neem-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .neem-card {\n animation: fadeInUp .5s ease backwards;\n }\n .neem-card:nth-child(1) { animation-delay: .05s; }\n .neem-card:nth-child(2) { animation-delay: .1s; }\n .neem-card:nth-child(3) { animation-delay: .15s; }\n .neem-card:nth-child(4) { animation-delay: .2s; }\n .neem-card:nth-child(5) { animation-delay: .25s; }\n .neem-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .neem-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":54869231501689,"sku":"HUILENEEMARCENSELS","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-reparatrice-30-ml-arc-en-sels-lifestyle.webp?v=1768500779"},{"product_id":"huile-figue-barbarie-bio-najel-80ml","title":"Huile Végétale de Graines de Figue de Barbarie Bio - 80 ml - Najel","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n \u003cdiv class=\"fb-hero\"\u003e\n \u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fb-hero-content\"\u003e\n \u003cdiv class=\"fb-badges-top\"\u003e\n \u003cspan class=\"fb-badge\"\u003e🌿 Certifiée COSMOS Natural\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e🌵 100 % pure \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"fb-badge\"\u003e✨ Anti-rides d'exception\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fb-hero-title\"\u003eHuile végétale de graines de figue de barbarie bio\u003c\/span\u003e\n \u003cp class=\"fb-subtitle\"\u003eLe secret anti-âge le plus précieux du monde végétal\u003c\/p\u003e\n \u003cp class=\"fb-description\"\u003ePressée à froid, concentrée en vitamine E et oméga-6, cette huile rare de Najel sublime les peaux matures et redonne éclat et fermeté à votre visage — flacon verre teinté 80 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eHuile de graines de figue de barbarie bio Najel : le soin anti-âge d'exception\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eConsidérée comme l'une des huiles végétales les plus précieuses au monde, l'huile de figue de barbarie signée Najel est un véritable trésor cosmétique.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid-compact\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eObtenue par première pression à froid des pépins de figue de barbarie issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Natural\u003c\/h3\u003e\n \u003cp\u003eCertifiée naturelle, sans additif ni conservateur, une pureté totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💎 Richesse nutritive\u003c\/h3\u003e\n \u003cp\u003eUne concentration incomparable en actifs anti-âge pour les peaux matures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e✨ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eSublime les peaux en quête de fermeté, d'éclat et de jeunesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003ePourquoi l'huile de pépins de figue de barbarie est-elle si précieuse ?\u003c\/h2\u003e\n \u003cp class=\"fb-section-intro\"\u003eIl faut environ \u003cstrong\u003eune tonne de figues de barbarie\u003c\/strong\u003e pour obtenir un seul litre d'huile. Ce rendement extrêmement faible explique sa rareté et sa valeur.\u003c\/p\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eEnviron \u003cstrong\u003e3× plus que l'huile d'argan\u003c\/strong\u003e — un antioxydant remarquable qui protège les cellules cutanées du stress oxydatif et du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e💧 Oméga-6 (acide linoléique)\u003c\/h3\u003e\n \u003cp\u003eReprésente \u003cstrong\u003eplus de 60 % de la composition\u003c\/strong\u003e — renforce la barrière hydrolipidique et maintient une hydratation en profondeur, durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card fb-card-highlight\"\u003e\n \u003ch3\u003e🔬 Stérols végétaux\u003c\/h3\u003e\n \u003cp\u003eFavorisent la \u003cstrong\u003erégénération cellulaire\u003c\/strong\u003e et améliorent visiblement la souplesse et l'élasticité de la peau au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e🌵\u003c\/span\u003e\n \u003cp\u003eCette synergie unique d'actifs fait de l'huile de pépins de figue de barbarie un allié de choix pour atténuer les rides, les ridules et les marques de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eBienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"fb-grid\"\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🧴 Soin anti-rides naturel\u003c\/h3\u003e\n \u003cp\u003eLisse le grain de peau et redonne fermeté et élasticité au visage, application après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eTexture sèche et légère qui nourrit intensément sans film gras, même sur les peaux mixtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e🫧 Non comédogène\u003c\/h3\u003e\n \u003cp\u003eNe bouche pas les pores — adaptée à tous les types de peau, y compris les peaux sensibles ou à tendance acnéique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e☀️ Éclat du teint\u003c\/h3\u003e\n \u003cp\u003ePropriétés antioxydantes qui aident à unifier le teint et à estomper les taches pigmentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-card\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eSuffisamment douce et fine pour cette zone fragile — atténue les cernes et les poches efficacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de figue de barbarie ?\u003c\/h2\u003e\n \u003cdiv class=\"fb-timeline\"\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eChaque soir, sur une peau propre et sèche, préparez votre peau à recevoir le soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eDéposez 2 à 3 gouttes\u003c\/h3\u003e\n \u003cp\u003eAu creux de votre main, chauffez légèrement l'huile entre vos paumes pour activer ses principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-item\"\u003e\n \u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fb-timeline-content\"\u003e\n \u003ch3\u003eAppliquez par légers tapotements\u003c\/h3\u003e\n \u003cp\u003eSur le visage, le cou et le décolleté. Insistez délicatement sur le contour des yeux et les zones marquées par les rides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fb-tip\"\u003e\n \u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce soin capillaire :\u003c\/strong\u003e quelques gouttes sur les pointes sèches ou abîmées leur redonneront brillance et vitalité. En masque avant-shampoing, laissez poser 30 minutes sous une serviette chaude pour un effet nourrissant optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"fb-composition-box\"\u003e\n \u003cp class=\"fb-composition-inci\"\u003e\u003cstrong\u003eOpuntia Ficus-Indica Seed Oil*\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"fb-composition-detail\"\u003e100 % huile de graines de figue de barbarie biologique, obtenue par pression à froid.\u003c\/p\u003e\n \u003cp class=\"fb-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa qualité Najel, un choix engagé\u003c\/h2\u003e\n \u003cdiv class=\"fb-cta-box\"\u003e\n \u003cp\u003eNajel perpétue un savoir-faire artisanal depuis plus de \u003cstrong\u003e120 ans\u003c\/strong\u003e. En choisissant cette huile de pépins de figue de barbarie certifiée naturelle, vous optez pour un produit éthique, fabriqué dans le respect de l'environnement et des producteurs. Le flacon en verre teinté de 80 ml protège l'huile de la lumière pour préserver tous ses actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fb-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #faf6f1;\n --fb-white: #ffffff;\n --fb-primary: #d4a843;\n --fb-primary-dark: #3a3225;\n --fb-primary-light: #f5edd9;\n --fb-secondary: #8b6f3a;\n --fb-accent: #c28a2e;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5247;\n --fb-border: #e6ddd0;\n --fb-shadow: 0 4px 24px rgba(58, 50, 37, .08);\n --fb-shadow-lg: 0 12px 48px rgba(58, 50, 37, .15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fb-primary-dark) 0%, #5c4a2a 40%, var(--fb-primary) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212, 168, 67, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(212, 168, 67, .1) 0%, transparent 30%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.fb-subtitle {\n color: var(--fb-primary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fb-card-highlight {\n border-left: 4px solid var(--fb-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.fb-composition-box {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n text-align: center;\n border: 2px solid var(--fb-primary-light);\n}\n\n.fb-composition-inci {\n font-size: clamp(17px, 3vw, 22px);\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: .01em;\n}\n\n.fb-composition-detail {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--fb-text-light);\n margin: 0 0 .75rem 0;\n line-height: 1.6;\n}\n\n.fb-composition-note {\n font-size: 13px;\n color: var(--fb-secondary);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, var(--fb-primary-dark) 0%, #5c4a2a 50%, var(--fb-secondary) 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-composition-box {\n padding: 1.25rem;\n }\n\n .fb-tip {\n padding: .875rem 1rem;\n }\n\n .fb-tip-icon {\n font-size: 20px;\n }\n\n .fb-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875393786233,"sku":"NJ0195","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-de-graines-de-figue-de-barbarie-bio-80-ml-naj-lifestyle.webp?v=1774342900"},{"product_id":"huile-dattier-desert-najel-80ml","title":"Huile de Dattier du Désert - Najel - 80 ml","description":"\u003cdiv class=\"dd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dd-hero\"\u003e\n \u003cdiv class=\"dd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dd-hero-content\"\u003e\n \u003cdiv class=\"dd-badges-top\"\u003e\n \u003cspan class=\"dd-badge\"\u003e🌿 Certifiée Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"dd-badge\"\u003e🌍 Origine Afrique subsaharienne\u003c\/span\u003e\n \u003cspan class=\"dd-badge\"\u003e✨ Toucher très sec\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dd-hero-title\"\u003eHuile de Dattier du Désert\u003c\/span\u003e\n \u003cp class=\"dd-subtitle\"\u003eNajel — Flacon spray 80 ml\u003c\/p\u003e\n \u003cp class=\"dd-description\"\u003eUn trésor cosmétique ancestral, réparateur et nourrissant, pour sublimer votre peau et vos cheveux au quotidien. 100 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eHuile de Dattier du Désert Najel : un soin réparateur certifié bio\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eConnue sous le nom de \u003cstrong\u003eBalanites aegyptiaca\u003c\/strong\u003e, l'huile de dattier du désert est un trésor cosmétique ancestral originaire d'Afrique subsaharienne.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid-compact\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🧴 Flacon spray 80 ml\u003c\/h3\u003e\n \u003cp\u003eFormat pratique en verre ambré pour un dosage précis et une protection optimale de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🌱 Certifiée Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio par Ecocert Greenlife selon le référentiel le plus exigeant du marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🤲 Toucher très sec\u003c\/h3\u003e\n \u003cp\u003ePénètre instantanément sans laisser de film gras. Idéale même le matin sous le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🏺 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraite par première pression à froid pour préserver l'intégralité de ses actifs précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eLes vertus de l'huile de dattier du désert pour la peau\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eRiche en \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e (oléique et linoléique) et en \u003cstrong\u003eantioxydants naturels\u003c\/strong\u003e, cette huile végétale offre des vertus remarquables pour les peaux fragilisées.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🔧 Réparatrice\u003c\/h3\u003e\n \u003cp\u003eElle aide à restaurer les peaux abîmées, desséchées ou sujettes aux tiraillements. Un véritable baume de reconstruction cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e💧 Nourrissante en profondeur\u003c\/h3\u003e\n \u003cp\u003eElle assouplit et adoucit même les peaux les plus sèches et sensibles grâce à sa richesse en acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice\u003c\/h3\u003e\n \u003cp\u003eElle forme un bouclier discret contre les agressions extérieures : froid, vent, pollution, sécheresse ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🍃 Purifiante\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés assainissantes, elle convient aussi aux peaux à imperfections sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-tip\"\u003e\n \u003cspan class=\"dd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSon fini non gras la distingue nettement d'autres huiles végétales : vous pouvez l'appliquer sur le visage le matin sans craindre les brillances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eUne huile végétale pour cheveux secs, bouclés et fragilisés\u003c\/h2\u003e\n \u003cp class=\"dd-section-intro\"\u003eL'huile végétale de dattier du désert est aussi un soin capillaire d'exception. Si vous avez les cheveux secs, cassants ou bouclés, elle peut transformer votre routine.\u003c\/p\u003e\n \u003cdiv class=\"dd-grid\"\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e💪 Nourrit et répare\u003c\/h3\u003e\n \u003cp\u003eElle nourrit et répare la fibre capillaire en profondeur sans alourdir la chevelure ni laisser de résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e〰️ Discipline les boucles\u003c\/h3\u003e\n \u003cp\u003eElle discipline les cheveux bouclés et réduit les frisottis durablement pour des boucles définies et soyeuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e✨ Brillance et souplesse\u003c\/h3\u003e\n \u003cp\u003eElle redonne brillance et souplesse aux longueurs ternes et abîmées, révélant l'éclat naturel du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-card\"\u003e\n \u003ch3\u003e🔒 Protège les pointes\u003c\/h3\u003e\n \u003cp\u003eElle protège les pointes de la sécheresse et des agressions thermiques du sèche-cheveux et du lisseur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-tip\"\u003e\n \u003cspan class=\"dd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à une huile de ricin, souvent très épaisse, l'huile de dattier du désert possède une texture fluide et légère qui facilite son application et son absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile réparatrice Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"dd-timeline\"\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eVaporisez deux à trois gouttes sur peau propre, matin ou soir, et massez délicatement jusqu'à pénétration complète. Parfait sous une crème ou seul.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin cheveux secs ou bouclés\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques pressions sur les longueurs et pointes humides ou sèches. En bain d'huile avant le shampooing, laissez poser 30 minutes pour un soin intensif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-item\"\u003e\n \u003cdiv class=\"dd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dd-timeline-content\"\u003e\n \u003ch3\u003eSoin corps et barbe\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en massage sur les zones sèches (coudes, jambes) ou sur la barbe pour l'assouplir et la discipliner naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"dd-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"dd-accordion\"\u003e\n \u003cdetails class=\"dd-accordion-item\" open\u003e\n \u003csummary class=\"dd-accordion-header\"\u003e🧬 Ingrédient (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"dd-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eBalanites Roxburghii Seed Oil*\u003c\/strong\u003e — *Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003cp\u003e100 % du total des ingrédients est d'origine naturelle. Certifié bio par Ecocert Greenlife selon le référentiel Cosmos Organic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"dd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"dd-testimonial\"\u003e\n \u003cp class=\"dd-testimonial-text\"\u003eFondée à Alep, la maison Najel perpétue un savoir-faire cosmétique traditionnel tout en respectant des exigences écologiques strictes. Cette huile est extraite par première pression à froid pour préserver l'intégralité de ses actifs. Le flacon spray en verre ambré de 80 ml protège l'huile de la lumière et garantit un dosage précis à chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dd-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et vos cheveux le pouvoir réparateur du désert — une huile précieuse, bio et 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dd-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dd-cream: #faf6f0;\n --dd-white: #ffffff;\n --dd-primary: #c6973b;\n --dd-primary-dark: #8b6914;\n --dd-primary-light: #f5edd8;\n --dd-secondary: #d4a84b;\n --dd-accent: #3d2e12;\n --dd-text: #1a1a1a;\n --dd-text-light: #5a5a5a;\n --dd-border: #e6dcc8;\n --dd-shadow: 0 4px 24px rgba(139, 105, 20, .08);\n --dd-shadow-lg: 0 12px 48px rgba(139, 105, 20, .15);\n --dd-radius: 20px;\n --dd-radius-sm: 12px;\n}\n\n.dd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dd-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2e12 0%, #8b6914 40%, #c6973b 100%);\n border-radius: var(--dd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--dd-shadow-lg);\n}\n\n.dd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 60% 60%, rgba(212,168,75,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.dd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.dd-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.dd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.dd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dd-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dd-primary), var(--dd-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dd-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.dd-section-intro strong {\n color: var(--dd-primary-dark);\n}\n\n\/* === CARDS === *\/\n.dd-card {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dd-shadow-lg);\n border-color: var(--dd-primary);\n}\n\n.dd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.dd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dd-grid-compact .dd-card {\n padding: 1rem;\n}\n\n.dd-grid-compact .dd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dd-grid-compact .dd-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dd-primary), var(--dd-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(198, 151, 59, .3);\n}\n\n.dd-timeline-content {\n flex: 1;\n background: var(--dd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dd-radius-sm);\n box-shadow: var(--dd-shadow);\n}\n\n.dd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dd-timeline-content p {\n font-size: 14px;\n color: var(--dd-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dd-testimonial {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dd-shadow);\n border-left: 4px solid var(--dd-primary);\n margin-bottom: 1.25rem;\n}\n\n.dd-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dd-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.dd-accordion {\n background: var(--dd-white);\n border-radius: var(--dd-radius);\n box-shadow: var(--dd-shadow);\n overflow: hidden;\n}\n\n.dd-accordion-item {\n border-bottom: 1px solid var(--dd-border);\n margin: 0;\n padding: 0;\n}\n\n.dd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dd-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.dd-accordion-header:hover {\n background: var(--dd-primary-light);\n}\n\n.dd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dd-primary);\n transition: transform .2s ease;\n}\n\n.dd-accordion-item[open] .dd-accordion-header::after {\n content: '−';\n}\n\n.dd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dd-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.dd-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.dd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dd-primary-light);\n border-radius: var(--dd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dd-tip p {\n font-size: 14px;\n color: var(--dd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dd-cta-box {\n background: linear-gradient(135deg, var(--dd-primary) 0%, var(--dd-primary-dark) 100%);\n border-radius: var(--dd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.dd-disclaimer {\n font-size: 12px;\n color: var(--dd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dd-card {\n padding: 1.125rem;\n }\n\n .dd-section {\n margin-bottom: 1.75rem;\n }\n\n .dd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dd-radius-sm);\n }\n\n .dd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dd-grid-compact {\n gap: .625rem;\n }\n\n .dd-grid-compact .dd-card {\n padding: .75rem;\n }\n\n .dd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dd-timeline-content h3 {\n font-size: 14px;\n }\n\n .dd-timeline-content p {\n font-size: 13px;\n }\n\n .dd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dd-testimonial {\n padding: 1.25rem;\n }\n\n .dd-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dd-card {\n animation: ddFadeInUp .5s ease backwards;\n }\n .dd-card:nth-child(1) { animation-delay: .05s; }\n .dd-card:nth-child(2) { animation-delay: .1s; }\n .dd-card:nth-child(3) { animation-delay: .15s; }\n .dd-card:nth-child(4) { animation-delay: .2s; }\n .dd-card:nth-child(5) { animation-delay: .25s; }\n .dd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ddFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54880980205945,"sku":"NJ0220","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-dattier-du-desert-najel-80-ml-lifestyle.webp?v=1778145499"},{"product_id":"huile-absolu-nectar-karite-50ml","title":"Absolu Nectar - Huile Corps \u0026 Cheveux 49,3% de Karité - 50ml K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Absolu Nectar - Huile Corps \u0026 Cheveux 49,3% de Karité - 50ml K pour Karité\nPalette détectée:\n - Primaire: #C4975A (doré\/sable chaud du packaging)\n - Secondaire: #B44A2D (rouge-terre\/terracotta des motifs africains)\n - Accent: #8B6339 (brun chocolat des motifs géométriques)\nAmbiance: Chaleureux, ethnique\/africain, naturel\/bio, féminin élégant, motifs géométriques africains, inspiration karité\/monoï\nPréfixe CSS: kn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Absolu Nectar K pour Karité : l'huile corps et cheveux au karité qui change tout\"\n 2. \"Pourquoi le karité est l'allié incontournable de votre peau et de vos cheveux\"\n 3. \"8 huiles végétales bio pour une synergie unique\"\n 4. \"À qui s'adresse l'Absolu Nectar ?\"\n 5. \"Comment utiliser l'huile Absolu Nectar au quotidien ?\"\n 6. \"Un parfum de monoï qui fait voyager\"\n 7. \"Certification bio et engagements de K pour Karité\"\n 8. \"Composition complète (INCI)\"\n 9. \"Les points essentiels à retenir\"\n 10. \"Conseils et précautions d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kn-hero\"\u003e\n \u003cdiv class=\"kn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kn-hero-content\"\u003e\n \u003cdiv class=\"kn-badges-top\"\u003e\n \u003cspan class=\"kn-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"kn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kn-badge\"\u003e🧴 49,3 % de karité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kn-hero-title\"\u003eAbsolu Nectar\u003c\/span\u003e\n \u003cp class=\"kn-subtitle\"\u003eHuile corps \u0026amp; cheveux au karité — K pour Karité\u003c\/p\u003e\n \u003cp class=\"kn-description\"\u003eUne huile sèche multi-usages concentrée en 8 huiles végétales bio, sublimée par un parfum envoûtant de monoï. Un seul geste pour nourrir, protéger et révéler l'éclat de votre peau et de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eAbsolu Nectar K pour Karité : l'huile corps et cheveux au karité qui change tout\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eImaginez un seul flacon capable de nourrir vos cheveux les plus assoiffés, d'adoucir votre peau au quotidien et de sublimer votre visage, le tout enveloppé d'un parfum de monoï qui vous transporte instantanément.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid-compact\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🧴 Huile sèche multi-usages\u003c\/h3\u003e\n \u003cp\u003eCorps, cheveux et visage réunis en un seul soin d'exception\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌰 49,3 % de beurre de karité\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient principal pour une nutrition intense et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌿 8 huiles végétales bio\u003c\/h3\u003e\n \u003cp\u003eSoigneusement sélectionnées pour une synergie nourrissante unique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌺 Parfum monoï\u003c\/h3\u003e\n \u003cp\u003eUne fragrance douce et enveloppante qui évoque l'évasion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003ePourquoi le karité est l'allié incontournable de votre peau et de vos cheveux\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eUtilisé depuis des siècles en Afrique de l'Ouest, le beurre de karité est reconnu pour sa richesse exceptionnelle en acides gras essentiels, en vitamines A, D, E et F, ainsi qu'en phytostérols.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e💧 Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eIl pénètre les couches superficielles de l'épiderme et la fibre capillaire pour restaurer durablement souplesse et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eIl forme un film protecteur non occlusif qui aide la peau et les cheveux à résister aux agressions quotidiennes : froid, vent, pollution, soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n \u003cp\u003eSes propriétés adoucissantes calment les tiraillements, les irritations légères et les sensations d'inconfort, y compris sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e✨ Réparation\u003c\/h3\u003e\n \u003cp\u003eIl aide à restaurer la barrière cutanée fragilisée et à redonner vitalité aux cheveux abîmés, cassants ou desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec une concentration de \u003cstrong\u003e49,3 %\u003c\/strong\u003e, l'Absolu Nectar fait du karité son ingrédient principal, pour des résultats perceptibles dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003e8 huiles végétales bio pour une synergie unique\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eCe qui distingue cette huile corps et cheveux au karité des autres soins du marché, c'est la qualité et la complémentarité des huiles végétales qui accompagnent le beurre de karité.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels (sésamol, sésamine), elle régénère la peau et protège la barrière cutanée. Pénètre facilement sans résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eConcentrée en polyphénols et vitamine E, elle nourrit, protège et redonne éclat aux peaux ternes comme aux cheveux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🍑 Huile de noyau d'abricot bio\u003c\/h3\u003e\n \u003cp\u003eVéritable booster de luminosité, elle tonifie et revitalise les peaux déshydratées avec un toucher satiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🥑 Huile d'avocat bio\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adaptée aux cheveux secs, ternes ou crépus, elle stimule la brillance et redonne vitalité à la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌴 Huile de babassu bio\u003c\/h3\u003e\n \u003cp\u003eLégère et fondante, elle maintient une hydratation optimale sans alourdir les cheveux, tout en les protégeant au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eL'une des huiles les plus douces qui existent, elle convient même aux peaux les plus réactives. Adoucit et fortifie les cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌵 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eSa composition proche du sébum naturel en fait un régulateur remarquable. Rééquilibre les peaux mixtes et renforce les cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🥜 Huile de macadamia\u003c\/h3\u003e\n \u003cp\u003eConnue pour sa pénétration ultra-rapide, elle nourrit et assouplit la peau sans jamais laisser de film gras. Idéale pour les textures légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssociées au tournesol (riche en vitamine E antioxydante) et à la vitamine E naturelle (tocophérol), ces huiles forment un \u003cstrong\u003ecocktail nourrissant, protecteur et réparateur\u003c\/strong\u003e d'une rare efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse l'Absolu Nectar ?\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eC'est l'un des grands atouts de cette huile : elle s'adapte à une multitude de profils et de besoins.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux secs, abîmés ou cassants\u003c\/h3\u003e\n \u003cp\u003eColorations répétées, brushings, soleil… vos cheveux ont besoin d'une nutrition intense que les soins classiques ne suffisent plus à apporter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e〰️ Cheveux bouclés, frisés ou crépus\u003c\/h3\u003e\n \u003cp\u003eNaturellement plus sujets à la sécheresse, le karité et les huiles végétales sont leurs meilleurs alliés pour retrouver définition, souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🤍 Peau sèche ou déshydratée\u003c\/h3\u003e\n \u003cp\u003eTiraillements après la douche, zones rugueuses sur les coudes, les genoux ou les jambes… cette huile apporte une nutrition immédiate et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌷 Peau sensible ou réactive\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa formule naturelle sans ingrédient agressif, elle convient aux épidermes les plus délicats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e⏱️ Routine simplifiée\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour le corps, les cheveux et le visage, c'est moins de flacons dans la salle de bain et plus de temps pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile Absolu Nectar au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eLe format pompe de 50 ml est à la fois pratique et économique : quelques pressions suffisent à chaque utilisation.\u003c\/p\u003e\n \u003cdiv class=\"kn-timeline\"\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin quotidien pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eChauffez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e entre vos paumes, puis appliquez sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e de vos cheveux secs ou légèrement humides. Plus de brillance, moins de frisottis, des pointes visiblement plus souples. Particulièrement efficace sur les cheveux bouclés ou crépus pour définir les boucles sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eMasque réparateur avant shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur l'ensemble de la chevelure, des racines aux pointes. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 20 à 30 minutes\u003c\/strong\u003e (voire toute la nuit pour les cheveux très abîmés). Procédez ensuite à votre shampooing habituel. Répétez une fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin visage hydratant\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et sèche, déposez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e et massez délicatement votre visage en mouvements circulaires ascendants. L'huile pénètre rapidement et laisse la peau douce, nourrie et lumineuse. Utilisez-la seule ou avant votre crème de jour pour renforcer l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin corps nourrissant\u003c\/h3\u003e\n \u003cp\u003eLe moment idéal : \u003cstrong\u003ejuste après la douche\u003c\/strong\u003e, sur une peau encore légèrement humide. L'eau facilite la pénétration de l'huile et permet de « sceller » l'hydratation. Massez les zones les plus sèches (jambes, bras, coudes, pieds) jusqu'à absorption complète. Résultat : une peau satinée, souple et délicatement parfumée au monoï.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eUn parfum de monoï qui fait voyager\u003c\/h2\u003e\n \u003cdiv class=\"kn-testimonial\"\u003e\n \u003cp class=\"kn-testimonial-text\"\u003e\"Au-delà de son efficacité, l'Absolu Nectar offre une véritable expérience sensorielle. Sa fragrance de monoï, douce et enveloppante, transforme chaque application en un moment de plaisir. Ce n'est pas un parfum synthétique entêtant : il reste subtil, s'estompe en douceur et laisse sur la peau et les cheveux un léger sillage exotique, parfait pour prolonger la sensation de vacances toute l'année.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eCertification bio et engagements de K pour Karité\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eL'Absolu Nectar n'est pas seulement un soin performant, c'est aussi un choix responsable.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio par Ecocert\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmébio : garantie d'un cahier des charges strict en matière d'ingrédients naturels et biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌱 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eDont 50 % d'ingrédients issus de l'agriculture biologique. Sans silicone, sans paraben, sans colorant de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré et conditionné au Laboratoire Arlland, dans le respect des normes françaises les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUne marque engagée auprès des communautés productrices de karité en Afrique, dans une démarche de valorisation des savoir-faire traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eEn choisissant ce produit, vous soutenez une cosmétique qui respecte à la fois votre peau, vos cheveux et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"kn-accordion\"\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eButyrospermum parkii (Shea) oil, Helianthus annuus (Sunflower) seed oil, Sesamum indicum (Sesame) seed oil*, Olea europaea (Olive) fruit oil*, Prunus armeniaca (Apricot) kernel oil*, Persea gratissima (Avocado) oil*, Orbignya oleifera seed oil*, Prunus amygdalus dulcis (Sweet almond) oil*, Simmondsia chinensis (Jojoba) seed oil*, Macadamia integrifolia seed oil, Tocopherol, Parfum (Fragrance), Linalool.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eLes points essentiels à retenir\u003c\/h2\u003e\n \u003cdiv class=\"kn-grid-compact\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml — format pompe pratique et hygiénique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🧴 Type de soin\u003c\/h3\u003e\n \u003cp\u003eHuile sèche multi-usages corps, cheveux et visage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌰 Actif principal\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité à 49,3 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eBio Ecocert \/ Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance — Laboratoire Arlland\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e👩 Convient à\u003c\/h3\u003e\n \u003cp\u003eTous types de peau et cheveux, idéal peaux sèches et cheveux abîmés\/bouclés\/crépus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌺 Parfum\u003c\/h3\u003e\n \u003cp\u003eMonoï — fragrance douce et enveloppante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #10 --\u003e\n \u003csection class=\"kn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConseils et précautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"kn-accordion\"\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière directe et de la chaleur excessive pour préserver la qualité des huiles végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eBien que la formule soit naturelle et douce, il est toujours conseillé de \u003cstrong\u003eréaliser un test cutané\u003c\/strong\u003e dans le pli du coude 24 heures avant la première utilisation, surtout si vous avez une peau à tendance allergique. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003eℹ️ Information importante\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique est un soin de beauté et de confort. Il \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e en cas de problème dermatologique spécifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kn-disclaimer\"\u003eCe produit cosmétique est un soin de beauté et de confort. Il ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kn-cream: #FDF8F2;\n --kn-white: #ffffff;\n --kn-primary: #C4975A;\n --kn-primary-dark: #8B6339;\n --kn-primary-light: #F5EDE3;\n --kn-secondary: #B44A2D;\n --kn-accent: #D4A76A;\n --kn-text: #1a1a1a;\n --kn-text-light: #5a5a5a;\n --kn-border: #e8ddd1;\n --kn-shadow: 0 4px 24px rgba(139,99,57,.08);\n --kn-shadow-lg: 0 12px 48px rgba(139,99,57,.15);\n --kn-radius: 20px;\n --kn-radius-sm: 12px;\n}\n\n.kn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kn-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6339 0%, #C4975A 45%, #B44A2D 100%);\n border-radius: var(--kn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kn-shadow-lg);\n}\n\n.kn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px);\n opacity: 1;\n}\n\n.kn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .01em;\n}\n\n.kn-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kn-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kn-primary), var(--kn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.kn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kn-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kn-card {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kn-shadow-lg);\n border-color: var(--kn-primary);\n}\n\n.kn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kn-grid-compact .kn-card {\n padding: 1rem;\n}\n\n.kn-grid-compact .kn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kn-grid-compact .kn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kn-primary), var(--kn-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kn-timeline-content {\n flex: 1;\n background: var(--kn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kn-radius-sm);\n box-shadow: var(--kn-shadow);\n}\n\n.kn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kn-timeline-content p {\n font-size: 14px;\n color: var(--kn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kn-testimonial {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kn-shadow);\n border-left: 4px solid var(--kn-primary);\n}\n\n.kn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kn-accordion {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n box-shadow: var(--kn-shadow);\n overflow: hidden;\n}\n\n.kn-accordion-item {\n border-bottom: 1px solid var(--kn-border);\n margin: 0;\n padding: 0;\n}\n\n.kn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kn-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kn-accordion-header:hover {\n background: var(--kn-primary-light);\n}\n\n.kn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kn-primary);\n transition: transform .2s ease;\n}\n\n.kn-accordion-item[open] .kn-accordion-header::after {\n content: '−';\n}\n\n.kn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kn-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kn-primary-light);\n border-radius: var(--kn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kn-tip p {\n font-size: 14px;\n color: var(--kn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kn-disclaimer {\n font-size: 12px;\n color: var(--kn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kn-card {\n padding: 1.125rem;\n }\n\n .kn-section {\n margin-bottom: 1.75rem;\n }\n\n .kn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kn-radius-sm);\n }\n\n .kn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kn-grid-compact {\n gap: .625rem;\n }\n\n .kn-grid-compact .kn-card {\n padding: .75rem;\n }\n\n .kn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kn-timeline-content h3 {\n font-size: 14px;\n }\n\n .kn-timeline-content p {\n font-size: 13px;\n }\n\n .kn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kn-testimonial {\n padding: 1.25rem;\n }\n\n .kn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kn-card {\n animation: knFadeInUp .5s ease backwards;\n }\n .kn-card:nth-child(1) { animation-delay: .05s; }\n .kn-card:nth-child(2) { animation-delay: .1s; }\n .kn-card:nth-child(3) { animation-delay: .15s; }\n .kn-card:nth-child(4) { animation-delay: .2s; }\n .kn-card:nth-child(5) { animation-delay: .25s; }\n .kn-card:nth-child(6) { animation-delay: .3s; }\n .kn-card:nth-child(7) { animation-delay: .35s; }\n .kn-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes knFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":54881539883385,"sku":"ABSOLUNECTAR","price":19.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/absolu-nectar-k-pour-karite-min.jpg?v=1737037116"},{"product_id":"huile-dargan-bio-80-ml-najel","title":"Huile d'Argan Bio - Régénérante – 80 ml – Najel","description":"\u003cdiv class=\"argan-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"argan-hero\"\u003e\n\u003cdiv class=\"argan-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"argan-hero-content\"\u003e\n\u003cdiv class=\"argan-badges-top\"\u003e\n\u003cspan class=\"argan-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"argan-badge\"\u003e🇲🇦 Or du Maroc\u003c\/span\u003e \u003cspan class=\"argan-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"argan-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n\u003cp class=\"argan-subtitle\"\u003eL'élixir de beauté ancestral du Maroc\u003c\/p\u003e\n\u003cp class=\"argan-description\"\u003ePremière pression à froid, certifiée bio. Un soin complet et polyvalent pour votre visage, vos cheveux et votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003ePourquoi l'huile d'argan est-elle si précieuse pour votre peau ?\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eSurnommée « or liquide du Maroc », l'huile d'argan doit sa réputation à sa composition exceptionnellement riche en actifs naturels.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🧬 Acide linoléique (oméga-6)\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée et aide votre peau à retenir l'hydratation naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💧 Acide oléique (oméga-9)\u003c\/h3\u003e\n\u003cp\u003eAssouplit et nourrit la peau en profondeur, sans laisser de film gras désagréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant naturel qui protège vos cellules du stress oxydatif et du vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌱 Stérols et polyphénols\u003c\/h3\u003e\n\u003cp\u003eComposés rares qui stimulent la régénération cellulaire et apaisent les irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-tip\"\u003e\n\u003cspan class=\"argan-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux crèmes industrielles chargées en eau et additifs, cette huile d'argan pure à 100 % pénètre rapidement pour nourrir réellement votre peau, couche après couche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eHuile d'argan sur le visage : des résultats visibles\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eCette huile sèche possède une texture légère qui ne bouche pas les pores, même pour les peaux mixtes.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants ravivent l'éclat de votre peau terne ou fatiguée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🎀 Peau rebondie\u003c\/h3\u003e\n\u003cp\u003eLes acides gras essentiels restaurent l'élasticité et la souplesse cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🕐 Anti-ridules\u003c\/h3\u003e\n\u003cp\u003eLa vitamine E aide à lisser le grain de peau et prévenir les signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n\u003cp\u003eRougeurs, tiraillements après-rasage et sensibilités sont calmés naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n\u003cp\u003ePollution, froid, vent... votre peau est mieux armée contre les agressions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eUn soin complet pour les cheveux et les ongles\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eUtilisée en masque capillaire, elle transforme littéralement les cheveux secs, cassants ou abîmés.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid-compact\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💪 Nourrit la fibre\u003c\/h3\u003e\n\u003cp\u003eDe la racine aux pointes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌀 Dompte les frisottis\u003c\/h3\u003e\n\u003cp\u003eBrillance naturelle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🔥 Protection thermique\u003c\/h3\u003e\n\u003cp\u003eContre sèche-cheveux et lisseur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e✂️ Répare les pointes\u003c\/h3\u003e\n\u003cp\u003ePrévient les fourches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-tip\"\u003e\n\u003cspan class=\"argan-tip-icon\"\u003e💅\u003c\/span\u003e\n\u003cp\u003ePour vos ongles, quelques gouttes massées régulièrement sur les cuticules suffisent à fortifier les ongles cassants et à assouplir les peaux sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile d'argan bio Najel ?\u003c\/h2\u003e\n\u003cdiv class=\"argan-timeline\"\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e🌙 Pour le visage (soir)\u003c\/h3\u003e\n\u003cp\u003e3-4 gouttes réchauffées entre vos paumes, appliquées en massage du centre vers l'extérieur. Insistez sur les zones sèches et rides d'expression. Seule ou mélangée à votre crème de nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e💆 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn masque avant-shampooing (30 min à une nuit sous serviette chaude) ou en soin sans rinçage (1-2 gouttes sur cheveux secs pour discipliner et faire briller).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e🧴 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eMassez les zones sèches (coudes, genoux, talons) après la douche sur peau légèrement humide. Idéale également en huile de massage relaxante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eComposition – 100 % pure et naturelle\u003cspan class=\"argan-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"argan-composition-box\"\u003e\n\u003cdiv class=\"argan-composition-header\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e🌰 Ingrédient unique (INCI)\u003c\/strong\u003e\n\u003cp\u003eArgania Spinosa Kernel Oil*\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-composition-note\"\u003e*Issu de l'agriculture biologique certifiée\u003c\/p\u003e\n\u003cdiv class=\"argan-composition-details\"\u003e\n\u003cspan\u003e❌ Aucun additif\u003c\/span\u003e \u003cspan\u003e❌ Aucun conservateur\u003c\/span\u003e \u003cspan\u003e❌ Aucun parfum synthétique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-composition-text\"\u003eHuile d'argan vierge, non raffinée, qui conserve l'intégralité de ses propriétés actives. Sa couleur dorée et son léger parfum caractéristique sont les signes d'une huile de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eL'engagement qualité de Najel\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eSpécialiste des cosmétiques naturels depuis plus de 120 ans, Najel perpétue un savoir-faire artisanal respectueux.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid-compact\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertifiée Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e👩🌾 Production éthique\u003c\/h3\u003e\n\u003cp\u003eCoopératives marocaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🧴 Flacon verre ambré\u003c\/h3\u003e\n\u003cp\u003eProtection optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette huile d'argan ?\u003c\/h2\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eRestaure le confort cutané et élimine les sensations de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eAide à préserver la fermeté et l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eComposition 100 % pure parfaitement tolérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n\u003cp\u003eUtilisée avec parcimonie, elle régule sans graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💇 Cheveux abîmés\u003c\/h3\u003e\n\u003cp\u003eRépare et protège durablement les cheveux secs, colorés ou fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"argan-accordion\"\u003e\n\u003cdetails open=\"\" class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la lumière directe et de la chaleur excessive. Le flacon en verre ambré assure une bonne protection, mais évitez de le laisser dans une salle de bain trop humide ou près d'une source de chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e📅 Durée de vie\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003eBien conservée, l'huile garde ses propriétés pendant 12 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e📦 Format\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003e80 ml – Flacon en verre avec pompe doseuse pour une application précise et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"argan-section\"\u003e\n\u003cdiv class=\"argan-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau et vos cheveux le trésor millénaire du Maroc. Une huile, mille bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --argan-cream: #FDF8F3;\n --argan-white: #ffffff;\n --argan-primary: #E07830;\n --argan-primary-dark: #B85A1A;\n --argan-primary-light: #FEF3EB;\n --argan-secondary: #2D1810;\n --argan-accent: #C4A259;\n --argan-text: #1a1a1a;\n --argan-text-light: #5a5a5a;\n --argan-border: #e8ddd4;\n --argan-shadow: 0 4px 24px rgba(45,24,16,.08);\n --argan-shadow-lg: 0 12px 48px rgba(45,24,16,.15);\n --argan-radius: 20px;\n --argan-radius-sm: 12px;\n}\n\n.argan-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--argan-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.argan-hero {\n position: relative;\n background: linear-gradient(135deg, #E07830 0%, #C4A259 50%, #B85A1A 100%);\n border-radius: var(--argan-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(--argan-shadow-lg);\n}\n\n.argan-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.argan-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.argan-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.argan-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(--argan-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.argan-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.argan-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.argan-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.argan-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.6;\n}\n\n\/* === SECTIONS === *\/\n.argan-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.argan-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--argan-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.argan-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(--argan-primary), var(--argan-accent));\n border-radius: 2px;\n}\n\n.argan-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--argan-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\/* === GRILLES === *\/\n.argan-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.argan-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.argan-card {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--argan-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.argan-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--argan-shadow-lg);\n border-color: var(--argan-primary);\n}\n\n.argan-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--argan-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.argan-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--argan-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.argan-grid-compact .argan-card {\n padding: 1rem;\n}\n\n.argan-grid-compact .argan-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.argan-grid-compact .argan-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.argan-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.argan-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.argan-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--argan-primary), var(--argan-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(224,120,48,.3);\n}\n\n.argan-timeline-content {\n flex: 1;\n background: var(--argan-white);\n padding: 1rem 1.25rem;\n border-radius: var(--argan-radius-sm);\n box-shadow: var(--argan-shadow);\n}\n\n.argan-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--argan-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.argan-timeline-content p {\n font-size: 14px;\n color: var(--argan-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.argan-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--argan-primary-light);\n border-radius: var(--argan-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--argan-primary);\n}\n\n.argan-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.argan-tip p {\n font-size: 14px;\n color: var(--argan-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.argan-composition-box {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--argan-shadow);\n text-align: center;\n}\n\n.argan-composition-header {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.argan-composition-icon {\n font-size: 48px;\n}\n\n.argan-composition-header strong {\n font-size: 18px;\n color: var(--argan-secondary);\n display: block;\n}\n\n.argan-composition-header p {\n font-size: 16px;\n color: var(--argan-primary);\n font-weight: 600;\n font-style: italic;\n margin: .25rem 0 0 0;\n}\n\n.argan-composition-note {\n font-size: 13px;\n color: var(--argan-text-light);\n font-style: italic;\n margin: 0 0 1.25rem 0;\n}\n\n.argan-composition-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n}\n\n.argan-composition-details span {\n background: var(--argan-primary-light);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--argan-primary-dark);\n}\n\n.argan-composition-text {\n font-size: 14px;\n color: var(--argan-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.argan-accordion {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n box-shadow: var(--argan-shadow);\n overflow: hidden;\n}\n\n.argan-accordion-item {\n border-bottom: 1px solid var(--argan-border);\n margin: 0;\n padding: 0;\n}\n\n.argan-accordion-item:last-child {\n border-bottom: none;\n}\n\n.argan-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--argan-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.argan-accordion-header:hover {\n background: var(--argan-primary-light);\n}\n\n.argan-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.argan-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--argan-primary);\n transition: transform .2s ease;\n}\n\n.argan-accordion-item[open] .argan-accordion-header::after {\n content: '−';\n}\n\n.argan-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--argan-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.argan-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.argan-cta-box {\n background: linear-gradient(135deg, var(--argan-primary) 0%, var(--argan-primary-dark) 100%);\n border-radius: var(--argan-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.argan-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.argan-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.argan-disclaimer {\n font-size: 12px;\n color: var(--argan-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 .argan-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .argan-card {\n padding: 1.125rem;\n }\n \n .argan-section {\n margin-bottom: 1.75rem;\n }\n \n .argan-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--argan-radius-sm);\n }\n \n .argan-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .argan-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .argan-grid-compact {\n gap: .625rem;\n }\n \n .argan-grid-compact .argan-card {\n padding: .75rem;\n }\n \n .argan-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .argan-timeline-content {\n padding: .875rem 1rem;\n }\n \n .argan-timeline-content h3 {\n font-size: 14px;\n }\n \n .argan-timeline-content p {\n font-size: 13px;\n }\n \n .argan-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .argan-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .argan-tip {\n padding: .875rem 1rem;\n }\n \n .argan-tip-icon {\n font-size: 20px;\n }\n \n .argan-tip p {\n font-size: 13px;\n }\n \n .argan-composition-box {\n padding: 1.25rem;\n }\n \n .argan-composition-icon {\n font-size: 36px;\n }\n \n .argan-composition-header {\n flex-direction: column;\n gap: .5rem;\n }\n \n .argan-composition-details {\n gap: .5rem;\n }\n \n .argan-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .argan-card {\n animation: fadeInUp .5s ease backwards;\n }\n .argan-card:nth-child(1) { animation-delay: .05s; }\n .argan-card:nth-child(2) { animation-delay: .1s; }\n .argan-card:nth-child(3) { animation-delay: .15s; }\n .argan-card:nth-child(4) { animation-delay: .2s; }\n .argan-card:nth-child(5) { animation-delay: .25s; }\n .argan-card:nth-child(6) { animation-delay: .3s; }\n \n .argan-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .argan-timeline-item:nth-child(1) { animation-delay: .1s; }\n .argan-timeline-item:nth-child(2) { animation-delay: .2s; }\n .argan-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .argan-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928079782265,"sku":"NJ0180","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-80-ml-najel-lifestyle.webp?v=1769157278"},{"product_id":"huile-de-nigelle-125-ml-najel","title":"Huile de Nigelle Bio – 125 ml – Najel","description":"\u003cdiv class=\"nig-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nig-hero\"\u003e\n \u003cdiv class=\"nig-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nig-hero-content\"\u003e\n \u003cdiv class=\"nig-badges-top\"\u003e\n \u003cspan class=\"nig-badge\"\u003e🌿 Certifiée Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"nig-badge\"\u003e🧴 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"nig-badge\"\u003e✨ 100 % pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nig-hero-title\"\u003eHuile de Nigelle Bio – 125 ml – Najel\u003c\/span\u003e\n \u003cp class=\"nig-subtitle\"\u003eLe trésor millénaire du Moyen-Orient pour votre peau et vos cheveux\u003c\/p\u003e\n \u003cp class=\"nig-description\"\u003eHuile végétale de cumin noir obtenue par pression à froid, certifiée bio. Purifiante, apaisante et protectrice — un soin ancestral dans un flacon pompe pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eHuile de nigelle bio Najel : un trésor purificateur pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eUtilisée depuis plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e au Moyen-Orient, l'huile de nigelle — ou huile de cumin noir — est l'une des huiles végétales les plus précieuses de la cosmétique naturelle.\u003c\/p\u003e\n \u003cdiv class=\"nig-grid-compact\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce des graines de \u003cem\u003eNigella sativa\u003c\/em\u003e pour préserver 100 % des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification bio européenne garantissant une qualité irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧴 Flacon pompe\u003c\/h3\u003e\n \u003cp\u003eFormat pratique de 125 ml pour une application précise et hygiénique au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💎 100 % pure\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans conservateur — uniquement de l'huile de nigelle 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=\"nig-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de nigelle pour la peau\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eRiche en thymoquinone, en acides gras essentiels (oméga-6 et oméga-9) et en vitamine E, elle agit sur plusieurs fronts pour sublimer votre peau.\u003c\/p\u003e\n \u003cdiv class=\"nig-grid\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum et apaise les peaux sujettes à l'acné, aux boutons et aux points noirs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003ePropriétés anti-inflammatoires naturelles idéales pour les peaux sensibles, l'eczéma ou les rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLutte contre le vieillissement cutané prématuré en neutralisant les radicaux libres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💧 Hydratation et régénération\u003c\/h3\u003e\n \u003cp\u003eNourrit les peaux sèches en profondeur et soutient le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eBienfait de l'huile de nigelle pour les cheveux\u003c\/h2\u003e\n \u003cdiv class=\"nig-testimonial\"\u003e\n \u003cp class=\"nig-testimonial-text\"\u003eAppliquée en bain d'huile avant le shampoing, l'huile de nigelle nourrit intensément le cuir chevelu, aide à réduire les pellicules et renforce la fibre capillaire de la racine jusqu'aux pointes. Si vous souffrez de cheveux ternes, cassants ou d'une chute excessive, c'est un soin naturel à essayer absolument.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eRéduit les démangeaisons et les pellicules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💪 Fibre renforcée\u003c\/h3\u003e\n \u003cp\u003eDe la racine aux pointes pour des cheveux plus forts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eRedonne éclat et vitalité aux cheveux ternes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌿 Anti-chute\u003c\/h3\u003e\n \u003cp\u003eSoutient la croissance capillaire et limite la casse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de nigelle bio ?\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eSon flacon pompe rend l'application simple et précise. Voici comment en profiter au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"nig-timeline\"\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e🌙 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes le soir sur peau propre, en massant délicatement. Vous pouvez aussi l'ajouter à votre crème habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e🤲 Corps\u003c\/h3\u003e\n \u003cp\u003eMassez les zones irritées ou sèches (coudes, genoux, articulations) avec quelques pressions de pompe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing, répartissez l'huile sur le cuir chevelu et les longueurs, laissez poser 30 minutes à 1 heure, puis lavez normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e💅 Ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle pour les fortifier et nourrir les cuticules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-tip\"\u003e\n \u003cspan class=\"nig-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de nigelle possède une odeur puissante et caractéristique. Si elle vous semble trop prononcée, mélangez-la avec une huile plus douce comme l'huile de jojoba ou d'amande douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eL'huile de nigelle est-elle dangereuse ?\u003c\/h2\u003e\n \u003cdiv class=\"nig-testimonial\"\u003e\n \u003cp class=\"nig-testimonial-text\"\u003eRassurez-vous : en usage cosmétique externe, l'huile de nigelle est parfaitement sûre pour la grande majorité des personnes. Il convient toutefois de réaliser un \u003cstrong\u003etest cutané au pli du coude\u003c\/strong\u003e avant la première utilisation, surtout si vous avez une peau réactive. En cas de grossesse ou de traitement médical en cours, demandez conseil à votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nig-disclaimer\"\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nig-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"nig-grid-compact\"\u003e\n \u003cdiv class=\"nig-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=\"nig-card\"\u003e\n \u003ch3\u003e💎 Pureté\u003c\/h3\u003e\n \u003cp\u003e100 % huile végétale de nigelle, sans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e125 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic (label bio)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon pompe en plastique ambré, protégeant l'huile de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eNajel — Rêve d'Orient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"nig-accordion-item\"\u003e\n \u003csummary class=\"nig-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"nig-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre huile à l'abri de la chaleur et de la lumière directe pour préserver toutes ses qualités. Le flacon ambré assure une protection optimale contre l'oxydation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nig-accordion-item\"\u003e\n \u003csummary class=\"nig-accordion-header\"\u003e🌍 Origine\u003c\/summary\u003e\n \u003cdiv class=\"nig-accordion-content mt-3\"\u003e\n \u003cp\u003eGraines de nigelle issues du Moyen-Orient, berceau historique de cette plante millénaire. Najel perpétue un savoir-faire ancestral dans le respect des traditions orientales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et vos cheveux le soin ancestral le plus précieux du Moyen-Orient — certifié bio, pur et authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nig-cream: #faf6f1;\n --nig-white: #ffffff;\n --nig-primary: #d48b2c;\n --nig-primary-dark: #3d2b1a;\n --nig-primary-light: #fdf0dc;\n --nig-secondary: #e6a23c;\n --nig-accent: #c47a1e;\n --nig-text: #1a1a1a;\n --nig-text-light: #5a5a5a;\n --nig-border: #e8ddd0;\n --nig-shadow: 0 4px 24px rgba(61,43,26,.08);\n --nig-shadow-lg: 0 12px 48px rgba(61,43,26,.15);\n --nig-radius: 20px;\n --nig-radius-sm: 12px;\n}\n\n.nig-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nig-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nig-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2b1a 0%, #6b4423 40%, #d48b2c 100%);\n border-radius: var(--nig-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(--nig-shadow-lg);\n}\n\n.nig-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(212,139,44,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(230,162,60,.1) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(196,122,30,.08) 0%, transparent 45%);\n opacity: 1;\n}\n\n.nig-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nig-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.nig-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 10px rgba(0,0,0,.15);\n}\n\n.nig-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nig-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nig-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(--nig-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nig-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nig-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nig-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nig-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.nig-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(--nig-primary), var(--nig-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.nig-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nig-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.nig-card {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nig-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nig-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nig-shadow-lg);\n border-color: var(--nig-primary);\n}\n\n.nig-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nig-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nig-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nig-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nig-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nig-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nig-grid-compact .nig-card {\n padding: 1rem;\n}\n\n.nig-grid-compact .nig-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nig-grid-compact .nig-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nig-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nig-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nig-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nig-primary), var(--nig-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.nig-timeline-content {\n flex: 1;\n background: var(--nig-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nig-radius-sm);\n box-shadow: var(--nig-shadow);\n}\n\n.nig-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nig-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nig-timeline-content p {\n font-size: 14px;\n color: var(--nig-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nig-testimonial {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nig-shadow);\n border-left: 4px solid var(--nig-primary);\n}\n\n.nig-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nig-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nig-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nig-primary-light);\n border-radius: var(--nig-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nig-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nig-tip p {\n font-size: 14px;\n color: var(--nig-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nig-accordion {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n box-shadow: var(--nig-shadow);\n overflow: hidden;\n}\n\n.nig-accordion-item {\n border-bottom: 1px solid var(--nig-border);\n margin: 0;\n padding: 0;\n}\n\n.nig-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nig-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nig-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.nig-accordion-header:hover {\n background: var(--nig-primary-light);\n}\n\n.nig-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nig-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nig-primary);\n transition: transform .2s ease;\n}\n\n.nig-accordion-item[open] .nig-accordion-header::after {\n content: '−';\n}\n\n.nig-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nig-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nig-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.nig-cta-box {\n background: linear-gradient(135deg, var(--nig-primary) 0%, var(--nig-primary-dark) 100%);\n border-radius: var(--nig-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nig-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.nig-disclaimer {\n font-size: 12px;\n color: var(--nig-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .nig-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nig-card {\n padding: 1.125rem;\n }\n\n .nig-section {\n margin-bottom: 1.75rem;\n }\n\n .nig-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nig-radius-sm);\n }\n\n .nig-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nig-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nig-grid-compact {\n gap: .625rem;\n }\n\n .nig-grid-compact .nig-card {\n padding: .75rem;\n }\n\n .nig-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nig-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nig-timeline-content h3 {\n font-size: 14px;\n }\n\n .nig-timeline-content p {\n font-size: 13px;\n }\n\n .nig-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nig-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nig-testimonial {\n padding: 1.25rem;\n }\n\n .nig-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nig-card {\n animation: nigFadeInUp .5s ease backwards;\n }\n .nig-card:nth-child(1) { animation-delay: .05s; }\n .nig-card:nth-child(2) { animation-delay: .1s; }\n .nig-card:nth-child(3) { animation-delay: .15s; }\n .nig-card:nth-child(4) { animation-delay: .2s; }\n .nig-card:nth-child(5) { animation-delay: .25s; }\n .nig-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nigFadeInUp {\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 .nig-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928145285497,"sku":"NJ0185","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-nigelle-bio-125-ml-najel-packshothd.webp?v=1787565698"},{"product_id":"huile-dabricot-najel","title":"Huile végétale d'abricot bio 80 ml - Najel","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; naturelle\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e✨ Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eHuile végétale d'abricot bio\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eNajel — Sublime Éclat · 80 ml\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eLe secret d'une peau lumineuse, nourrie en profondeur par la puissance d'un seul ingrédient bio, extrait à froid des noyaux d'abricot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eHuile végétale d'abricot bio Najel : le secret d'un teint lumineux\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eVous cherchez un soin naturel capable de redonner de l'éclat à votre peau tout en la nourrissant intensément ? L'\u003cstrong\u003ehuile d'abricot bio\u003c\/strong\u003e Najel est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce des noyaux d'abricot pour préserver l'intégralité des actifs précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🔬 100 % pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, sans additif, sans conservateur, sans parfum ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification bio internationale, gage de qualité et de respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🙌 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sèches, ternes, fatiguées ou matures, visage et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'abricot pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUn véritable trésor de la cosmétique naturelle, riche en \u003cstrong\u003eacide oléique\u003c\/strong\u003e, \u003cstrong\u003evitamine A\u003c\/strong\u003e (bêta-carotène) et \u003cstrong\u003evitamine E\u003c\/strong\u003e (tocophérol).\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e☀️ Éclat et bonne mine\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en caroténoïdes, l'huile d'abricot visage ravive naturellement les teints ternes et fatigués. Quelques gouttes suffisent pour retrouver une peau lumineuse, comme après un bain de soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eSa composition en acides gras essentiels nourrit et assouplit les peaux sèches, déshydratées ou fragilisées par le froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants qu'elle contient aident à protéger la peau du stress oxydatif et participent à maintenir sa souplesse et sa fermeté au fil du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🪶 Texture légère et non grasse\u003c\/h3\u003e\n \u003cp\u003eContrairement à certaines huiles végétales, l'huile de noyau d'abricot pénètre rapidement sans laisser de film gras. Parfaite comme base de maquillage ou soin de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les pointes sèches ou en masque avant-shampoing, elle redonne brillance et vitalité aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de noyau d'abricot Najel ?\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile multi-usages qui se prête à de nombreuses rituels de beauté au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eSoin visage\u003c\/h3\u003e\n \u003cp\u003eRéchauffez 3 à 4 gouttes entre vos paumes et appliquez-les sur le visage nettoyé en massages circulaires, matin ou soir. Utilisez-la seule ou en mélange avec 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\u003eSoin corps et massage\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur le corps après la douche pour nourrir la peau. Son toucher soyeux en fait une excellente huile de massage relaxant.\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\u003eSérum personnalisé\u003c\/h3\u003e\n \u003cp\u003eMélangez-la avec quelques gouttes d'huile essentielle de lavande ou de géranium rosat pour un soin sur mesure adapté à votre type de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture fluide et son parfum délicat, légèrement fruité, rendent l'application particulièrement agréable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition – INCI\u003c\/h2\u003e\n \u003cdiv class=\"ab-composition-box\"\u003e\n \u003cdiv class=\"ab-composition-ingredient\"\u003e\n \u003cspan class=\"ab-composition-name\"\u003ePrunus Armeniaca Kernel Oil*\u003c\/span\u003e\n \u003cspan class=\"ab-composition-desc\"\u003eHuile de noyau d'abricot\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-composition-note\"\u003e*Issu de l'agriculture biologique. \u003cstrong\u003e100 % naturel, sans additifs, sans conservateurs, sans parfum ajouté.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'abricot bio Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🏠 Maison familiale\u003c\/h3\u003e\n \u003cp\u003eNajel est spécialisée dans les soins naturels depuis plusieurs décennies, gage d'un savoir-faire authentique et éprouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n \u003cp\u003eLa pression à froid garantit la préservation de tous les nutriments et vitamines présents dans les noyaux d'abricot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧴 Flacon pompe 80 ml\u003c\/h3\u003e\n \u003cp\u003ePratique et hygiénique, il permet de doser précisément chaque application tout en protégeant l'huile de l'oxydation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e avec une composition à \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, cette huile s'inscrit dans une démarche respectueuse de votre peau comme de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ab-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à votre peau l'éclat naturel qu'elle mérite avec l'huile d'abricot bio Najel — un seul ingrédient, des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute ou de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ab-cream: #fdf6f2;\n --ab-white: #ffffff;\n --ab-primary: #e06040;\n --ab-primary-dark: #9c2e1a;\n --ab-primary-light: #fce8e0;\n --ab-secondary: #f0856a;\n --ab-accent: #d44a2e;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #f0ddd5;\n --ab-shadow: 0 4px 24px rgba(156,46,26,.08);\n --ab-shadow-lg: 0 12px 48px rgba(156,46,26,.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, #9c2e1a 0%, #e06040 50%, #f0856a 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: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,200,150,.06) 0%, transparent 70%);\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 line-height: 1.1;\n}\n\n.ab-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.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 line-height: 1.25;\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.ab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n 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\/* === 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\/* === TIP BOX === *\/\n.ab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ab-primary-light);\n border-radius: var(--ab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ab-tip p {\n font-size: 14px;\n color: var(--ab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ab-composition-box {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n text-align: center;\n}\n\n.ab-composition-ingredient {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 2px dashed var(--ab-border);\n}\n\n.ab-composition-name {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--ab-primary);\n font-style: italic;\n}\n\n.ab-composition-desc {\n font-size: 14px;\n color: var(--ab-text-light);\n}\n\n.ab-composition-note {\n font-size: 14px;\n color: var(--ab-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\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 MOBILE === *\/\n@media (max-width: 767px) {\n .ab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ab-card {\n padding: 1.125rem;\n }\n\n .ab-section {\n margin-bottom: 1.75rem;\n }\n\n .ab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ab-radius-sm);\n }\n\n .ab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ab-grid-compact {\n gap: .625rem;\n }\n\n .ab-grid-compact .ab-card {\n padding: .75rem;\n }\n\n .ab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ab-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ab-timeline-content h3 {\n font-size: 14px;\n }\n\n .ab-timeline-content p {\n font-size: 13px;\n }\n\n .ab-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ab-card {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-card:nth-child(1) { animation-delay: .05s; }\n .ab-card:nth-child(2) { animation-delay: .1s; }\n .ab-card:nth-child(3) { animation-delay: .15s; }\n .ab-card:nth-child(4) { animation-delay: .2s; }\n .ab-card:nth-child(5) { animation-delay: .25s; }\n .ab-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@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":"NAJEL","offers":[{"title":"Default Title","offer_id":54930348704121,"sku":"NJ0205","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-dabricot-bio-80-ml-najel-ingredients_f861ec19-c6c4-4ecb-9736-e6868e58ea1c.webp?v=1772810003"},{"product_id":"huile-de-jojoba-najel","title":"Huile de Jojoba bio - Rééquilibrante – 80 ml – Najel","description":"\u003cdiv class=\"jjb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"jjb-hero\"\u003e\n\u003cdiv class=\"jjb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"jjb-hero-content\"\u003e\n\u003cdiv class=\"jjb-badges-top\"\u003e\n\u003cspan class=\"jjb-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e \u003cspan class=\"jjb-badge\"\u003e🇵🇪 Origine Pérou\u003c\/span\u003e \u003cspan class=\"jjb-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"jjb-hero-title\"\u003eHuile de Jojoba Bio\u003c\/span\u003e\n\u003cp class=\"jjb-subtitle\"\u003eLe secret des déserts sud-américains pour une peau et des cheveux sublimés\u003c\/p\u003e\n\u003cp class=\"jjb-description\"\u003eUne huile précieuse extraite par première pression à froid, à la composition étonnamment proche du sébum naturel de votre peau. Absorption exceptionnelle, zéro effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eQu'est-ce qui rend l'huile de jojoba si particulière ?\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eContrairement aux autres huiles végétales, l'huile de jojoba est en réalité une cire liquide. Cette caractéristique unique explique pourquoi elle pénètre si facilement dans l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧬 Cire liquide naturelle\u003c\/h3\u003e\n\u003cp\u003eQualifiée d'« huile sèche », elle ne laisse aucun film collant et convient parfaitement aux personnes qui redoutent l'effet gras des huiles classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🫒 Riche en oméga-9\u003c\/h3\u003e\n\u003cp\u003eAcides gras essentiels pour une protection et une nutrition en profondeur de votre peau et de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant qui préserve l'éclat de votre peau et protège contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🛡️ Céramides végétales\u003c\/h3\u003e\n\u003cp\u003eRenforcent la barrière cutanée pour une peau protégée et confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e⏳ Stabilité exceptionnelle\u003c\/h3\u003e\n\u003cp\u003eSe conserve longtemps sans rancir, un avantage non négligeable pour votre routine beauté quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💨 Absorption rapide\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément grâce à sa composition proche du sébum naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de jojoba pour le visage\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eUn soin complet qui s'adapte intelligemment à vos besoins cutanés, quel que soit votre type de peau.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n\u003cp\u003eEn mimant le sébum naturel, elle signale à vos glandes sébacées de réduire leur production. Résultat : peau moins brillante et pores moins visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée et limite les pertes d'eau. Votre peau reste souple et confortable toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🕐 Action anti-âge\u003c\/h3\u003e\n\u003cp\u003eSes antioxydants naturels préservent l'élasticité de la peau et atténuent les premiers signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n\u003cp\u003ePeaux sensibles, réactives ou sujettes aux rougeurs : cette huile douce calme et réconforte sans jamais agresser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧴 Démaquillage efficace\u003c\/h3\u003e\n\u003cp\u003eDissout parfaitement le maquillage, même waterproof, tout en prenant soin de la zone délicate du contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eL'huile de jojoba pour les cheveux : un soin révélateur d'éclat\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eVos cheveux méritent aussi les bienfaits de ce précieux élixir qui agit à plusieurs niveaux pour transformer votre chevelure.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌾 Nutrition des longueurs\u003c\/h3\u003e\n\u003cp\u003ePénètre la fibre capillaire pour la nourrir de l'intérieur. Les cheveux secs et abîmés retrouvent douceur et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes suffisent pour apporter un éclat sain à vos cheveux, sans les alourdir ni les graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧘 Équilibre du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eQu'il soit trop sec ou trop gras, votre cuir chevelu bénéficie des propriétés régulatrices. Apaise démangeaisons et réduit les pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🛡️ Protection anti-agressions\u003c\/h3\u003e\n\u003cp\u003eChaleur du sèche-cheveux, pollution, UV… forme un voile protecteur léger sur votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💪 Renforcement des racines\u003c\/h3\u003e\n\u003cp\u003eEn massage sur le cuir chevelu, elle stimule la microcirculation et favorise des cheveux plus forts et plus vigoureux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile de jojoba au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"jjb-timeline\"\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le visage – Soin quotidien\u003c\/h3\u003e\n\u003cp\u003ePrélevez 2 à 3 gouttes dans le creux de votre main. Chauffez légèrement en frottant vos paumes, puis appliquez par légers tapotements sur l'ensemble du visage. Seule le soir ou le matin sous votre crème de jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le visage – Démaquillage\u003c\/h3\u003e\n\u003cp\u003eVersez quelques gouttes directement sur un coton réutilisable ou massez sur peau sèche pour dissoudre le maquillage. Rincez ensuite à l'eau tiède ou poursuivez avec votre nettoyant habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, sur peau encore légèrement humide, appliquez généreusement et massez jusqu'à absorption complète. Cette technique scelle l'hydratation pour une peau douce et veloutée toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n\u003cp\u003eRépartissez l'huile sur l'ensemble de la chevelure, des racines aux pointes. Enveloppez dans une serviette chaude et laissez poser 30 minutes minimum, voire toute la nuit pour un soin intensif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSoin sans rinçage\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs ou essorés, appliquez une noisette d'huile uniquement sur les longueurs et les pointes. Idéal pour dompter les frisottis et apporter de la brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eMassage du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eUne fois par semaine, massez délicatement votre cuir chevelu avec quelques gouttes pour stimuler la circulation sanguine et favoriser la santé de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette huile ?\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eLa beauté de l'huile de jojoba réside dans son universalité. Elle s'adapte à tous les besoins.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid-compact\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌟 Peaux grasses \u0026amp; mixtes\u003c\/h3\u003e\n\u003cp\u003eRégule le sébum sans aggraver les imperfections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eNutrition et confort en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🕐 Peaux matures\u003c\/h3\u003e\n\u003cp\u003ePréserve éclat et élasticité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSoin doux et apaisant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💇 Cheveux fragilisés\u003c\/h3\u003e\n\u003cp\u003eCure de vitalité et brillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧴 Cuirs chevelus\u003c\/h3\u003e\n\u003cp\u003eRééquilibre gras ou pellicules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eLa qualité Najel : une huile d'exception\u003c\/h2\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une huile issue de l'agriculture biologique, produite dans le respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n\u003cp\u003eMéthode d'extraction douce qui préserve l'intégralité des nutriments et principes actifs de la graine de jojoba.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eAucun additif, aucun conservateur, aucun parfum ajouté. Une huile 100% pure et naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🇵🇪 Origine Pérou\u003c\/h3\u003e\n\u003cp\u003eFabriquée avec soin au Pérou, berceau des plantations de jojoba de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e📦 Format pratique 80 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon avec pompe permettant un dosage précis et une utilisation hygiénique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"jjb-testimonial\"\u003e\n\u003cp class=\"jjb-testimonial-text\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Simmondsia Chinensis (Jojoba) Seed Oil*\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-style: normal; font-size: 14px; color: var(--jjb-text-light);\"\u003e*100% des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n\u003cp style=\"margin-top: 0.5rem; font-style: normal; font-size: 14px; color: var(--jjb-text-light);\"\u003eCertifié Cosmos Organic par Ecocert Greenlife selon le référentiel Cosmos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"jjb-accordion\"\u003e\n\u003cdetails class=\"jjb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"jjb-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"jjb-accordion-content\"\u003e\n\u003cp\u003eConservez votre huile de jojoba à l'abri de la lumière directe et de la chaleur excessive. Grâce à sa composition stable, elle se conserve naturellement plusieurs mois après ouverture sans altération de ses propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"jjb-accordion-item\"\u003e\n\u003csummary class=\"jjb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"jjb-accordion-content\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"jjb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"jjb-cta-box\"\u003e\n\u003cp\u003e✨ Faites le choix d'une beauté simple et authentique avec l'huile de jojoba certifiée bio de Najel. Un seul ingrédient, des bienfaits multiples pour votre peau et vos cheveux. Intégrez-la dès maintenant à votre routine et découvrez par vous-même pourquoi cette huile est devenue un incontournable des soins naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --jjb-cream: #F7F5F0;\n --jjb-white: #ffffff;\n --jjb-primary: #C9A86C;\n --jjb-primary-dark: #8B7355;\n --jjb-primary-light: #F5EDE0;\n --jjb-secondary: #D4A574;\n --jjb-accent: #A67C52;\n --jjb-text: #2D2A26;\n --jjb-text-light: #6B635A;\n --jjb-border: #E8E2D9;\n --jjb-shadow: 0 4px 24px rgba(139,115,85,.08);\n --jjb-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --jjb-radius: 20px;\n --jjb-radius-sm: 12px;\n}\n\n.jjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #D4A574 50%, #A67C52 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--jjb-shadow-lg);\n}\n\n.jjb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 0-4.5 2-4.5 4.5S27.5 14 30 14s4.5-2 4.5-4.5S32.5 5 30 5zm0 41c-2.5 0-4.5 2-4.5 4.5S27.5 55 30 55s4.5-2 4.5-4.5S32.5 46 30 46zm-20-20c0-2.5-2-4.5-4.5-4.5S1 23.5 1 26s2 4.5 4.5 4.5S10 28.5 10 26zm49 0c0-2.5-2-4.5-4.5-4.5S50 23.5 50 26s2 4.5 4.5 4.5S59 28.5 59 26z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.jjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jjb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.jjb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jjb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.jjb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.jjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jjb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.jjb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--jjb-primary), var(--jjb-secondary));\n border-radius: 2px;\n}\n\n.jjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.jjb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jjb-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jjb-shadow-lg);\n border-color: var(--jjb-primary);\n}\n\n.jjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.jjb-grid-compact .jjb-card {\n padding: 1rem;\n}\n\n.jjb-grid-compact .jjb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jjb-grid-compact .jjb-card p {\n font-size: 12px;\n}\n\n.jjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jjb-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--jjb-primary), var(--jjb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(201,168,108,.3);\n}\n\n.jjb-timeline-content {\n flex: 1;\n background: var(--jjb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--jjb-radius-sm);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.jjb-timeline-content p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.jjb-testimonial {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jjb-shadow);\n border-left: 4px solid var(--jjb-primary);\n text-align: center;\n}\n\n.jjb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.jjb-accordion {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n box-shadow: var(--jjb-shadow);\n overflow: hidden;\n}\n\n.jjb-accordion-item {\n border-bottom: 1px solid var(--jjb-border);\n margin: 0;\n padding: 0;\n}\n\n.jjb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jjb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jjb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.jjb-accordion-header:hover {\n background: var(--jjb-primary-light);\n}\n\n.jjb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jjb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jjb-primary);\n transition: transform .2s ease;\n}\n\n.jjb-accordion-item[open] .jjb-accordion-header::after {\n content: '−';\n}\n\n.jjb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jjb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jjb-accordion-content p {\n margin: 0;\n}\n\n.jjb-cta-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jjb-cta-box 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@media (max-width: 767px) {\n .jjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .jjb-card {\n padding: 1.125rem;\n }\n \n .jjb-section {\n margin-bottom: 1.75rem;\n }\n \n .jjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jjb-radius-sm);\n }\n \n .jjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .jjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .jjb-grid-compact {\n gap: .625rem;\n }\n \n .jjb-grid-compact .jjb-card {\n padding: .75rem;\n }\n \n .jjb-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .jjb-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .jjb-timeline-content h3 {\n font-size: 14px;\n }\n \n .jjb-timeline-content p {\n font-size: 13px;\n }\n \n .jjb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .jjb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .jjb-testimonial {\n padding: 1.25rem;\n }\n \n .jjb-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .jjb-card {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-card:nth-child(1) { animation-delay: .05s; }\n .jjb-card:nth-child(2) { animation-delay: .1s; }\n .jjb-card:nth-child(3) { animation-delay: .15s; }\n .jjb-card:nth-child(4) { animation-delay: .2s; }\n .jjb-card:nth-child(5) { animation-delay: .25s; }\n .jjb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes jjbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .jjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931040371065,"sku":"NJ0215","price":12.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-certifiee-bio-80-ml-najel-lifestyle.webp?v=1769090755"},{"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":"chalcopyrite-huile-de-cristal-50-ml-ansil","title":"Chalcopyrite (huile de cristal) - 50 ml - Ansil","description":"\u003cdiv class=\"chp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"chp-hero\"\u003e\n \u003cdiv class=\"chp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"chp-hero-content\"\u003e\n \u003cdiv class=\"chp-badges-top\"\u003e\n \u003cspan class=\"chp-badge\"\u003e✨ Éveil intérieur\u003c\/span\u003e\n \u003cspan class=\"chp-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"chp-badge\"\u003e🇫🇷 Fabrication artisanale française\u003c\/span\u003e\n \u003cspan class=\"chp-badge\"\u003e🧴 Spray 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"chp-hero-title\"\u003eChalcopyrite — Huile de cristal Ansil\u003c\/span\u003e\n \u003cp class=\"chp-subtitle\"\u003eLibérez vos blocages, révélez votre confiance\u003c\/p\u003e\n \u003cp class=\"chp-description\"\u003eL'alliance unique de la puissance vibratoire de la Chalcopyrite et d'huiles végétales biologiques, dans un flacon spray élégant de 50 ml. Un véritable outil d'accompagnement pour votre épanouissement personnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"chp-section\"\u003e\n \u003ch2\u003eHuile de cristal de Chalcopyrite Ansil : éveil intérieur et confiance en soi\u003c\/h2\u003e\n \u003cp class=\"chp-section-intro\"\u003eVous cherchez un soin énergétique naturel pour vous libérer de vos blocages émotionnels et retrouver une véritable confiance en vous ?\u003c\/p\u003e\n \u003cp class=\"chp-section-intro\"\u003eL'huile de cristal de Chalcopyrite d'Ansil associe la puissance vibratoire de cette pierre fascinante à des huiles végétales biologiques, dans un flacon spray de 50 ml pratique et élégant. Plus qu'une simple huile de massage, c'est un véritable outil d'accompagnement pour votre épanouissement personnel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"chp-section\"\u003e\n \u003ch2\u003eQu'est-ce que la Chalcopyrite en lithothérapie ?\u003c\/h2\u003e\n \u003cp class=\"chp-section-intro\"\u003eUn minéral aux reflets dorés et irisés, très prisé en lithothérapie pour ses propriétés énergétiques profondes.\u003c\/p\u003e\n \u003cdiv class=\"chp-grid\"\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e🌟 Réalisation de soi\u003c\/h3\u003e\n \u003cp\u003eFavorise l'estime personnelle et stimule votre élan vers l'accomplissement de vos objectifs profonds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e🔓 Dissolution des blocages\u003c\/h3\u003e\n \u003cp\u003eDissout les blocages émotionnels liés au passé et aux souvenirs douloureux pour avancer sereinement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eAméliore la clarté mentale et la prise de décision au quotidien avec une pensée plus limpide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e☀️ Plexus solaire\u003c\/h3\u003e\n \u003cp\u003eRééquilibre les énergies au niveau du plexus solaire, centre de la confiance et du pouvoir personnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-tip\"\u003e\n \u003cspan class=\"chp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eL'huile de cristal Ansil capture ces propriétés vibratoires grâce à un \u003cstrong\u003eprocédé d'infusion breveté\u003c\/strong\u003e, permettant de bénéficier des bienfaits de la pierre directement par application cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"chp-section\"\u003e\n \u003ch2\u003eComposition naturelle et biologique\u003c\/h2\u003e\n \u003cp class=\"chp-section-intro\"\u003eFormulée à partir d'ingrédients soigneusement sélectionnés pour leur qualité et leur synergie.\u003c\/p\u003e\n \u003cdiv class=\"chp-grid\"\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e💎 Cristaux de Chalcopyrite\u003c\/h3\u003e\n \u003cp\u003eInfusés selon le procédé exclusif Ansil pour transmettre leurs vibrations énergétiques uniques à l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e🌰 Huile de noisette bio\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras, nourrit et adoucit la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e🫘 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels, elle sert de vecteur pur pour les propriétés vibratoires du cristal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-tip\"\u003e\n \u003cspan class=\"chp-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eAucun additif synthétique, aucun parfum artificiel : un produit \u003cstrong\u003e100 % naturel\u003c\/strong\u003e, respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"chp-section\"\u003e\n \u003ch2\u003eComment utiliser votre huile de cristal Chalcopyrite ?\u003c\/h2\u003e\n \u003cp class=\"chp-section-intro\"\u003ePour tirer le meilleur parti de cette huile, voici nos recommandations d'utilisation.\u003c\/p\u003e\n \u003cdiv class=\"chp-timeline\"\u003e\n \u003cdiv class=\"chp-timeline-item\"\u003e\n \u003cdiv class=\"chp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"chp-timeline-content\"\u003e\n \u003ch3\u003eSecouez le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation, secouez bien le flacon pour homogénéiser les composants énergétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-timeline-item\"\u003e\n \u003cdiv class=\"chp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"chp-timeline-content\"\u003e\n \u003ch3\u003eVaporisez quelques pressions\u003c\/h3\u003e\n \u003cp\u003eSur les zones ciblées : le plexus solaire est particulièrement indiqué, ainsi que les méridiens rate\/pancréas et estomac.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-timeline-item\"\u003e\n \u003cdiv class=\"chp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"chp-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003ePendant 1 à 2 minutes en effectuant des mouvements circulaires pour faciliter l'absorption et la circulation énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-timeline-item\"\u003e\n \u003cdiv class=\"chp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"chp-timeline-content\"\u003e\n \u003ch3\u003eAssociez pour plus de synergie\u003c\/h3\u003e\n \u003cp\u003eCombinez cette huile aux élixirs de cristaux Ansil pour une approche énergétique complète et renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-tip\"\u003e\n \u003cspan class=\"chp-tip-icon\"\u003e🌅\u003c\/span\u003e\n \u003cp\u003eIntégrez-la à votre rituel quotidien : \u003cstrong\u003ele matin\u003c\/strong\u003e pour aborder la journée avec assurance, ou \u003cstrong\u003ele soir\u003c\/strong\u003e pour évacuer les tensions accumulées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"chp-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de cristal Ansil ?\u003c\/h2\u003e\n \u003cp class=\"chp-section-intro\"\u003eLa marque Ansil, basée à Sanilhac (Gard), est spécialisée dans la fabrication d'élixirs et huiles de cristaux de haute qualité.\u003c\/p\u003e\n \u003cdiv class=\"chp-grid-compact\"\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e🔬 Procédé breveté\u003c\/h3\u003e\n \u003cp\u003eConservation optimale des vibrations du cristal de roche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e🌱 Huiles certifiées bio\u003c\/h3\u003e\n \u003cp\u003eTolérance cutanée maximale garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e🧴 Format spray 50 ml\u003c\/h3\u003e\n \u003cp\u003eDosage précis, hygiénique, facile à emporter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chp-card\"\u003e\n \u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n \u003cp\u003eArtisanat reconnu en lithothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"chp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"chp-accordion\"\u003e\n \u003cdetails class=\"chp-accordion-item\" open\u003e\n \u003csummary class=\"chp-accordion-header\"\u003e⚠️ Usage et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"chp-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile de cristal est réservée à un \u003cstrong\u003eusage externe uniquement\u003c\/strong\u003e. Évitez tout contact avec les yeux et les muqueuses. Ne pas appliquer sur des plaies ouvertes ou des zones irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"chp-accordion-item\"\u003e\n \u003csummary class=\"chp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"chp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière directe et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"chp-accordion-item\"\u003e\n \u003csummary class=\"chp-accordion-header\"\u003e📋 Avertissement santé\u003c\/summary\u003e\n \u003cdiv class=\"chp-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit s'inscrit dans une démarche de bien-être énergétique et \u003cstrong\u003ene se substitue en aucun cas à un avis ou traitement médical\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"chp-disclaimer\"\u003eLes propriétés énergétiques décrites relèvent de la tradition lithothérapeutique et ne constituent pas des allégations médicales.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --chp-cream: #f7f4f0;\n --chp-white: #ffffff;\n --chp-primary: #8b5e3c;\n --chp-primary-dark: #5c3a1e;\n --chp-primary-light: #f3ebe3;\n --chp-secondary: #c19a6b;\n --chp-accent: #d4a843;\n --chp-text: #1a1a1a;\n --chp-text-light: #5a5a5a;\n --chp-border: #e5ddd4;\n --chp-shadow: 0 4px 24px rgba(92,58,30,.08);\n --chp-shadow-lg: 0 12px 48px rgba(92,58,30,.15);\n --chp-radius: 20px;\n --chp-radius-sm: 12px;\n}\n\n.chp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--chp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.chp-hero {\n position: relative;\n background: linear-gradient(135deg, #5c3a1e 0%, #8b5e3c 40%, #c19a6b 75%, #d4a843 100%);\n border-radius: var(--chp-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(--chp-shadow-lg);\n}\n\n.chp-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(212,168,67,.12) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 45%);\n opacity: 1;\n}\n\n.chp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.chp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n line-height: 1.1;\n}\n\n.chp-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.chp-description {\n color: rgba(255,255,255,.8);\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.chp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.chp-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(--chp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.chp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.chp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.chp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--chp-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.chp-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(--chp-primary), var(--chp-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.chp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--chp-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.chp-card {\n background: var(--chp-white);\n border-radius: var(--chp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--chp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.chp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--chp-shadow-lg);\n border-color: var(--chp-primary);\n}\n\n.chp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--chp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.chp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--chp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.chp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.chp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.chp-grid-compact .chp-card {\n padding: 1rem;\n}\n\n.chp-grid-compact .chp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.chp-grid-compact .chp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.chp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.chp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.chp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--chp-primary), var(--chp-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.chp-timeline-content {\n flex: 1;\n background: var(--chp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--chp-radius-sm);\n box-shadow: var(--chp-shadow);\n}\n\n.chp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--chp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.chp-timeline-content p {\n font-size: 14px;\n color: var(--chp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.chp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--chp-primary-light);\n border-radius: var(--chp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.chp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.chp-tip p {\n font-size: 14px;\n color: var(--chp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.chp-accordion {\n background: var(--chp-white);\n border-radius: var(--chp-radius);\n box-shadow: var(--chp-shadow);\n overflow: hidden;\n}\n\n.chp-accordion-item {\n border-bottom: 1px solid var(--chp-border);\n margin: 0;\n padding: 0;\n}\n\n.chp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.chp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--chp-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.chp-accordion-header:hover {\n background: var(--chp-primary-light);\n}\n\n.chp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.chp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--chp-primary);\n transition: transform .2s ease;\n}\n\n.chp-accordion-item[open] .chp-accordion-header::after {\n content: '−';\n}\n\n.chp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--chp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.chp-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.chp-disclaimer {\n font-size: 12px;\n color: var(--chp-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 .chp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .chp-card {\n padding: 1.125rem;\n }\n\n .chp-section {\n margin-bottom: 1.75rem;\n }\n\n .chp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--chp-radius-sm);\n }\n\n .chp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .chp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .chp-grid-compact {\n gap: .625rem;\n }\n\n .chp-grid-compact .chp-card {\n padding: .75rem;\n }\n\n .chp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .chp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .chp-timeline-content h3 {\n font-size: 14px;\n }\n\n .chp-timeline-content p {\n font-size: 13px;\n }\n\n .chp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .chp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .chp-card {\n animation: chpFadeInUp .5s ease backwards;\n }\n .chp-card:nth-child(1) { animation-delay: .05s; }\n .chp-card:nth-child(2) { animation-delay: .1s; }\n .chp-card:nth-child(3) { animation-delay: .15s; }\n .chp-card:nth-child(4) { animation-delay: .2s; }\n .chp-card:nth-child(5) { animation-delay: .25s; }\n .chp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes chpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .chp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANSIL","offers":[{"title":"Default Title","offer_id":55197836935545,"sku":"AL3006","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chalcopyrite-huile-de-cristal-50-ml-ansil-packshothd.webp?v=1774773946"},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/huiles-vegetales-cosmetiques.webp?v=1790071866","url":"https:\/\/www.naturellement-bio.com\/collections\/huiles-vegetales-cosmetiques.oembed?page=4","provider":"Naturellement Bio","version":"1.0","type":"link"}