{"title":"Aromathérapie","description":"\u003cp\u003eFatigue persistante, tensions accumulées, peau en manque d'éclat ou simplement envie de ramener un peu de nature dans votre quotidien ? L'aromathérapie offre des réponses concrètes à ces préoccupations, à condition de savoir s'y retrouver parmi les \u003ca href=\"\/collections\/huiles-essentielles\"\u003ehuiles essentielles\u003c\/a\u003e, les \u003ca href=\"\/collections\/eau-florales\"\u003eeaux florales\u003c\/a\u003e et les \u003ca href=\"\/collections\/huiles-vegetales-cosmetiques\"\u003ehuiles végétales cosmétiques\u003c\/a\u003e. Pas toujours simple de démêler tout ça, on vous l'accorde. Alors prenons le temps de poser les bases ensemble.\u003c\/p\u003e\n\u003ch2\u003ePourquoi se tourner vers l'aromathérapie aujourd'hui\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas se mentir : entre le stress qui s'invite sans prévenir, les nuits compliquées et cette sensation que la peau fait la tête, les raisons de chercher des alternatives naturelles ne manquent pas. Et puis il y a cette envie, de plus en plus présente, de reprendre un peu la main sur son bien-être sans forcément passer par la case pharmacie pour chaque petit tracas.\u003c\/p\u003e\n\u003cp\u003eL'aromathérapie bio répond justement à ce besoin d'autonomie. Troubles du sommeil, inconforts digestifs passagers, tensions musculaires après une journée trop longue - les plantes aromatiques ont des choses à dire. Côté peau aussi, la demande de soins sans ingrédients synthétiques explose. Normal, quand on voit ce qu'on trouve parfois sur les étiquettes.\u003c\/p\u003e\n\u003cp\u003eMais voilà le hic : beaucoup se sentent perdus face à la multitude de flacons. Huile essentielle, eau florale, huile végétale... c'est quoi la différence, au juste ? Laquelle choisir pour quel usage ? Ces questions reviennent constamment, et c'est bien légitime. Parce que non, ce n'est pas qu'une histoire de parfum agréable - c'est une vraie discipline avec ses règles.\u003c\/p\u003e\n\u003ch2\u003eComprendre l'aromathérapie : bien plus que des parfums\u003c\/h2\u003e\n\u003cp\u003eL'aromathérapie, dans sa définition rigoureuse, c'est l'utilisation thérapeutique des extraits aromatiques de plantes. Pas juste pour que la maison sente bon - même si c'est un bonus appréciable. On parle ici de molécules actives, puissantes, qui interagissent réellement avec notre organisme.\u003c\/p\u003e\n\u003ch3\u003eLes huiles essentielles bio : des concentrés de puissance\u003c\/h3\u003e\n\u003cp\u003eUne huile essentielle, c'est le résultat d'une distillation à la vapeur d'eau (ou d'une expression pour les agrumes). On obtient un concentré aromatique qui contient le \"totum\" de la plante - autrement dit, l'ensemble de ses molécules volatiles. C'est précisément ce qui fait leur efficacité... et leur exigence en termes de précautions. Une goutte d'huile essentielle de lavande, par exemple, concentre l'équivalent de plusieurs dizaines de grammes de fleurs.\u003c\/p\u003e\n\u003ch3\u003eLes eaux florales : la douceur en flacon\u003c\/h3\u003e\n\u003cp\u003ePendant la distillation, deux produits se forment : l'huile essentielle (la phase huileuse) et l'hydrolat ou eau florale (la phase aqueuse). Cette dernière contient une infime partie des molécules aromatiques, ce qui la rend beaucoup plus douce. L'\u003ca href=\"\/products\/eau-florale-de-rose-bio-sans-alcool-200-ml-eolesens\"\u003eeau florale de rose bio\u003c\/a\u003e ou l'\u003ca href=\"\/products\/eau-florale-de-bleuet-bio-sans-alcool-200-ml-eolesens\"\u003eeau florale de bleuet bio\u003c\/a\u003e illustrent parfaitement cette approche : efficaces, mais suffisamment douces pour les peaux sensibles et même les enfants.\u003c\/p\u003e\n\u003ch3\u003eLes huiles végétales : vecteurs et actifs à part entière\u003c\/h3\u003e\n\u003cp\u003eExtraites par pression de graines ou de fruits oléagineux, les huiles végétales jouent un double rôle. D'abord, elles servent de support pour diluer les huiles essentielles avant application cutanée - indispensable pour éviter les irritations. Mais elles sont aussi des actifs cosmétiques remarquables par elles-mêmes, grâce à leur profil en acides gras et en vitamines.\u003c\/p\u003e\n\u003cp\u003eD'ailleurs, la certification bio prend tout son sens ici : une plante cultivée sans pesticides donnera un extrait plus pur, sans résidus indésirables concentrés dans le produit final.\u003c\/p\u003e\n\u003ch2\u003eComment choisir vos produits d'aromathérapie\u003c\/h2\u003e\n\u003cp\u003eBon, maintenant qu'on a posé les bases, passons aux critères concrets. Parce qu'entre un flacon à 3€ et un autre à 15€, la différence ne tient pas qu'au marketing.\u003c\/p\u003e\n\u003ch3\u003ePour les huiles essentielles bio\u003c\/h3\u003e\n\u003cp\u003ePlusieurs éléments doivent figurer sur l'étiquette :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLe nom latin de la plante (pour éviter les confusions entre espèces)\u003c\/li\u003e\n\u003cli\u003eLa partie distillée (feuilles, fleurs, écorce... ça change tout)\u003c\/li\u003e\n\u003cli\u003eLe chémotype quand c'est pertinent - notamment pour le thym ou le romarin qui existent en plusieurs \"versions\" chimiques\u003c\/li\u003e\n\u003cli\u003eL'origine géographique et la certification bio\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePour les eaux florales bio\u003c\/h3\u003e\n\u003cp\u003eLe critère numéro un ? L'absence d'alcool ajouté. Certains fabricants en ajoutent pour la conservation, mais ça peut irriter les peaux réactives. Les hydrolats purs, comme ceux d'Eolesens présents dans notre sélection, se conservent très bien au réfrigérateur après ouverture.\u003c\/p\u003e\n\u003ch3\u003ePour les huiles végétales cosmétiques\u003c\/h3\u003e\n\u003cp\u003ePrivilégiez systématiquement la première pression à froid, qui préserve les nutriments. Le profil en acides gras détermine les propriétés : l'acide linoléique pour les peaux mixtes, l'acide ricinoléique (ricin) pour fortifier les cils et cheveux...\u003c\/p\u003e\n\u003cp\u003eEt puis il y a les huiles précieuses, celles qui font vraiment la différence. L'\u003ca href=\"\/products\/huile-de-pepin-de-figue-de-barbarie-bio-50ml-comptoir-des-huiles\"\u003ehuile de pépins de figue de barbarie bio\u003c\/a\u003e est notre chouchou pour l'anti-âge - sa richesse en vitamine E et en stérols est exceptionnelle. L'\u003ca href=\"\/products\/huile-d-argan-100-bio-50-ml-arc-en-sels\"\u003ehuile d'argan bio\u003c\/a\u003e reste une valeur sûre pour restructurer les peaux fatiguées. Quant à l'huile de calophylle, elle fait des merveilles sur la circulation.\u003c\/p\u003e\n\u003cp\u003eDernier point : le conditionnement. Un flacon en verre teinté protège les actifs de la lumière. Les pipettes facilitent le dosage précis. Ces détails comptent.\u003c\/p\u003e\n\u003ch2\u003ePrécautions essentielles avant d'utiliser l'aromathérapie\u003c\/h2\u003e\n\u003cp\u003eOn préfère être clairs là-dessus : les huiles essentielles ne sont pas des produits anodins. Leur concentration en principes actifs est telle qu'elles méritent le même respect qu'un médicament. Ce n'est pas pour faire peur, c'est pour utiliser sereinement.\u003c\/p\u003e\n\u003cp\u003eLes contre-indications majeures concernent :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eLes femmes enceintes ou allaitantes (certaines HE sont formellement interdites)\u003c\/li\u003e\n\u003cli\u003eLes enfants de moins de 6 ans (voire plus selon les huiles)\u003c\/li\u003e\n\u003cli\u003eLes personnes épileptiques (attention aux HE neurotoxiques)\u003c\/li\u003e\n\u003cli\u003eLes asthmatiques pour la diffusion de certaines huiles\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eIl existe aussi des interactions médicamenteuses à connaître. Par exemple, certaines huiles essentielles peuvent modifier l'action des anticoagulants ou interférer avec des traitements hormonaux.\u003c\/p\u003e\n\u003cp\u003eNotre conseil systématique : faites un test cutané au pli du coude 24h avant la première utilisation d'une nouvelle huile, qu'elle soit essentielle ou végétale. Et en cas de doute - vraiment - consultez un aromathérapeute qualifié ou votre médecin. Les eaux florales représentent une alternative beaucoup plus douce pour les terrains sensibles, même si une vigilance reste de mise pour les personnes allergiques.\u003c\/p\u003e\n\u003ch2\u003eAromathérapie et autres approches naturelles : créer votre routine\u003c\/h2\u003e\n\u003cp\u003eL'aromathérapie s'inscrit naturellement dans une approche globale de phytothérapie. Elle ne remplace pas tout, mais elle complète merveilleusement d'autres pratiques.\u003c\/p\u003e\n\u003cp\u003eLa \u003ca href=\"\/collections\/gemmotherapie\"\u003egemmothérapie\u003c\/a\u003e, par exemple, travaille en profondeur sur le terrain avec les bourgeons. Les \u003ca href=\"\/collections\/elixirs-floraux\"\u003eélixirs floraux\u003c\/a\u003e accompagnent l'équilibre émotionnel d'une façon différente, plus subtile. Et l'\u003ca href=\"\/collections\/apitherapie\"\u003eapithérapie\u003c\/a\u003e apporte son soutien précieux à l'immunité.\u003c\/p\u003e\n\u003cp\u003eUne routine simple pourrait ressembler à ça : eau florale de bleuet le matin pour réveiller le regard, quelques gouttes d'huile végétale enrichie le soir pour nourrir la peau, et pourquoi pas une diffusion d'huiles essentielles apaisantes en fin de journée. Rien de compliqué, mais des gestes qui font la différence au quotidien.\u003c\/p\u003e\n\u003cp\u003ePour les personnes sujettes aux \u003ca href=\"\/collections\/allergies\"\u003eallergies\u003c\/a\u003e saisonnières, certaines huiles essentielles peuvent d'ailleurs apporter un confort appréciable - toujours avec les précautions d'usage, bien sûr.\u003c\/p\u003e\n\u003cp\u003eEnvie d'aller plus loin ? N'hésitez pas à \u003ca href=\"\/collections\/phytotherapie\"\u003edécouvrir l'ensemble de nos solutions de phytothérapie\u003c\/a\u003e pour construire une approche vraiment personnalisée.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelles sont les contre-indications de l'aromathérapie ?\u003c\/summary\u003e\n\u003cp\u003eLes principales contre-indications concernent les femmes enceintes ou allaitantes, les enfants de moins de 6 ans, les personnes épileptiques et, pour certaines huiles, les asthmatiques. Certaines huiles essentielles peuvent aussi interagir avec des médicaments, notamment les anticoagulants ou les traitements hormonaux. Dans le doute, consultez toujours un professionnel de santé ou un aromathérapeute qualifié avant utilisation. Les eaux florales constituent une alternative plus douce pour les profils sensibles.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la différence entre une huile essentielle et une eau florale ?\u003c\/summary\u003e\n\u003cp\u003eLes deux proviennent du même processus de distillation, mais ce sont deux produits distincts. L'huile essentielle correspond à la phase huileuse, extrêmement concentrée en molécules actives - c'est un produit puissant qui nécessite des précautions. L'eau florale (ou hydrolat) est la phase aqueuse, beaucoup plus douce car elle ne contient qu'une infime partie des molécules aromatiques. Elle convient aux peaux sensibles, aux enfants et à un usage quotidien, là où l'huile essentielle demande plus de vigilance.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment utiliser les huiles végétales en aromathérapie ?\u003c\/summary\u003e\n\u003cp\u003eLes huiles végétales servent d'abord de vecteur pour diluer les huiles essentielles avant application sur la peau - c'est indispensable pour éviter les irritations. Mais elles sont aussi des actifs à part entière selon leur composition : l'argan nourrit et restructure, la calophylle soutient la circulation, la figue de barbarie offre une action anti-âge remarquable. Pour le visage, on recommande généralement une dilution de 1 à 2% d'huile essentielle dans l'huile végétale, soit environ 1 à 2 gouttes pour une cuillère à café.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelles huiles essentielles ne faut-il pas diffuser ?\u003c\/summary\u003e\n\u003cp\u003eÉvitez de diffuser les huiles essentielles irritantes pour les voies respiratoires : cannelle écorce, origan, sarriette, thym à thymol. Prudence également avec les huiles riches en cétones (menthe poivrée, romarin à camphre) en présence d'enfants, de femmes enceintes ou de personnes fragiles. Pour une diffusion sereine, privilégiez les classiques comme la lavande vraie, le citron ou l'orange douce, bien tolérées par la plupart des personnes.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment choisir une huile essentielle de qualité ?\u003c\/summary\u003e\n\u003cp\u003eVérifiez plusieurs critères sur l'étiquette : la certification bio, le nom latin précis de la plante, la partie distillée (feuille, fleur, écorce...), le chémotype si pertinent, et l'origine géographique. Le conditionnement compte aussi : préférez les flacons en verre teinté qui protègent de la lumière. Méfiez-vous des prix anormalement bas - une huile essentielle de qualité a un coût. Des marques comme Saint-Hilaire ou Eolesens respectent ces exigences.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes eaux florales conviennent-elles aux peaux sensibles ?\u003c\/summary\u003e\n\u003cp\u003eOui, c'est même leur point fort ! Beaucoup plus douces que les huiles essentielles, les eaux florales sont particulièrement adaptées aux peaux réactives. L'eau florale de bleuet apaise les yeux fatigués et les peaux délicates, celle de rose convient à tous types de peaux. Pour les peaux très sensibles, vérifiez l'absence d'alcool ajouté dans la formule. Par précaution, un test au pli du coude reste recommandé, surtout pour les terrains allergiques.\u003c\/p\u003e\n\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":17.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":true}],"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":"eau-florale-tea-tree-200-ml-eolesens","title":"Eau Florale de Tea Tree bio - 200 ml - Eolesens","description":"\u003cdiv class=\"tt-premium\"\u003e\n \u003cdiv class=\"tt-hero\"\u003e\n \u003cdiv class=\"tt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tt-hero-content\"\u003e\n \u003cdiv class=\"tt-badges-top\"\u003e\n \u003cspan class=\"tt-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e💧 200 ml\u003c\/span\u003e\n \u003cspan class=\"tt-badge\"\u003e🐰 Non testé sur animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tt-hero-title\"\u003eEau Florale de Tea Tree\u003c\/span\u003e\n \u003cp class=\"tt-subtitle\"\u003eL'allié purifiant des peaux à imperfections\u003c\/p\u003e\n \u003cp class=\"tt-description\"\u003eObtenue par distillation à la vapeur d'eau des feuilles de Melaleuca Alternifolia, cet hydrolat 100 % biologique capture toute la douceur et la puissance purifiante de cette plante emblématique d'Australie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'hydrolat de Tea Tree ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eContrairement à l'huile essentielle, plus concentrée et parfois irritante, l'eau florale de Tea Tree offre une action douce, idéale pour un usage quotidien, même sur les peaux sensibles, les adolescents ou les femmes enceintes (avec avis médical).\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✨ Purifie\u003c\/h3\u003e\n \u003cp\u003eLes peaux grasses, mixtes et acnéiques retrouvent pureté et fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌸 Apaise\u003c\/h3\u003e\n \u003cp\u003eCalme rougeurs, démangeaisons et petites irritations du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💧 Régule\u003c\/h3\u003e\n \u003cp\u003eMaîtrise l'excès de sébum sans jamais dessécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌱 Assainit\u003c\/h3\u003e\n \u003cp\u003eApporte de la fraîcheur au cuir chevelu sujet aux pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e⭐ Tonifie\u003c\/h3\u003e\n \u003cp\u003eResserre le grain de peau et lui redonne tout son éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌿 Douce tolérance\u003c\/h3\u003e\n \u003cp\u003ePrincipes actifs hydrosolubles pour une tolérance optimale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComment utiliser l'eau florale de Tea Tree ?\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eSa forme spray rend son application simple et hygiénique. Découvrez 5 façons de l'intégrer à votre routine.\u003c\/p\u003e\n \u003cdiv class=\"tt-timeline\"\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003e💦 En lotion tonique\u003c\/h3\u003e\n \u003cp\u003eVaporisez matin et soir sur le visage propre, puis tapotez délicatement. Parfait avant l'application de votre sérum ou crème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003e🎯 En soin ciblé\u003c\/h3\u003e\n \u003cp\u003eImbibez un coton et tamponnez sur les boutons, points noirs ou zones à imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003e💆 En soin capillaire\u003c\/h3\u003e\n \u003cp\u003ePulvérisez sur le cuir chevelu après shampooing pour assainir et limiter les pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003e🧖 En masque purifiant\u003c\/h3\u003e\n \u003cp\u003eMélangez-la à de l'argile verte pour un masque purifiant hebdomadaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-item\"\u003e\n \u003cdiv class=\"tt-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"tt-timeline-content\"\u003e\n \u003ch3\u003e🪒 Après épilation ou rasage\u003c\/h3\u003e\n \u003cp\u003eApaise instantanément les petits feux du rasoir et calme les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-tip\"\u003e\n \u003cspan class=\"tt-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eConservez le flacon au frais, à l'abri de la lumière, pour préserver toutes ses qualités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et bio\u003c\/h2\u003e\n \u003cdiv class=\"tt-composition\"\u003e\n \u003cp class=\"tt-inci\"\u003e\u003cstrong\u003eIngrédients (INCI) :\u003c\/strong\u003e Melaleuca Alternifolia Leaf Water* (eau florale de Tea Tree), Potassium Sorbate, Sodium Benzoate, Citric Acid.\u003c\/p\u003e\n \u003cp class=\"tt-inci-note\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-grid-compact\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucun parfum ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eFormule douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n \u003cp\u003e100 % naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e✅ Conservateurs doux\u003c\/h3\u003e\n \u003cp\u003eAutorisés en bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tt-section\"\u003e\n \u003ch2\u003eUne fabrication française et engagée\u003c\/h2\u003e\n \u003cp class=\"tt-section-intro\"\u003eCet hydrolat est conditionné en France par Eolesens, marque reconnue pour son exigence en matière de qualité et de traçabilité.\u003c\/p\u003e\n \u003cdiv class=\"tt-grid\"\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌾 Plantations sélectionnées\u003c\/h3\u003e\n \u003cp\u003eLes feuilles de Tea Tree proviennent de plantations biologiques rigoureusement sélectionnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e⚗️ Distillation soignée\u003c\/h3\u003e\n \u003cp\u003eDistillées avec soin afin de préserver l'intégrité des molécules actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e💙 Flacon protecteur\u003c\/h3\u003e\n \u003cp\u003eLe flacon bleu en PET protège de la lumière tout en restant léger et pratique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tt-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eUne démarche engagée, non testée sur les animaux, pour un soin sain sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tt-accordion\"\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e👁️ Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez soigneusement le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e🧴 Test avant utilisation\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eUn test dans le pli du coude est recommandé avant la première utilisation en cas de peau réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tt-accordion-item\"\u003e\n \u003csummary class=\"tt-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"tt-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis médical ou à un traitement dermatologique : en cas d'acné sévère, de pathologie cutanée 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\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --tt-cream: #f4f8f3;\n --tt-white: #ffffff;\n --tt-primary: #7cb342;\n --tt-primary-dark: #4a7c2e;\n --tt-primary-light: #e8f3dc;\n --tt-secondary: #2e5aa8;\n --tt-accent: #a8d76f;\n --tt-text: #1a2416;\n --tt-text-light: #5a6458;\n --tt-border: #d8e5ce;\n --tt-shadow: 0 4px 24px rgba(74,124,46,.10);\n --tt-shadow-lg: 0 12px 48px rgba(74,124,46,.18);\n --tt-radius: 20px;\n --tt-radius-sm: 12px;\n }\n\n .tt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tt-text);\n line-height: 1.6;\n }\n\n .tt-hero {\n position: relative;\n background: linear-gradient(135deg, #7cb342 0%, #4a7c2e 60%, #2e5aa8 100%);\n border-radius: var(--tt-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tt-shadow-lg);\n }\n\n .tt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .2;\n }\n\n .tt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .tt-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .tt-subtitle {\n color: white;\n font-size: clamp(16px, 2.8vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n }\n\n .tt-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n opacity: .92;\n }\n\n .tt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .tt-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .tt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .tt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .tt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tt-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .tt-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tt-primary), var(--tt-secondary));\n border-radius: 2px;\n }\n\n .tt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tt-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .tt-card {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .tt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tt-shadow-lg);\n border-color: var(--tt-primary);\n }\n\n .tt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .tt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .tt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .tt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .tt-grid-compact .tt-card {\n padding: 1rem;\n }\n\n .tt-grid-compact .tt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .tt-grid-compact .tt-card p {\n font-size: 12px;\n }\n\n .tt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .tt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .tt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tt-primary), var(--tt-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 box-shadow: 0 4px 12px rgba(74,124,46,.3);\n }\n\n .tt-timeline-content {\n flex: 1;\n background: var(--tt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tt-radius-sm);\n box-shadow: var(--tt-shadow);\n }\n\n .tt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tt-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .tt-timeline-content p {\n font-size: 14px;\n color: var(--tt-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .tt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tt-primary-light);\n border-radius: var(--tt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--tt-primary);\n }\n\n .tt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .tt-tip p {\n font-size: 14px;\n color: var(--tt-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .tt-composition {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--tt-shadow);\n border-left: 4px solid var(--tt-primary);\n }\n\n .tt-inci {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tt-text);\n margin: 0 0 .5rem 0;\n line-height: 1.7;\n }\n\n .tt-inci-note {\n font-size: 13px;\n color: var(--tt-text-light);\n font-style: italic;\n margin: 0;\n }\n\n .tt-accordion {\n background: var(--tt-white);\n border-radius: var(--tt-radius);\n box-shadow: var(--tt-shadow);\n overflow: hidden;\n }\n\n .tt-accordion-item {\n border-bottom: 1px solid var(--tt-border);\n margin: 0;\n padding: 0;\n }\n\n .tt-accordion-item:last-child {\n border-bottom: none;\n }\n\n .tt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tt-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n }\n\n .tt-accordion-header:hover {\n background: var(--tt-primary-light);\n }\n\n .tt-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .tt-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--tt-primary);\n transition: transform .2s ease;\n }\n\n .tt-accordion-item[open] .tt-accordion-header::after {\n content: '−';\n }\n\n .tt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .tt-accordion-content p {\n margin: 0;\n }\n\n @media (max-width: 767px) {\n .tt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .tt-card {\n padding: 1.125rem;\n }\n .tt-section {\n margin-bottom: 1.75rem;\n }\n .tt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tt-radius-sm);\n }\n .tt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .tt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .tt-grid-compact {\n gap: .625rem;\n }\n .tt-grid-compact .tt-card {\n padding: .75rem;\n }\n .tt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .tt-timeline-content {\n padding: .875rem 1rem;\n }\n .tt-timeline-content h3 {\n font-size: 14px;\n }\n .tt-timeline-content p {\n font-size: 13px;\n }\n .tt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .tt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .tt-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tt-card:nth-child(1) { animation-delay: .05s; }\n .tt-card:nth-child(2) { animation-delay: .1s; }\n .tt-card:nth-child(3) { animation-delay: .15s; }\n .tt-card:nth-child(4) { animation-delay: .2s; }\n .tt-card:nth-child(5) { animation-delay: .25s; }\n .tt-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .tt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755258732701,"sku":"NBAISEN0024","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-de-tea-tree-200-ml-eolesens-lifestyle_52354351-e27c-4695-b04a-56c2ee6e18df.webp?v=1776440968"},{"product_id":"eau-florale-helichryse-bio-sans-alcool-200-ml-eolesens","title":"Eau Florale Hélichryse Bio Sans Alcool - 200 ml - Eolesens","description":"\u003cdiv class=\"helic-premium\"\u003e\n \u003cdiv class=\"helic-hero\"\u003e\n \u003cdiv class=\"helic-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"helic-hero-content\"\u003e\n \u003cdiv class=\"helic-badges-top\"\u003e\n \u003cspan class=\"helic-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"helic-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"helic-badge\"\u003e💧 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"helic-badge\"\u003e✨ 200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"helic-hero-title\"\u003eEau Florale Hélichryse Bio\u003c\/span\u003e\n \u003cp class=\"helic-subtitle\"\u003eL'Immortelle – Hydrolat pur Eolesens\u003c\/p\u003e\n \u003cp class=\"helic-description\"\u003eSurnommée « l'immortelle » pour sa capacité à conserver sa couleur même après séchage, l'hélichryse italienne (\u003cem\u003eHelichrysum italicum\u003c\/em\u003e) est l'une des plantes les plus précieuses de la cosmétique naturelle. Obtenue par distillation douce à la vapeur d'eau des sommités fleuries, notre eau florale est 100% pure, certifiée biologique et fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"helic-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'eau florale d'hélichryse\u003c\/h2\u003e\n \u003cp class=\"helic-section-intro\"\u003eVéritable trésor pour les peaux sensibles, fatiguées ou marquées, cet hydrolat est reconnu pour ses propriétés \u003cstrong\u003eapaisantes, tonifiantes et régénérantes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"helic-grid\"\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e🌸 Rougeurs \u0026amp; couperose\u003c\/h3\u003e\n \u003cp\u003eAtténue visiblement les rougeurs diffuses et la couperose pour un teint plus uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e👁️ Cernes \u0026amp; poches\u003c\/h3\u003e\n \u003cp\u003eDécongestionne le contour des yeux et aide à réduire les cernes et les poches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e✨ Cicatrices \u0026amp; marques\u003c\/h3\u003e\n \u003cp\u003eSoutient l'estompage naturel des cicatrices et des marques cutanées du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e💙 Bleus \u0026amp; hématomes\u003c\/h3\u003e\n \u003cp\u003eSoulage rapidement les bleus, hématomes et petits chocs du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e🦵 Jambes lourdes\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de légèreté immédiate, idéalement conservée au frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e😁 Gencives sensibles\u003c\/h3\u003e\n \u003cp\u003eApaise les gencives sensibles pour une hygiène buccale douce et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-tip\"\u003e\n \u003cspan class=\"helic-tip-icon\"\u003e👃\u003c\/span\u003e\n \u003cp\u003eSon parfum caractéristique, à la fois \u003cstrong\u003echaud et légèrement épicé\u003c\/strong\u003e, en fait aussi un moment de plaisir olfactif au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"helic-section\"\u003e\n \u003ch2\u003eComment utiliser l'eau florale d'hélichryse sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"helic-section-intro\"\u003eIntégrer cet hydrolat dans votre routine est simple. Voici nos conseils pratiques au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"helic-timeline\"\u003e\n \u003cdiv class=\"helic-timeline-item\"\u003e\n \u003cdiv class=\"helic-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-content\"\u003e\n \u003ch3\u003e💦 Tonique quotidien\u003c\/h3\u003e\n \u003cp\u003eAprès le nettoyage, vaporisez sur le visage, tapotez doucement, puis appliquez votre sérum ou crème hydratante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-item\"\u003e\n \u003cdiv class=\"helic-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-content\"\u003e\n \u003ch3\u003e🧖 Compresses apaisantes\u003c\/h3\u003e\n \u003cp\u003eImbibez un coton et laissez poser 5 minutes sur les cernes, zones couperosées ou irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-item\"\u003e\n \u003cdiv class=\"helic-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-content\"\u003e\n \u003ch3\u003e🪒 Après-rasage naturel\u003c\/h3\u003e\n \u003cp\u003eVaporisez pour calmer le feu du rasoir ainsi que les petites coupures et irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-item\"\u003e\n \u003cdiv class=\"helic-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-content\"\u003e\n \u003ch3\u003e🦵 Jambes lourdes\u003c\/h3\u003e\n \u003cp\u003ePulvérisez sur les mollets et massez de bas en haut, idéalement après conservation au réfrigérateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-item\"\u003e\n \u003cdiv class=\"helic-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-content\"\u003e\n \u003ch3\u003e💙 Bleus et hématomes\u003c\/h3\u003e\n \u003cp\u003eVaporisez plusieurs fois par jour sur la zone, éventuellement en synergie avec une eau florale de lavande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-item\"\u003e\n \u003cdiv class=\"helic-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"helic-timeline-content\"\u003e\n \u003ch3\u003e😁 Hygiène buccale\u003c\/h3\u003e\n \u003cp\u003eAprès le brossage, vaporisez dans la bouche pour apaiser les gencives sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-tip\"\u003e\n \u003cspan class=\"helic-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003ePour préserver toutes ses propriétés, \u003cstrong\u003econservez le flacon au frais après ouverture\u003c\/strong\u003e et utilisez-le dans les 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"helic-section\"\u003e\n \u003ch2\u003eComposition : une formule 100% pure\u003c\/h2\u003e\n \u003cp class=\"helic-section-intro\"\u003eNous avons fait le choix de la simplicité et de la transparence. Notre eau florale ne contient qu'un seul ingrédient.\u003c\/p\u003e\n \u003cdiv class=\"helic-grid-compact\"\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e🌼 Hélichryse italienne*\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eHelichrysum italicum\u003c\/em\u003e – 100% eau florale pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eAucun alcool ajouté, ultra-doux pour la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e🧪 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eFormule nue, sans additif ni stabilisant chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e🌸 Sans parfum ajouté\u003c\/h3\u003e\n \u003cp\u003eSeul l'arôme naturel de la plante s'exprime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-tip\"\u003e\n \u003cspan class=\"helic-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e*Issue de l'agriculture biologique. \u003cstrong\u003eConvient aux peaux les plus délicates\u003c\/strong\u003e, y compris les peaux réactives et matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"helic-section\"\u003e\n \u003ch2\u003eOrigine et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"helic-grid-compact\"\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaborée selon un cahier des charges exigeant et traçable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e💨 Distillation douce\u003c\/h3\u003e\n \u003cp\u003eDistillation lente à la vapeur d'eau, respectueuse de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e🌿 Hydrolat vivant\u003c\/h3\u003e\n \u003cp\u003eQualité professionnelle préservant l'intégrité des molécules actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-card\"\u003e\n \u003ch3\u003e🔬 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eOrigine transparente et contrôlée, de la fleur au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"helic-tip\"\u003e\n \u003cspan class=\"helic-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVous pouvez également l'associer à nos autres hydrolats comme l'\u003cstrong\u003eeau florale de rose bio\u003c\/strong\u003e ou l'eau florale de bleuet pour des rituels beauté sur-mesure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"helic-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"helic-accordion\"\u003e\n \u003cdetails class=\"helic-accordion-item\"\u003e\n \u003csummary class=\"helic-accordion-header\"\u003e⚠️ Usage recommandé\u003c\/summary\u003e\n \u003cdiv class=\"helic-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe principalement. Évitez le contact direct avec les yeux. Réalisez un test cutané au creux du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"helic-accordion-item\"\u003e\n \u003csummary class=\"helic-accordion-header\"\u003e🤰 Grossesse \u0026amp; allaitement\u003c\/summary\u003e\n \u003cdiv class=\"helic-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"helic-accordion-item\"\u003e\n \u003csummary class=\"helic-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"helic-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute ou de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"helic-accordion-item\"\u003e\n \u003csummary class=\"helic-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"helic-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur. Après ouverture, placez-le au réfrigérateur et utilisez-le dans les 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --helic-cream: #fefbf5;\n --helic-white: #ffffff;\n --helic-primary: #f5b31e;\n --helic-primary-dark: #b87d0a;\n --helic-primary-light: #fff4d6;\n --helic-secondary: #1e3a8a;\n --helic-accent: #2b4fb8;\n --helic-text: #1a1a1a;\n --helic-text-light: #5a5a5a;\n --helic-border: #e8e0cc;\n --helic-shadow: 0 4px 24px rgba(184, 125, 10, .08);\n --helic-shadow-lg: 0 12px 48px rgba(30, 58, 138, .18);\n --helic-radius: 20px;\n --helic-radius-sm: 12px;\n}\n\n.helic-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--helic-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--helic-text);\n line-height: 1.6;\n}\n\n.helic-hero {\n position: relative;\n background: linear-gradient(135deg, #f5b31e 0%, #e89b0a 45%, #1e3a8a 100%);\n border-radius: var(--helic-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(--helic-shadow-lg);\n}\n\n.helic-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.helic-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.helic-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.helic-subtitle {\n color: white;\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n letter-spacing: .02em;\n}\n\n.helic-description {\n color: rgba(255,255,255,.96);\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.helic-description em {\n font-style: italic;\n color: #fff4d6;\n}\n\n.helic-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.helic-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(--helic-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.12);\n transition: all .3s ease;\n}\n\n.helic-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.helic-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.helic-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--helic-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.2;\n}\n\n.helic-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(--helic-primary), var(--helic-secondary));\n border-radius: 2px;\n}\n\n.helic-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--helic-text-light);\n margin-bottom: 1.75rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.helic-card {\n background: var(--helic-white);\n border-radius: var(--helic-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--helic-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.helic-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--helic-shadow-lg);\n border-color: var(--helic-primary);\n}\n\n.helic-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--helic-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.helic-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--helic-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.helic-card p em {\n font-style: italic;\n color: var(--helic-primary-dark);\n}\n\n.helic-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.helic-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.helic-grid-compact .helic-card {\n padding: 1rem;\n}\n\n.helic-grid-compact .helic-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.helic-grid-compact .helic-card p {\n font-size: 12px;\n}\n\n.helic-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.helic-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.helic-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--helic-primary), var(--helic-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(30, 58, 138, .25);\n}\n\n.helic-timeline-content {\n flex: 1;\n background: var(--helic-white);\n padding: 1rem 1.25rem;\n border-radius: var(--helic-radius-sm);\n box-shadow: var(--helic-shadow);\n}\n\n.helic-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--helic-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.helic-timeline-content p {\n font-size: 14px;\n color: var(--helic-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.helic-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--helic-primary-light);\n border-radius: var(--helic-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--helic-primary);\n}\n\n.helic-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.helic-tip p {\n font-size: 14px;\n color: var(--helic-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.helic-accordion {\n background: var(--helic-white);\n border-radius: var(--helic-radius);\n box-shadow: var(--helic-shadow);\n overflow: hidden;\n}\n\n.helic-accordion-item {\n border-bottom: 1px solid var(--helic-border);\n margin: 0;\n padding: 0;\n}\n\n.helic-accordion-item:last-child {\n border-bottom: none;\n}\n\n.helic-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--helic-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.helic-accordion-header:hover {\n background: var(--helic-primary-light);\n}\n\n.helic-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.helic-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--helic-primary);\n transition: transform .2s ease;\n line-height: 1;\n}\n\n.helic-accordion-item[open] .helic-accordion-header::after {\n content: '−';\n}\n\n.helic-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--helic-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.helic-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .helic-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .helic-card {\n padding: 1.125rem;\n }\n .helic-section {\n margin-bottom: 1.75rem;\n }\n .helic-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--helic-radius-sm);\n }\n .helic-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .helic-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .helic-grid-compact {\n gap: .625rem;\n }\n .helic-grid-compact .helic-card {\n padding: .75rem;\n }\n .helic-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .helic-timeline-content {\n padding: .875rem 1rem;\n }\n .helic-timeline-content h3 {\n font-size: 14px;\n }\n .helic-timeline-content p {\n font-size: 13px;\n }\n .helic-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .helic-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .helic-tip {\n padding: .875rem 1rem;\n }\n .helic-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .helic-card {\n animation: fadeInUp .5s ease backwards;\n }\n .helic-card:nth-child(1) { animation-delay: .05s; }\n .helic-card:nth-child(2) { animation-delay: .1s; }\n .helic-card:nth-child(3) { animation-delay: .15s; }\n .helic-card:nth-child(4) { animation-delay: .2s; }\n .helic-card:nth-child(5) { animation-delay: .25s; }\n .helic-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 .helic-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755259289757,"sku":"NBAISEN0022","price":10.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-helichryse-bio-sans-alcool-200-ml-eolesens-lifestyle.webp?v=1776440306"},{"product_id":"eau-florale-hamamelis-bio-sans-alcool-200-ml-eolesens","title":"Eau Florale Hamamélis Bio Sans Alcool - 200 ml - Eolesens","description":"\u003cdiv class=\"hm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hm-hero\"\u003e\n \u003cdiv class=\"hm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hm-hero-content\"\u003e\n \u003cdiv class=\"hm-badges-top\"\u003e\n \u003cspan class=\"hm-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"hm-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"hm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hm-badge\"\u003e💧 200 ml spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hm-hero-title\"\u003eEau Florale Hamamélis Bio\u003c\/span\u003e\n \u003cp class=\"hm-subtitle\"\u003eEolesens — Hydrolat pur sans alcool\u003c\/p\u003e\n \u003cp class=\"hm-description\"\u003eL'allié naturel des peaux sensibles : apaise, tonifie et rafraîchit en un seul geste. Distillation douce à la vapeur d'eau, sans conservateur ni additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"hm-section\"\u003e\n \u003ch2\u003eEau florale d'hamamélis bio : le soin naturel des peaux sensibles\u003c\/h2\u003e\n \u003cp class=\"hm-section-intro\"\u003eVous cherchez une solution douce et efficace pour apaiser votre peau sensible, atténuer les rougeurs ou retrouver un teint frais et unifié ?\u003c\/p\u003e\n \u003cdiv class=\"hm-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eeau florale hamamélis bio sans alcool Eolesens\u003c\/strong\u003e est un hydrolat pur, obtenu par distillation à la vapeur d'eau des feuilles et de l'écorce d'\u003cem\u003eHamamelis virginiana\u003c\/em\u003e. Sans conservateur, sans additif et certifié biologique, cet \u003cstrong\u003ehydrolat d'hamamélis bio\u003c\/strong\u003e concentre tous les bienfaits de cette plante millénaire dans un flacon spray pratique de 200 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"hm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'eau florale d'hamamélis pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"hm-section-intro\"\u003eUn hydrolat aux multiples vertus cosmétiques qui mérite une place de choix dans votre routine de soin.\u003c\/p\u003e\n \u003cdiv class=\"hm-grid\"\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e🌸 Apaise les peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés calmantes, elle réduit visiblement les rougeurs, les irritations et les sensations d'inconfort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e✨ Tonifie et resserre les pores\u003c\/h3\u003e\n \u003cp\u003eUtilisée en lotion tonique après le nettoyage, l'eau florale hamamélis purifie les peaux mixtes à grasses et affine le grain de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e🩸 Soutient la microcirculation\u003c\/h3\u003e\n \u003cp\u003eAppliquée en compresses sur les jambes lourdes, les varices ou les varicosités, elle procure un soulagement agréable et une sensation de légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e💆 Soulage les inconforts circulatoires\u003c\/h3\u003e\n \u003cp\u003eUsage traditionnel reconnu : appliquez-la en compresse imbibée sur la zone concernée pour un apaisement localisé et un confort retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e👁️ Rafraîchit les yeux fatigués\u003c\/h3\u003e\n \u003cp\u003ePosez deux cotons imbibés sur les paupières fermées pendant quelques minutes pour décongestionner le regard et retrouver de l'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e💇 Complète les soins capillaires\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur le cuir chevelu pour apaiser les démangeaisons et apporter de la 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=\"hm-section\"\u003e\n \u003ch2\u003eComment utiliser cet hydrolat hamamélis bio ?\u003c\/h2\u003e\n \u003cp class=\"hm-section-intro\"\u003eQuatre gestes simples pour profiter pleinement des bienfaits de l'eau florale d'hamamélis au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"hm-timeline\"\u003e\n \u003cdiv class=\"hm-timeline-item\"\u003e\n \u003cdiv class=\"hm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-content\"\u003e\n \u003ch3\u003eEn lotion tonique\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur le visage propre matin et soir, avant votre crème hydratante. Votre peau est prête à recevoir vos soins et le teint apparaît plus lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-item\"\u003e\n \u003cdiv class=\"hm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-content\"\u003e\n \u003ch3\u003eEn brume rafraîchissante\u003c\/h3\u003e\n \u003cp\u003ePulvérisez sur le visage et le cou à tout moment de la journée pour un coup de fraîcheur immédiat, notamment en été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-item\"\u003e\n \u003cdiv class=\"hm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-content\"\u003e\n \u003ch3\u003eEn compresse ciblée\u003c\/h3\u003e\n \u003cp\u003eImbibez un coton ou une compresse et appliquez sur les zones sensibles — jambes, contour des yeux, zones sujettes aux rougeurs — pendant 10 à 15 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-item\"\u003e\n \u003cdiv class=\"hm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hm-timeline-content\"\u003e\n \u003ch3\u003eEn soin capillaire\u003c\/h3\u003e\n \u003cp\u003eVaporisez directement sur le cuir chevelu après le shampoing pour calmer les irritations et raviver la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-tip\"\u003e\n \u003cspan class=\"hm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e conservez votre flacon au réfrigérateur pour un effet fraîcheur décuplé, idéal pour décongestionner le regard et apaiser les jambes fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"hm-section\"\u003e\n \u003ch2\u003eComposition – 100 % pure et naturelle\u003c\/h2\u003e\n \u003cdiv class=\"hm-composition-box\"\u003e\n \u003cdiv class=\"hm-composition-main\"\u003e\n \u003cspan class=\"hm-composition-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eIngrédient unique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eHamamelis virginiana water*\u003c\/em\u003e (hydrolat d'hamamélis biologique)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-composition-tags\"\u003e\n \u003cspan class=\"hm-comp-tag\"\u003e✅ Sans alcool\u003c\/span\u003e\n \u003cspan class=\"hm-comp-tag\"\u003e✅ Sans conservateur\u003c\/span\u003e\n \u003cspan class=\"hm-comp-tag\"\u003e✅ Sans parfum ajouté\u003c\/span\u003e\n \u003cspan class=\"hm-comp-tag\"\u003e✅ Certifié bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"hm-composition-note\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"hm-section\"\u003e\n \u003ch2\u003eFabrication française et engagement qualité\u003c\/h2\u003e\n \u003cdiv class=\"hm-grid-compact\"\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée par Eolesens, laboratoire engagé dans une démarche biologique et respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e🌱 Distillation douce\u003c\/h3\u003e\n \u003cp\u003eLa vapeur d'eau préserve intégralement les actifs végétaux, sans aucun solvant chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e💎 Flacon en verre bleu\u003c\/h3\u003e\n \u003cp\u003eProtège l'hydrolat de la lumière pour une conservation optimale de tous les principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hm-card\"\u003e\n \u003ch3\u003e🔬 Engagement qualité\u003c\/h3\u003e\n \u003cp\u003eCertification biologique garantie, traçabilité complète et contrôles rigoureux à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"hm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hm-accordion\"\u003e\n \u003cdetails class=\"hm-accordion-item\"\u003e\n \u003csummary class=\"hm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hm-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la chaleur et de la lumière. Le flacon en verre bleu assure une protection naturelle contre les UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hm-accordion-item\"\u003e\n \u003csummary class=\"hm-accordion-header\"\u003e⚠️ Conseils de prudence\u003c\/summary\u003e\n \u003cdiv class=\"hm-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de doute, réalisez un test dans le pli du coude 24 heures avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hm-accordion-item\"\u003e\n \u003csummary class=\"hm-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical. Consultez un professionnel de santé pour toute problématique spécifique.\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=\"hm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hm-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le meilleur de la nature — un seul ingrédient, zéro compromis. Adoptez l'eau florale d'hamamélis bio Eolesens dans votre rituel beauté quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hm-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Produit cosmétique à usage externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hm-cream: #f4f7fb;\n --hm-white: #ffffff;\n --hm-primary: #2b5ea7;\n --hm-primary-dark: #1a3d6e;\n --hm-primary-light: #e8f0fa;\n --hm-secondary: #e8a825;\n --hm-accent: #4a9e3f;\n --hm-text: #1a1a1a;\n --hm-text-light: #5a5a5a;\n --hm-border: #dde4ed;\n --hm-shadow: 0 4px 24px rgba(43,94,167,.08);\n --hm-shadow-lg: 0 12px 48px rgba(26,61,110,.15);\n --hm-radius: 20px;\n --hm-radius-sm: 12px;\n}\n\n.hm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hm-hero {\n position: relative;\n background: linear-gradient(135deg, #1a3d6e 0%, #2b5ea7 45%, #e8a825 100%);\n border-radius: var(--hm-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(--hm-shadow-lg);\n}\n\n.hm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,168,37,.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.hm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hm-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.hm-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.hm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.hm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hm-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(--hm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hm-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.hm-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(--hm-primary), var(--hm-secondary));\n border-radius: 2px;\n}\n\n.hm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hm-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.hm-highlight-box {\n background: var(--hm-white);\n border-radius: var(--hm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hm-shadow);\n border-left: 4px solid var(--hm-secondary);\n}\n\n.hm-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.hm-highlight-box strong {\n color: var(--hm-primary-dark);\n}\n\n\/* === CARDS === *\/\n.hm-card {\n background: var(--hm-white);\n border-radius: var(--hm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hm-shadow-lg);\n border-color: var(--hm-primary);\n}\n\n.hm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hm-grid-compact .hm-card {\n padding: 1rem;\n}\n\n.hm-grid-compact .hm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hm-grid-compact .hm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hm-primary), var(--hm-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.hm-timeline-content {\n flex: 1;\n background: var(--hm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hm-radius-sm);\n box-shadow: var(--hm-shadow);\n}\n\n.hm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hm-timeline-content p {\n font-size: 14px;\n color: var(--hm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hm-primary-light);\n border-radius: var(--hm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hm-tip p {\n font-size: 14px;\n color: var(--hm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.hm-composition-box {\n background: var(--hm-white);\n border-radius: var(--hm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hm-shadow);\n text-align: center;\n}\n\n.hm-composition-main {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n text-align: left;\n}\n\n.hm-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.hm-composition-main h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--hm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hm-composition-main p {\n font-size: 15px;\n color: var(--hm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hm-composition-tags {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1rem;\n}\n\n.hm-comp-tag {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n background: var(--hm-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hm-primary-dark);\n}\n\n.hm-composition-note {\n font-size: 13px;\n color: var(--hm-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.hm-accordion {\n background: var(--hm-white);\n border-radius: var(--hm-radius);\n box-shadow: var(--hm-shadow);\n overflow: hidden;\n}\n\n.hm-accordion-item {\n border-bottom: 1px solid var(--hm-border);\n margin: 0;\n padding: 0;\n}\n\n.hm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hm-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.hm-accordion-header:hover {\n background: var(--hm-primary-light);\n}\n\n.hm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hm-primary);\n transition: transform .2s ease;\n}\n\n.hm-accordion-item[open] .hm-accordion-header::after {\n content: '−';\n}\n\n.hm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.hm-cta-box {\n background: linear-gradient(135deg, var(--hm-primary) 0%, var(--hm-primary-dark) 100%);\n border-radius: var(--hm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hm-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.hm-disclaimer {\n font-size: 12px;\n color: var(--hm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hm-card {\n padding: 1.125rem;\n }\n\n .hm-section {\n margin-bottom: 1.75rem;\n }\n\n .hm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hm-radius-sm);\n }\n\n .hm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hm-grid-compact {\n gap: .625rem;\n }\n\n .hm-grid-compact .hm-card {\n padding: .75rem;\n }\n\n .hm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hm-timeline-content h3 {\n font-size: 14px;\n }\n\n .hm-timeline-content p {\n font-size: 13px;\n }\n\n .hm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hm-highlight-box {\n padding: 1.25rem;\n }\n\n .hm-composition-main {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n\n .hm-composition-icon {\n font-size: 32px;\n }\n\n .hm-composition-main h3 {\n font-size: 16px;\n }\n\n .hm-composition-main p {\n font-size: 14px;\n }\n\n .hm-comp-tag {\n font-size: 12px;\n padding: 5px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hm-card {\n animation: hmFadeInUp .5s ease backwards;\n }\n .hm-card:nth-child(1) { animation-delay: .05s; }\n .hm-card:nth-child(2) { animation-delay: .1s; }\n .hm-card:nth-child(3) { animation-delay: .15s; }\n .hm-card:nth-child(4) { animation-delay: .2s; }\n .hm-card:nth-child(5) { animation-delay: .25s; }\n .hm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755262468253,"sku":"NBAISEN0031","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-hamamelis-bio-sans-alcool-200-ml-eolesens-ingredients.webp?v=1773313973"},{"product_id":"eau-florale-lavande-bio-sans-alcool-200-ml-eolesens","title":"Eau Florale Lavande Bio Sans Alcool - 200 ml - Eolesens","description":"\u003cdiv class=\"eolv-premium\"\u003e\n \u003cdiv class=\"eolv-hero\"\u003e\n \u003cdiv class=\"eolv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"eolv-hero-content\"\u003e\n \u003cdiv class=\"eolv-badges-top\"\u003e\n \u003cspan class=\"eolv-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"eolv-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n \u003cspan class=\"eolv-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"eolv-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"eolv-hero-title\"\u003eEau Florale Lavande Bio\u003c\/span\u003e\n \u003cp class=\"eolv-subtitle\"\u003eHydrolat de Lavande Fine Sans Alcool — 200 ml\u003c\/p\u003e\n \u003cp class=\"eolv-description\"\u003eEnvie d'un soin doux, naturel et multi-usages pour prendre soin de votre peau et de vos cheveux au quotidien ? L'Eau Florale de Lavande Bio sans Alcool de la marque \u003cstrong\u003eEolesens\u003c\/strong\u003e est l'alliée idéale. Obtenue par distillation à la vapeur des sommités fleuries de \u003cem\u003eLavandula angustifolia\u003c\/em\u003e, elle vous offre toute la douceur d'une plante emblématique de Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"eolv-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'eau florale de lavande\u003c\/h2\u003e\n \u003cp class=\"eolv-section-intro\"\u003eReconnue depuis des siècles pour ses vertus apaisantes, la lavande fine concentre dans son hydrolat de véritables trésors pour votre routine beauté.\u003c\/p\u003e\n \u003cdiv class=\"eolv-grid\"\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les rougeurs, les irritations et les sensations d'inconfort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e✨ Purifiante\u003c\/h3\u003e\n \u003cp\u003eAide à nettoyer les peaux mixtes à grasses et à limiter les imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e💎 Tonifiante\u003c\/h3\u003e\n \u003cp\u003eResserre les pores et redonne de l'éclat au teint fatigué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e💦 Rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eIdéale en brume après une exposition au soleil ou en cas de piqûre d'insecte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e😌 Relaxante\u003c\/h3\u003e\n \u003cp\u003eSon parfum délicat invite à la détente, parfait en vaporisation sur l'oreiller le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eolv-section\"\u003e\n \u003ch2\u003eEau florale de lavande et cheveux : un soin précieux\u003c\/h2\u003e\n \u003cp class=\"eolv-section-intro\"\u003eL'eau florale lavande est particulièrement appréciée pour assainir le cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"eolv-testimonial\"\u003e\n \u003cp class=\"eolv-testimonial-text\"\u003e\"Vaporisée directement sur les racines après le shampooing, elle apaise les démangeaisons, aide à réguler l'excès de sébum et apporte de la fraîcheur. Une astuce naturelle pour retrouver un cuir chevelu équilibré et des cheveux légers.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eolv-section\"\u003e\n \u003ch2\u003eComment utiliser l'eau florale de lavande bio ?\u003c\/h2\u003e\n \u003cp class=\"eolv-section-intro\"\u003eSans alcool, sans conservateur ni parfum synthétique, cet hydrolat de lavande bio convient à toute la famille, même aux peaux les plus sensibles.\u003c\/p\u003e\n \u003cdiv class=\"eolv-timeline\"\u003e\n \u003cdiv class=\"eolv-timeline-item\"\u003e\n \u003cdiv class=\"eolv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"eolv-timeline-content\"\u003e\n \u003ch3\u003e🌿 Tonique visage\u003c\/h3\u003e\n \u003cp\u003eVaporisez matin et soir sur peau nettoyée, ou imbibez un coton pour parfaire le démaquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-timeline-item\"\u003e\n \u003cdiv class=\"eolv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"eolv-timeline-content\"\u003e\n \u003ch3\u003e💦 Brume corps\u003c\/h3\u003e\n \u003cp\u003eApaise les coups de soleil, piqûres de moustiques et petites irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-timeline-item\"\u003e\n \u003cdiv class=\"eolv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"eolv-timeline-content\"\u003e\n \u003ch3\u003e🪒 Après-rasage naturel\u003c\/h3\u003e\n \u003cp\u003eCalme les rougeurs et les sensations d'échauffement sur peau sensibilisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-timeline-item\"\u003e\n \u003cdiv class=\"eolv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"eolv-timeline-content\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur le cuir chevelu avant ou après le shampooing pour un effet fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-timeline-item\"\u003e\n \u003cdiv class=\"eolv-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"eolv-timeline-content\"\u003e\n \u003ch3\u003e🌙 Brume d'oreiller\u003c\/h3\u003e\n \u003cp\u003eQuelques pulvérisations sur le linge de lit pour favoriser la détente avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-tip\"\u003e\n \u003cspan class=\"eolv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur pour préserver toutes ses qualités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eolv-section\"\u003e\n \u003ch2\u003eComposition : 100% pure et biologique\u003c\/h2\u003e\n \u003cdiv class=\"eolv-testimonial\"\u003e\n \u003cp class=\"eolv-testimonial-text\"\u003e\u003cstrong\u003eIngrédients (INCI) :\u003c\/strong\u003e Lavandula Angustifolia Flower Water*.\u003cbr\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eAucun alcool ajouté pour une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e🧪 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eFormule brute, sans additif de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e🌸 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eUniquement la senteur naturelle de la lavande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e🌱 100% Pure\u003c\/h3\u003e\n \u003cp\u003eTelle que la nature l'a créée, rien d'autre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eolv-section\"\u003e\n \u003ch2\u003eOrigine et engagement Eolesens\u003c\/h2\u003e\n \u003cdiv class=\"eolv-grid\"\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eÀ partir de lavande issue de cultures biologiques certifiées, récoltée avec soin en Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e💨 Distillation douce\u003c\/h3\u003e\n \u003cp\u003eObtenue par distillation à la vapeur d'eau, un procédé respectueux qui préserve tous les principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e🌿 Cosmétique responsable\u003c\/h3\u003e\n \u003cp\u003eEolesens s'engage pour une cosmétique naturelle, transparente et durable, au service de votre bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eolv-section\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"eolv-grid-compact\"\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003e200 ml avec spray\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e🌱 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e✨ Formule\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans parfum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Convient à\u003c\/h3\u003e\n \u003cp\u003eTous types de peaux, même sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-card\"\u003e\n \u003ch3\u003e🧴 Application\u003c\/h3\u003e\n \u003cp\u003eVisage, corps, cheveux, linge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eolv-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"eolv-accordion-item\"\u003e\n \u003csummary class=\"eolv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"eolv-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur pour préserver ses qualités. Une fois ouvert, utiliser dans les 6 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eolv-accordion-item\"\u003e\n \u003csummary class=\"eolv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"eolv-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne se substitue pas à un avis ou à un traitement médical. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé. Déconseillé aux femmes enceintes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eolv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"eolv-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau et à vos cheveux toute la douceur de la Provence, dans un soin 100% naturel, pur et biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"eolv-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou à un traitement médical. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --eolv-cream: #f6f4fb;\n --eolv-white: #ffffff;\n --eolv-primary: #6b5bb5;\n --eolv-primary-dark: #3d3273;\n --eolv-primary-light: #e8e3f5;\n --eolv-secondary: #9b8fd4;\n --eolv-accent: #c4b5e8;\n --eolv-text: #1a1a1a;\n --eolv-text-light: #5a5a6e;\n --eolv-border: #e0dced;\n --eolv-shadow: 0 4px 24px rgba(61,50,115,.08);\n --eolv-shadow-lg: 0 12px 48px rgba(61,50,115,.18);\n --eolv-radius: 20px;\n --eolv-radius-sm: 12px;\n}\n\n.eolv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eolv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--eolv-text);\n line-height: 1.6;\n}\n\n.eolv-premium *, .eolv-premium *::before, .eolv-premium *::after {\n box-sizing: border-box;\n}\n\n.eolv-hero {\n position: relative;\n background: linear-gradient(135deg, #3d3273 0%, #6b5bb5 55%, #9b8fd4 100%);\n border-radius: var(--eolv-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(--eolv-shadow-lg);\n}\n\n.eolv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .5;\n}\n\n.eolv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.eolv-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.eolv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.eolv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.eolv-description strong, .eolv-description em {\n color: white;\n}\n\n.eolv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.eolv-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(--eolv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.eolv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.eolv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eolv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eolv-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.eolv-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(--eolv-primary), var(--eolv-secondary));\n border-radius: 2px;\n}\n\n.eolv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eolv-text-light);\n margin: 0 auto 1.5rem;\n max-width: 680px;\n}\n\n.eolv-card {\n background: var(--eolv-white);\n border-radius: var(--eolv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eolv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.eolv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eolv-shadow-lg);\n border-color: var(--eolv-primary);\n}\n\n.eolv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eolv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.eolv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eolv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.eolv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.eolv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.eolv-grid-compact .eolv-card {\n padding: 1rem;\n}\n\n.eolv-grid-compact .eolv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.eolv-grid-compact .eolv-card p {\n font-size: 12px;\n}\n\n.eolv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.eolv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.eolv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eolv-primary), var(--eolv-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(107,91,181,.3);\n}\n\n.eolv-timeline-content {\n flex: 1;\n background: var(--eolv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eolv-radius-sm);\n box-shadow: var(--eolv-shadow);\n}\n\n.eolv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eolv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.eolv-timeline-content p {\n font-size: 14px;\n color: var(--eolv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.eolv-testimonial {\n background: var(--eolv-white);\n border-radius: var(--eolv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--eolv-shadow);\n border-left: 4px solid var(--eolv-primary);\n}\n\n.eolv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eolv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.eolv-testimonial-text strong {\n font-style: normal;\n color: var(--eolv-primary-dark);\n}\n\n.eolv-accordion {\n background: var(--eolv-white);\n border-radius: var(--eolv-radius);\n box-shadow: var(--eolv-shadow);\n overflow: hidden;\n}\n\n.eolv-accordion-item {\n border-bottom: 1px solid var(--eolv-border);\n}\n\n.eolv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.eolv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--eolv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.eolv-accordion-header:hover {\n background: var(--eolv-primary-light);\n}\n\n.eolv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.eolv-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--eolv-primary);\n transition: transform .2s ease;\n}\n\n.eolv-accordion-item[open] .eolv-accordion-header::after {\n content: '−';\n}\n\n.eolv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--eolv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.eolv-accordion-content p {\n margin: 0;\n}\n\n.eolv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eolv-primary-light);\n border-radius: var(--eolv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.eolv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.eolv-tip p {\n font-size: 14px;\n color: var(--eolv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.eolv-cta-box {\n background: linear-gradient(135deg, var(--eolv-primary) 0%, var(--eolv-primary-dark) 100%);\n border-radius: var(--eolv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--eolv-shadow-lg);\n}\n\n.eolv-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.eolv-disclaimer {\n font-size: 12px;\n color: var(--eolv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .eolv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .eolv-card {\n padding: 1.125rem;\n }\n .eolv-section {\n margin-bottom: 1.75rem;\n }\n .eolv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eolv-radius-sm);\n }\n .eolv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .eolv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .eolv-grid-compact {\n gap: .625rem;\n }\n .eolv-grid-compact .eolv-card {\n padding: .75rem;\n }\n .eolv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .eolv-timeline-content {\n padding: .875rem 1rem;\n }\n .eolv-timeline-content h3 {\n font-size: 14px;\n }\n .eolv-timeline-content p {\n font-size: 13px;\n }\n .eolv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .eolv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .eolv-testimonial {\n padding: 1.25rem;\n }\n .eolv-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .eolv-card {\n animation: eolvFadeInUp .5s ease backwards;\n }\n .eolv-card:nth-child(1) { animation-delay: .05s; }\n .eolv-card:nth-child(2) { animation-delay: .1s; }\n .eolv-card:nth-child(3) { animation-delay: .15s; }\n .eolv-card:nth-child(4) { animation-delay: .2s; }\n .eolv-card:nth-child(5) { animation-delay: .25s; }\n .eolv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes eolvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .eolv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755262894237,"sku":"NBAISEN0017","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-lavande-bio-sans-alcool-200-ml-eolesens-packshothd.webp?v=1776440329"},{"product_id":"eau-florale-fleur-doranger-bio-sans-alcool-500-ml-eolesens","title":"Eau Florale Fleur d'Oranger Bio sans Alcool - 500 ml – Eolesens","description":"\u003cdiv class=\"eof-premium\"\u003e\n \u003cdiv class=\"eof-hero\"\u003e\n \u003cdiv class=\"eof-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"eof-hero-content\"\u003e\n \u003cdiv class=\"eof-badges-top\"\u003e\n \u003cspan class=\"eof-badge\"\u003e🌸 100% Bio\u003c\/span\u003e\n \u003cspan class=\"eof-badge\"\u003e💧 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"eof-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"eof-badge\"\u003e👶 Famille \u0026amp; bébé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"eof-hero-title\"\u003eEau Florale Fleur d'Oranger Bio\u003c\/span\u003e\n \u003cp class=\"eof-subtitle\"\u003eHydrolat pur sans alcool — Format généreux 500 ml avec spray\u003c\/p\u003e\n \u003cp class=\"eof-description\"\u003eUn trésor de douceur issu de la distillation à la vapeur des fleurs d'oranger amères (Citrus Aurantium Amara) cultivées en Méditerranée. Sans alcool ni conservateurs, cet hydrolat pur convient à toute la famille, des peaux les plus sensibles aux bébés, pour un usage cosmétique comme culinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"eof-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'hydrolat de fleur d'oranger\u003c\/h2\u003e\n \u003cp class=\"eof-section-intro\"\u003eVéritable classique de la cosmétique naturelle, cette eau florale bio se distingue par ses multiples vertus.\u003c\/p\u003e\n \u003cdiv class=\"eof-grid\"\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e🌿 Apaisante\u003c\/h3\u003e\n \u003cp\u003eIdéale pour calmer les peaux réactives, rougeurs et tiraillements du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e✨ Tonifiante\u003c\/h3\u003e\n \u003cp\u003eResserre les pores dilatés grâce à son effet légèrement astringent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e☀️ Éclat du teint\u003c\/h3\u003e\n \u003cp\u003eRavive les peaux ternes et fatiguées pour un visage lumineux et frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e💧 Hydratante\u003c\/h3\u003e\n \u003cp\u003eLaisse la peau douce, souple et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e🌙 Relaxante\u003c\/h3\u003e\n \u003cp\u003eSon parfum fleuri, sucré et légèrement citronné favorise la détente et aide à mieux s'endormir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eof-section\"\u003e\n \u003ch2\u003eComment utiliser l'eau florale de fleur d'oranger ?\u003c\/h2\u003e\n \u003cp class=\"eof-section-intro\"\u003eCe flacon spray de 500 ml se glisse dans toutes les routines, beauté comme gourmandes.\u003c\/p\u003e\n \u003cdiv class=\"eof-timeline\"\u003e\n \u003cdiv class=\"eof-timeline-item\"\u003e\n \u003cdiv class=\"eof-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"eof-timeline-content\"\u003e\n \u003ch3\u003e🧴 Lotion tonique\u003c\/h3\u003e\n \u003cp\u003eVaporisez matin et soir sur un coton, puis passez sur le visage propre pour rafraîchir et préparer la peau aux soins suivants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-timeline-item\"\u003e\n \u003cdiv class=\"eof-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"eof-timeline-content\"\u003e\n \u003ch3\u003e💦 Brume hydratante\u003c\/h3\u003e\n \u003cp\u003ePulvérisez directement sur le visage en cours de journée pour un coup d'éclat immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-timeline-item\"\u003e\n \u003cdiv class=\"eof-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"eof-timeline-content\"\u003e\n \u003ch3\u003e🌼 Démaquillant doux\u003c\/h3\u003e\n \u003cp\u003eAssociée à une huile végétale, elle nettoie la peau tout en respectant son équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-timeline-item\"\u003e\n \u003cdiv class=\"eof-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"eof-timeline-content\"\u003e\n \u003ch3\u003e🪒 Après-rasage apaisant\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et les picotements après le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-timeline-item\"\u003e\n \u003cdiv class=\"eof-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"eof-timeline-content\"\u003e\n \u003ch3\u003e🍯 En cuisine\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans vos crêpes, crèmes, brioches ou boissons chaudes pour une note florale subtile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eof-section\"\u003e\n \u003ch2\u003eHydrolat de fleur d'oranger pour bébé et enfant\u003c\/h2\u003e\n \u003cdiv class=\"eof-testimonial\"\u003e\n \u003cp class=\"eof-testimonial-text\"\u003eReconnu pour ses propriétés calmantes, l'hydrolat de fleur d'oranger pour bébé est un allié précieux lors des moments d'agitation ou des difficultés d'endormissement. Vous pouvez ajouter \u003cstrong\u003eune cuillère à café dans le biberon du soir\u003c\/strong\u003e ou en vaporiser légèrement sur l'oreiller pour favoriser une atmosphère apaisante. En cas de doute, demandez conseil à votre pédiatre, notamment pour les nourrissons de moins de 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eof-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle\u003c\/h2\u003e\n \u003cdiv class=\"eof-grid-compact\"\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e🌸 INCI\u003c\/h3\u003e\n \u003cp\u003eCitrus Aurantium Amara Flower Water*\u003cbr\u003e*Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e✅ 100%\u003c\/h3\u003e\n \u003cp\u003eDes ingrédients sont d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eNi conservateur, ni parfum de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eUne composition pure et transparente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eof-section\"\u003e\n \u003ch2\u003eOrigine, fabrication et engagement Eolesens\u003c\/h2\u003e\n \u003cp class=\"eof-section-intro\"\u003eLes fleurs d'oranger amères sont récoltées à la main dans des vergers méditerranéens cultivés en agriculture biologique, puis distillées à basse pression pour préserver l'intégralité de leurs molécules aromatiques.\u003c\/p\u003e\n \u003cdiv class=\"eof-grid\"\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e✋ Récolte manuelle\u003c\/h3\u003e\n \u003cp\u003eFleurs d'oranger amères cueillies à la main dans des vergers méditerranéens bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e💨 Distillation douce\u003c\/h3\u003e\n \u003cp\u003eBasse pression pour préserver l'intégralité des molécules aromatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"eof-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUne gamme Eolesens complète : tea tree, bleuet Saint-Hilaire et bien d'autres hydrolats de référence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"eof-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"eof-accordion\"\u003e\n \u003cdetails class=\"eof-accordion-item\" open\u003e\n \u003csummary class=\"eof-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"eof-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon \u003cstrong\u003ebien fermé, à l'abri de la chaleur et de la lumière\u003c\/strong\u003e. Après ouverture, placez-le de préférence au réfrigérateur et utilisez-le dans les 6 mois pour profiter pleinement de ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"eof-accordion-item\"\u003e\n \u003csummary class=\"eof-accordion-header\"\u003e⚠️ Avis important\u003c\/summary\u003e\n \u003cdiv class=\"eof-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCette eau florale est un produit cosmétique et alimentaire de bien-être. Elle ne se substitue en aucun cas à un traitement médical. En cas de doute, de grossesse ou pour un usage chez le jeune enfant, demandez l'avis d'un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --eof-cream: #f7f4ec;\n --eof-white: #ffffff;\n --eof-primary: #1e4b8f;\n --eof-primary-dark: #0f2d5c;\n --eof-primary-light: #e6edf8;\n --eof-secondary: #ed7a2a;\n --eof-accent: #f2c14e;\n --eof-text: #1a1a1a;\n --eof-text-light: #5a5a5a;\n --eof-border: #e0e0e0;\n --eof-shadow: 0 4px 24px rgba(30,75,143,.08);\n --eof-shadow-lg: 0 12px 48px rgba(30,75,143,.18);\n --eof-radius: 20px;\n --eof-radius-sm: 12px;\n}\n\n.eof-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eof-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--eof-text);\n}\n\n.eof-hero {\n position: relative;\n background: linear-gradient(135deg, #0f2d5c 0%, #1e4b8f 50%, #ed7a2a 100%);\n border-radius: var(--eof-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(--eof-shadow-lg);\n}\n\n.eof-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(242,193,78,.4) 0%, transparent 40%);\n opacity: .15;\n}\n\n.eof-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.eof-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.eof-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.eof-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.eof-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.eof-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(--eof-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.eof-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.eof-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eof-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eof-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.eof-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(--eof-primary), var(--eof-secondary));\n border-radius: 2px;\n}\n\n.eof-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eof-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n.eof-card {\n background: var(--eof-white);\n border-radius: var(--eof-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eof-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.eof-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eof-shadow-lg);\n border-color: var(--eof-primary);\n}\n\n.eof-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eof-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.eof-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eof-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.eof-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.eof-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.eof-grid-compact .eof-card {\n padding: 1rem;\n}\n\n.eof-grid-compact .eof-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.eof-grid-compact .eof-card p {\n font-size: 12px;\n}\n\n.eof-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.eof-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.eof-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eof-primary), var(--eof-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(30,75,143,.25);\n}\n\n.eof-timeline-content {\n flex: 1;\n background: var(--eof-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eof-radius-sm);\n box-shadow: var(--eof-shadow);\n}\n\n.eof-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eof-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.eof-timeline-content p {\n font-size: 14px;\n color: var(--eof-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.eof-testimonial {\n background: var(--eof-white);\n border-radius: var(--eof-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--eof-shadow);\n border-left: 4px solid var(--eof-secondary);\n max-width: 900px;\n margin: 0 auto;\n}\n\n.eof-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eof-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.eof-accordion {\n background: var(--eof-white);\n border-radius: var(--eof-radius);\n box-shadow: var(--eof-shadow);\n overflow: hidden;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.eof-accordion-item {\n border-bottom: 1px solid var(--eof-border);\n margin: 0;\n padding: 0;\n}\n\n.eof-accordion-item:last-child {\n border-bottom: none;\n}\n\n.eof-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--eof-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.eof-accordion-header:hover {\n background: var(--eof-primary-light);\n}\n\n.eof-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.eof-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--eof-primary);\n transition: transform .2s ease;\n}\n\n.eof-accordion-item[open] .eof-accordion-header::after {\n content: '−';\n}\n\n.eof-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--eof-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.eof-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .eof-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .eof-card {\n padding: 1.125rem;\n }\n .eof-section {\n margin-bottom: 1.75rem;\n }\n .eof-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eof-radius-sm);\n }\n .eof-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .eof-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .eof-grid-compact {\n gap: .625rem;\n }\n .eof-grid-compact .eof-card {\n padding: .75rem;\n }\n .eof-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .eof-timeline-content {\n padding: .875rem 1rem;\n }\n .eof-timeline-content h3 {\n font-size: 14px;\n }\n .eof-timeline-content p {\n font-size: 13px;\n }\n .eof-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .eof-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .eof-testimonial {\n padding: 1.25rem;\n }\n .eof-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .eof-card {\n animation: eofFadeInUp .5s ease backwards;\n }\n .eof-card:nth-child(1) { animation-delay: .05s; }\n .eof-card:nth-child(2) { animation-delay: .1s; }\n .eof-card:nth-child(3) { animation-delay: .15s; }\n .eof-card:nth-child(4) { animation-delay: .2s; }\n .eof-card:nth-child(5) { animation-delay: .25s; }\n .eof-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes eofFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .eof-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755263320221,"sku":"NBAISEN0038","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-fleur-doranger-bio-sans-alcool-500-ml-eolesens-lifestyle.webp?v=1776440695"},{"product_id":"eau-florale-de-rose-bio-sans-alcool-200-ml-eolesens","title":"Eau Florale de Rose Bio Sans Alcool - 200 ml - Eolesens","description":"\u003cdiv class=\"rose-premium\"\u003e\n \u003cdiv class=\"rose-hero\"\u003e\n \u003cdiv class=\"rose-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rose-hero-content\"\u003e\n \u003cdiv class=\"rose-badges-top\"\u003e\n \u003cspan class=\"rose-badge\"\u003e🌹 Rose de Damas\u003c\/span\u003e\n \u003cspan class=\"rose-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"rose-badge\"\u003e💧 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"rose-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rose-hero-title\"\u003eEau Florale de Rose Bio\u003c\/span\u003e\n \u003cp class=\"rose-subtitle\"\u003eHydrolat pur de Rosa Damascena · 200 ml\u003c\/p\u003e\n \u003cp class=\"rose-description\"\u003eEnvie d'un geste beauté simple, doux et véritablement naturel ? L'eau florale de rose bio sans alcool Eolesens vous offre toute la délicatesse de la \u003cstrong\u003erose de Damas\u003c\/strong\u003e, une fleur précieuse réputée depuis l'Antiquité. Obtenue par distillation à la vapeur d'eau de pétales fraîchement cueillis, elle concentre les molécules actives et aromatiques de la fleur, dans un flacon spray pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rose-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'eau florale de rose pour le visage\u003c\/h2\u003e\n \u003cp class=\"rose-section-intro\"\u003ePlébiscitée dans les rituels beauté du monde entier, l'eau florale à la rose est reconnue pour ses propriétés adoucissantes, tonifiantes et rafraîchissantes.\u003c\/p\u003e\n \u003cdiv class=\"rose-grid\"\u003e\n \u003cdiv class=\"rose-card\"\u003e\n \u003ch3\u003e💧 Hydratation légère\u003c\/h3\u003e\n \u003cp\u003eElle rafraîchit la peau et contribue au confort cutané, sans effet gras ni sensation d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-card\"\u003e\n \u003ch3\u003e✨ Effet tonifiant\u003c\/h3\u003e\n \u003cp\u003eElle aide à resserrer visuellement les pores et à unifier le teint pour une peau plus nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-card\"\u003e\n \u003ch3\u003e🌸 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles, réactives ou sujettes aux rougeurs, pour un confort immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-card\"\u003e\n \u003ch3\u003e💖 Éclat naturel\u003c\/h3\u003e\n \u003cp\u003eSon parfum floral subtil procure une sensation de bien-être immédiate et illumine le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-tip\"\u003e\n \u003cspan class=\"rose-tip-icon\"\u003e👨‍👩‍👧\u003c\/span\u003e\n \u003cp\u003eGrâce à sa formule \u003cstrong\u003esans alcool\u003c\/strong\u003e, elle convient à toute la famille et s'utilise aussi bien sur le visage que sur le corps ou les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rose-section\"\u003e\n \u003ch2\u003eComment utiliser l'eau florale de rose de Damas ?\u003c\/h2\u003e\n \u003cp class=\"rose-section-intro\"\u003eSimple d'utilisation, cette eau florale rose de Damas s'intègre facilement dans votre routine beauté quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"rose-timeline\"\u003e\n \u003cdiv class=\"rose-timeline-item\"\u003e\n \u003cdiv class=\"rose-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rose-timeline-content\"\u003e\n \u003ch3\u003e🌅 Lotion tonique visage\u003c\/h3\u003e\n \u003cp\u003eVaporisez matin et soir sur peau propre, puis tapotez doucement avec les doigts ou un coton réutilisable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-timeline-item\"\u003e\n \u003cdiv class=\"rose-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rose-timeline-content\"\u003e\n \u003ch3\u003e❄️ Brume fraîcheur\u003c\/h3\u003e\n \u003cp\u003ePulvérisez en cours de journée pour apaiser les coups de chaud, après une exposition au soleil ou une épilation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-timeline-item\"\u003e\n \u003cdiv class=\"rose-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rose-timeline-content\"\u003e\n \u003ch3\u003e💄 Fixateur de maquillage\u003c\/h3\u003e\n \u003cp\u003eQuelques pulvérisations à la fin de votre maquillage pour un fini naturel et un éclat rosé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-timeline-item\"\u003e\n \u003cdiv class=\"rose-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rose-timeline-content\"\u003e\n \u003ch3\u003e💇‍♀️ Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eVaporisez sur les longueurs pour parfumer délicatement la chevelure d'une note florale subtile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-timeline-item\"\u003e\n \u003cdiv class=\"rose-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"rose-timeline-content\"\u003e\n \u003ch3\u003e👁️ Compresses apaisantes\u003c\/h3\u003e\n \u003cp\u003eImbibez deux cotons et posez-les sur les paupières pour défatiguer le regard en quelques minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-tip\"\u003e\n \u003cspan class=\"rose-tip-icon\"\u003e🧊\u003c\/span\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur. Après ouverture, privilégiez une utilisation dans les \u003cstrong\u003e6 mois\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rose-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et bio\u003c\/h2\u003e\n \u003cp class=\"rose-section-intro\"\u003eNous avons fait le choix de la pureté : un seul ingrédient, sans additif, sans conservateur synthétique, sans alcool.\u003c\/p\u003e\n \u003cdiv class=\"rose-ingredient-card\"\u003e\n \u003cdiv class=\"rose-ingredient-visual\"\u003e🌹\u003c\/div\u003e\n \u003cdiv class=\"rose-ingredient-info\"\u003e\n \u003ch3\u003eRosa Damascena Flower Water*\u003c\/h3\u003e\n \u003cp\u003eEau florale de rose de Damas issue de l'agriculture biologique\u003c\/p\u003e\n \u003cdiv class=\"rose-percent\"\u003e100 %\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"rose-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique. Produit certifié bio, conditionné en France dans un flacon en verre bleu muni d'un spray pour préserver toutes ses qualités.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rose-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'eau florale de rose Eolesens ?\u003c\/h2\u003e\n \u003cdiv class=\"rose-grid-compact\"\u003e\n \u003cdiv class=\"rose-card\"\u003e\n \u003ch3\u003e💯 Pure \u0026amp; non diluée\u003c\/h3\u003e\n \u003cp\u003eHydrolat pur, sans alcool ni parfum ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-card\"\u003e\n \u003ch3\u003e🌱 Sans pesticides\u003c\/h3\u003e\n \u003cp\u003eRoses cultivées dans le respect de la biodiversité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-card\"\u003e\n \u003ch3\u003e🎨 Qualité artisanale\u003c\/h3\u003e\n \u003cp\u003eTraçabilité courte et savoir-faire maîtrisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-card\"\u003e\n \u003ch3\u003e💰 Prix juste\u003c\/h3\u003e\n \u003cp\u003eUn rapport qualité-prix pensé pour tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rose-cta-box\"\u003e\n \u003cp\u003eContrairement à certaines eaux florales du commerce souvent diluées ou parfumées, notre hydrolat Eolesens mise sur la pureté, la traçabilité et une qualité artisanale irréprochable. 🌹\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rose-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rose-accordion\"\u003e\n \u003cdetails class=\"rose-accordion-item\"\u003e\n \u003csummary class=\"rose-accordion-header\"\u003e⚠️ Usage cosmétique\u003c\/summary\u003e\n \u003cdiv class=\"rose-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage cosmétique externe. É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=\"rose-accordion-item\"\u003e\n \u003csummary class=\"rose-accordion-header\"\u003e🤰 Grossesse \u0026amp; enfants\u003c\/summary\u003e\n \u003cdiv class=\"rose-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou pour les jeunes enfants, demandez conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rose-accordion-item\"\u003e\n \u003csummary class=\"rose-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"rose-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un spécialiste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rose-accordion-item\"\u003e\n \u003csummary class=\"rose-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rose-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Après ouverture, utiliser de préférence dans les 6 mois pour profiter pleinement de ses qualités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rose-cream: #fdf7f8;\n --rose-white: #ffffff;\n --rose-primary: #c94867;\n --rose-primary-dark: #8e2e47;\n --rose-primary-light: #fce8ed;\n --rose-secondary: #2b3d7a;\n --rose-accent: #e8a5b5;\n --rose-text: #1a1a1a;\n --rose-text-light: #5a5a5a;\n --rose-border: #f0dde2;\n --rose-shadow: 0 4px 24px rgba(201,72,103,.1);\n --rose-shadow-lg: 0 12px 48px rgba(201,72,103,.18);\n --rose-radius: 20px;\n --rose-radius-sm: 12px;\n}\n\n.rose-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rose-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rose-text);\n}\n\n.rose-hero {\n position: relative;\n background: linear-gradient(135deg, #c94867 0%, #8e2e47 60%, #2b3d7a 100%);\n border-radius: var(--rose-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(--rose-shadow-lg);\n}\n\n.rose-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .4;\n}\n\n.rose-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rose-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.rose-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.rose-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 700px;\n}\n\n.rose-description strong {\n color: white;\n font-weight: 700;\n}\n\n.rose-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rose-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(--rose-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rose-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rose-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rose-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rose-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.rose-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(--rose-primary), var(--rose-accent));\n border-radius: 2px;\n}\n\n.rose-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rose-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.rose-card {\n background: var(--rose-white);\n border-radius: var(--rose-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rose-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rose-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rose-shadow-lg);\n border-color: var(--rose-primary);\n}\n\n.rose-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rose-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rose-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rose-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rose-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.rose-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rose-grid-compact .rose-card {\n padding: 1rem;\n}\n\n.rose-grid-compact .rose-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rose-grid-compact .rose-card p {\n font-size: 12px;\n}\n\n.rose-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rose-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rose-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rose-primary), var(--rose-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 box-shadow: 0 4px 12px rgba(201,72,103,.3);\n}\n\n.rose-timeline-content {\n flex: 1;\n background: var(--rose-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rose-radius-sm);\n box-shadow: var(--rose-shadow);\n}\n\n.rose-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rose-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rose-timeline-content p {\n font-size: 14px;\n color: var(--rose-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rose-ingredient-card {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--rose-white);\n border-radius: var(--rose-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rose-shadow);\n border-left: 4px solid var(--rose-primary);\n}\n\n.rose-ingredient-visual {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--rose-primary-light), var(--rose-accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 40px;\n box-shadow: 0 4px 16px rgba(201,72,103,.2);\n}\n\n.rose-ingredient-info {\n flex: 1;\n}\n\n.rose-ingredient-info h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--rose-primary-dark);\n margin: 0 0 .35rem 0;\n font-style: italic;\n}\n\n.rose-ingredient-info p {\n font-size: 14px;\n color: var(--rose-text-light);\n margin: 0 0 .5rem 0;\n line-height: 1.5;\n}\n\n.rose-percent {\n display: inline-block;\n background: linear-gradient(135deg, var(--rose-primary), var(--rose-primary-dark));\n color: white;\n padding: 4px 14px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 14px;\n letter-spacing: .02em;\n}\n\n.rose-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rose-primary-light);\n border-radius: var(--rose-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--rose-primary);\n}\n\n.rose-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rose-tip p {\n font-size: 14px;\n color: var(--rose-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.rose-cta-box {\n background: linear-gradient(135deg, var(--rose-primary) 0%, var(--rose-primary-dark) 100%);\n border-radius: var(--rose-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n margin-top: 1.5rem;\n box-shadow: var(--rose-shadow-lg);\n}\n\n.rose-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\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.rose-disclaimer {\n font-size: 12px;\n color: var(--rose-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.rose-accordion {\n background: var(--rose-white);\n border-radius: var(--rose-radius);\n box-shadow: var(--rose-shadow);\n overflow: hidden;\n}\n\n.rose-accordion-item {\n border-bottom: 1px solid var(--rose-border);\n margin: 0;\n padding: 0;\n}\n\n.rose-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rose-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rose-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.rose-accordion-header:hover {\n background: var(--rose-primary-light);\n}\n\n.rose-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rose-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--rose-primary);\n transition: transform .2s ease;\n}\n\n.rose-accordion-item[open] .rose-accordion-header::after {\n content: '−';\n}\n\n.rose-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rose-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rose-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .rose-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .rose-card {\n padding: 1.125rem;\n }\n .rose-section {\n margin-bottom: 1.75rem;\n }\n .rose-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rose-radius-sm);\n }\n .rose-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .rose-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .rose-grid-compact {\n gap: .625rem;\n }\n .rose-grid-compact .rose-card {\n padding: .75rem;\n }\n .rose-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .rose-timeline-content {\n padding: .875rem 1rem;\n }\n .rose-timeline-content h3 {\n font-size: 14px;\n }\n .rose-timeline-content p {\n font-size: 13px;\n }\n .rose-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .rose-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .rose-ingredient-card {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n .rose-ingredient-visual {\n width: 70px;\n height: 70px;\n font-size: 34px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rose-card {\n animation: roseFadeInUp .5s ease backwards;\n }\n .rose-card:nth-child(1) { animation-delay: .05s; }\n .rose-card:nth-child(2) { animation-delay: .1s; }\n .rose-card:nth-child(3) { animation-delay: .15s; }\n .rose-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes roseFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rose-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755270660253,"sku":"NBAISEN0008","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-de-rose-bio-sans-alcool-200-ml-eolesens-lifestyle.webp?v=1776440651"},{"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":15.89,"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":"huile-de-camelia-100-bio-30-ml-arc-en-sels","title":"Huile de Camélia Bio - 30 ml - Arc en Sels","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Camélia Bio - 30 ml - Arc en Sels\nPalette détectée:\n - Primaire: #4a6741 (vert olive\/forêt du packaging et des feuilles de camélia)\n - Secondaire: #d4c8a8 (beige crème du fond de l'emballage)\n - Accent: #8b7355 (brun doré rappelant l'huile)\nAmbiance: Naturel\/bio, élégant et raffiné, féminin, inspiration botanique japonaise, luxe discret\nPréfixe CSS: cam\n--\u003e\n\n\u003cdiv class=\"cam-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"cam-hero\"\u003e\n \u003cdiv class=\"cam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cam-hero-content\"\u003e\n \u003cdiv class=\"cam-badges-top\"\u003e\n \u003cspan class=\"cam-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e💧 Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Camélia Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eLe secret de beauté ancestral des japonaises\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eUn élixir précieux pour les peaux sèches et délicates, offrant nutrition intense et toucher velouté incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de l'huile de camélia\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement pour nourrir intensément les peaux les plus sèches sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, elle protège contre le vieillissement cutané et préserve l'élasticité de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🪶 Toucher velours\u003c\/h3\u003e\n \u003cp\u003eTexture légère et soyeuse qui laisse la peau douce, souple et satinée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Éclat cheveux\u003c\/h3\u003e\n \u003cp\u003eApporte brillance et souplesse aux cheveux secs, nourrit les pointes abîmées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eCrée un bouclier naturel contre les agressions extérieures et la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans colorants, parfums ni conservateurs artificiels. Uniquement l'essence du camélia bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATIONS --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🌺 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur peau propre, matin et soir. Massez délicatement pour une absorption optimale et une peau éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e👁️ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement sous les yeux pour réduire les poches et revitaliser cette zone fragile et sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, appliquez sur les zones sèches pour sceller l'hydratation et obtenir une peau souple et satinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card cam-card-usage\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampoing (30 min) ou en soin sans rinçage sur les pointes sèches pour brillance et nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e👩‍🦰 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌾 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs\u003c\/h3\u003e\n \u003cp\u003eBrillance retrouvée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"cam-composition-box\"\u003e\n \u003cdiv class=\"cam-ingredient-main\"\u003e\n \u003cspan class=\"cam-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003cdiv class=\"cam-ingredient-info\"\u003e\n \u003ch3\u003eCamellia Oleifera Seed Oil*\u003c\/h3\u003e\n \u003cp\u003eHuile de graines de camélia issue de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"cam-composition-note\"\u003e*Ingrédient issu de l'Agriculture Biologique. Huile pure obtenue par première pression à froid, sans colorants, parfums ni conservateurs artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🏭 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eFabriquée en France selon des pratiques agricoles respectueuses de l'environnement. Les matières premières proviennent de coopératives féminines, garantissant un commerce équitable et éthique. Le procédé de première pression à froid préserve toutes les qualités nutritives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. Refermez bien le flacon après utilisation. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. En cas de réaction, cessez l'utilisation. Évitez le contact avec les yeux. Effectuez un test cutané avant première utilisation si vous avez la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cam-cta-box\"\u003e\n \u003cp\u003e🌺 Offrez à votre peau et vos cheveux le soin précieux qu'ils méritent avec l'Huile de Camélia Bio, un rituel de beauté naturel et éthique pour une peau apaisée, protégée et sublimée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cam-cream: #faf8f5;\n --cam-white: #ffffff;\n --cam-primary: #4a6741;\n --cam-primary-dark: #3a5234;\n --cam-primary-light: #e8efe6;\n --cam-secondary: #d4c8a8;\n --cam-accent: #8b7355;\n\n \/* Textes *\/\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cam-border: #e8e4dc;\n --cam-shadow: 0 4px 24px rgba(74, 103, 65, .08);\n --cam-shadow-lg: 0 12px 48px rgba(74, 103, 65, .15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cam-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6741 0%, #5d7a54 40%, #8b7355 100%);\n border-radius: var(--cam-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cam-shadow-lg);\n}\n\n.cam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 20 C45 25, 40 35, 40 45 C35 35, 25 30, 15 30 C25 25, 30 15, 30 5' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .05;\n}\n\n.cam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.cam-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cam-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cam-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.cam-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cam-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cam-primary), var(--cam-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.cam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.cam-card {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cam-shadow-lg);\n border-color: var(--cam-primary);\n}\n\n.cam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cam-grid-compact .cam-card {\n padding: 1rem;\n}\n\n.cam-grid-compact .cam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cam-grid-compact .cam-card p {\n font-size: 12px;\n}\n\n\/* === CARDS USAGE === *\/\n.cam-card-usage {\n background: linear-gradient(135deg, var(--cam-white) 0%, var(--cam-primary-light) 100%);\n border-left: 4px solid var(--cam-primary);\n}\n\n\/* === COMPOSITION BOX === *\/\n.cam-composition-box {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n}\n\n.cam-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.25rem;\n background: linear-gradient(135deg, var(--cam-primary-light) 0%, #f5f7f4 100%);\n border-radius: var(--cam-radius-sm);\n margin-bottom: 1rem;\n}\n\n.cam-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.cam-ingredient-info {\n flex: 1;\n}\n\n.cam-ingredient-info h3 {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n margin: 0;\n}\n\n.cam-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary);\n flex-shrink: 0;\n}\n\n.cam-composition-note {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--cam-text-light);\n text-align: center;\n margin: 0;\n padding-top: .5rem;\n border-top: 1px solid var(--cam-border);\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cam-accordion {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n box-shadow: var(--cam-shadow);\n overflow: hidden;\n}\n\n.cam-accordion-item {\n border-bottom: 1px solid var(--cam-border);\n margin: 0;\n padding: 0;\n}\n\n.cam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cam-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cam-accordion-header:hover {\n background: var(--cam-primary-light);\n}\n\n.cam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cam-primary);\n transition: transform .2s ease;\n}\n\n.cam-accordion-item[open] .cam-accordion-header::after {\n content: '−';\n}\n\n.cam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.cam-cta-box {\n background: linear-gradient(135deg, var(--cam-primary) 0%, var(--cam-primary-dark) 100%);\n border-radius: var(--cam-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cam-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; left: -50%;\n width: 200%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.cam-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cam-card {\n padding: 1.125rem;\n }\n \n .cam-section {\n margin-bottom: 1.75rem;\n }\n \n .cam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cam-radius-sm);\n }\n \n .cam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cam-grid-compact {\n gap: .625rem;\n }\n \n .cam-grid-compact .cam-card {\n padding: .75rem;\n }\n \n .cam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cam-ingredient-main {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .cam-ingredient-icon {\n font-size: 2rem;\n }\n \n .cam-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cam-card:nth-child(1) { animation-delay: .05s; }\n .cam-card:nth-child(2) { animation-delay: .1s; }\n .cam-card:nth-child(3) { animation-delay: .15s; }\n .cam-card:nth-child(4) { animation-delay: .2s; }\n .cam-card:nth-child(5) { animation-delay: .25s; }\n .cam-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45755299168413,"sku":"HUILECAMELIA","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-camelia-bio-30-ml-arc-en-sels-lifestyle_7e6fd1cd-cecf-4acf-933a-1d60987e5e88.webp?v=1768500806"},{"product_id":"eau-florale-de-bleuet-bio-sans-alcool-200-ml-eolesens","title":"Eau Florale de Bleuet Bio sans Alcool - 200 ml - Eolesens","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Eau Florale de Bleuet Bio - Eolesens\nPalette détectée:\n - Primaire: #1a4b8c (bleu profond du flacon cobalt)\n - Secondaire: #5b9bd5 (bleu clair de l'étiquette)\n - Accent: #3a7cc2 (bleu intermédiaire)\nAmbiance: Naturel\/bio, fraîcheur florale, douceur, soin, pureté — univers féminin et apaisant\nPréfixe CSS: bf\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Eau florale de bleuet bio : le soin naturel par excellence pour vos yeux et votre peau\"\n 2. \"Bienfaits de l'eau florale de bleuet\"\n 3. \"Comment utiliser cette eau florale de bleuet bio ?\"\n 4. \"Composition\"\n 5. \"Qualité et certification\"\n 6. \"Conseils de conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bf-hero\"\u003e\n \u003cdiv class=\"bf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bf-hero-content\"\u003e\n \u003cdiv class=\"bf-badges-top\"\u003e\n \u003cspan class=\"bf-badge\"\u003e🌿 100 % biologique\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e🇫🇷 Fleurs françaises\u003c\/span\u003e\n \u003cspan class=\"bf-badge\"\u003e💧 200 ml spray\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bf-hero-title\"\u003eEau florale de bleuet bio\u003c\/span\u003e\n \u003cp class=\"bf-subtitle\"\u003eEolesens — Hydrolat pur sans alcool\u003c\/p\u003e\n \u003cp class=\"bf-description\"\u003eUn soin d'exception issu de la distillation à la vapeur de fleurs de bleuet (\u003cem\u003eCentaurea cyanus\u003c\/em\u003e) cultivées en France. Douceur absolue pour vos yeux et votre peau, sans aucun conservateur ni additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eEau florale de bleuet bio : le soin naturel par excellence pour vos yeux et votre peau\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eL'\u003cstrong\u003eeau florale de bleuet\u003c\/strong\u003e Eolesens est un hydrolat pur, \u003cstrong\u003esans alcool et 100 % biologique\u003c\/strong\u003e, obtenu par distillation à la vapeur de fleurs de bleuet (\u003cem\u003eCentaurea cyanus\u003c\/em\u003e). Formulée sans conservateur ni additif, cette eau de bleuet bio préserve toute la richesse des actifs végétaux pour vous offrir un soin d'une douceur remarquable.\u003c\/p\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌸 Hydrolat pur\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau, sans dilution ni transformation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🧴 Spray pratique\u003c\/h3\u003e\n \u003cp\u003eFlacon vaporisateur de 200 ml, facile à emporter partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur synthétique, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eContrôlé par Bureau Veritas, référentiel I-305\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eBienfaits de l'eau florale de bleuet\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eUtilisée depuis des siècles en herboristerie, l'eau florale de bleuet est reconnue pour ses multiples vertus cosmétiques. Voici pourquoi elle mérite une place dans votre routine de soin :\u003c\/p\u003e\n \u003cdiv class=\"bf-grid\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e👁️ Apaisante pour les yeux fatigués\u003c\/h3\u003e\n \u003cp\u003eAlliée précieuse après une longue journée devant les écrans. Elle calme les rougeurs, décongestionne les paupières gonflées et atténue visiblement les cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e❄️ Décongestionnante\u003c\/h3\u003e\n \u003cp\u003eAppliquée en compresse, elle réduit les poches sous les yeux et procure une sensation de fraîcheur immédiate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e✨ Tonifiante et astringente\u003c\/h3\u003e\n \u003cp\u003eElle resserre les pores dilatés, redonne de l'éclat aux teints ternes et améliore la texture de la peau au fil des applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🤍 Adoucissante pour les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSans alcool ni parfum ajouté, elle convient parfaitement aux peaux réactives, même les plus délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau florale de bleuet bio ?\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eLa polyvalence de cet hydrolat de bleuet en fait un indispensable. Voici plusieurs façons de l'intégrer à votre quotidien :\u003c\/p\u003e\n \u003cdiv class=\"bf-timeline\"\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn compresse pour les yeux\u003c\/h3\u003e\n \u003cp\u003eImbibez deux cotons d'eau florale de bleuet, posez-les sur vos paupières fermées et laissez agir 10 à 15 minutes. Idéal le soir pour décompresser ou le matin pour réveiller un regard fatigué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn lotion tonique visage\u003c\/h3\u003e\n \u003cp\u003eVaporisez directement sur le visage nettoyé, matin et soir, avant d'appliquer votre sérum ou votre crème hydratante. La peau est immédiatement rafraîchie et préparée à recevoir vos soins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn brume rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eEmportez votre flacon et vaporisez sur le visage en journée pour un coup de fraîcheur instantané, notamment en été ou dans les espaces climatisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-item\"\u003e\n \u003cdiv class=\"bf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bf-timeline-content\"\u003e\n \u003ch3\u003eEn complément du démaquillage\u003c\/h3\u003e\n \u003cp\u003eAprès avoir retiré votre maquillage, passez un coton imbibé sur le visage et le contour des yeux pour éliminer les dernières impuretés 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!-- H2 #4 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"bf-section-intro\"\u003eLa liste des ingrédients est d'une simplicité exemplaire :\u003c\/p\u003e\n \u003cdiv class=\"bf-composition-highlight\"\u003e\n \u003cdiv class=\"bf-composition-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"bf-composition-detail\"\u003e\n \u003ch3\u003eCentaurea cyanus flower water\u003c\/h3\u003e\n \u003cp\u003eHydrolat de bleuet biologique — \u003cstrong\u003e100 %\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-section-intro\" style=\"margin-top:1rem;\"\u003eAucun alcool, aucun conservateur synthétique, aucun colorant. C'est un hydrolat pur et non dilué, exactement tel qu'il sort de la distillation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eQualité et certification\u003c\/h2\u003e\n \u003cdiv class=\"bf-grid-compact\"\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eContrôlé par Bureau Veritas selon le référentiel I-305\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eFleurs cultivées en France, sans pesticides ni engrais chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n \u003cp\u003eEolesens garantit un suivi de la récolte au conditionnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bf-card\"\u003e\n \u003ch3\u003e🌍 Respect de l'environnement\u003c\/h3\u003e\n \u003cp\u003eCulture responsable, distillation artisanale, emballage recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bf-section\"\u003e\n \u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n \u003cdiv class=\"bf-accordion\"\u003e\n \u003cdetails class=\"bf-accordion-item\" open\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eAprès ouverture, conservez votre eau florale de bleuet bio \u003cstrong\u003eau réfrigérateur\u003c\/strong\u003e pour prolonger sa fraîcheur et renforcer l'effet décongestionnant lors de l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bf-accordion-item\"\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e⏳ Durée d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eUtilisez-la dans les \u003cstrong\u003esix mois suivant l'ouverture\u003c\/strong\u003e pour profiter pleinement de ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bf-accordion-item\"\u003e\n \u003csummary class=\"bf-accordion-header\"\u003e💡 Astuce fraîcheur\u003c\/summary\u003e\n \u003cdiv class=\"bf-accordion-content mt-3\"\u003e\n \u003cp\u003eConservée au frais, l'eau florale offre un effet décongestionnant décuplé lorsqu'elle est appliquée en compresse sur les yeux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bf-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à vos yeux et à votre peau toute la douceur d'un hydrolat pur, biologique et sans alcool — la beauté au naturel, tout simplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bf-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis médical ou un traitement ophtalmologique. En cas d'irritation persistante des yeux, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --bf-cream: #f0f4f8;\n --bf-white: #ffffff;\n --bf-primary: #1a4b8c;\n --bf-primary-dark: #0e2f5a;\n --bf-primary-light: #e8f0fa;\n --bf-secondary: #5b9bd5;\n --bf-accent: #3a7cc2;\n --bf-text: #1a1a1a;\n --bf-text-light: #5a5a5a;\n --bf-border: #d6e2f0;\n --bf-shadow: 0 4px 24px rgba(26, 75, 140, .08);\n --bf-shadow-lg: 0 12px 48px rgba(26, 75, 140, .15);\n --bf-radius: 20px;\n --bf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bf-hero {\n position: relative;\n background: linear-gradient(135deg, #0e2f5a 0%, #1a4b8c 40%, #5b9bd5 100%);\n border-radius: var(--bf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bf-shadow-lg);\n}\n\n.bf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.bf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.bf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.bf-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.bf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bf-primary), var(--bf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bf-card {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bf-shadow-lg);\n border-color: var(--bf-primary);\n}\n\n.bf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bf-grid-compact .bf-card {\n padding: 1rem;\n}\n\n.bf-grid-compact .bf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bf-grid-compact .bf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bf-primary), var(--bf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bf-timeline-content {\n flex: 1;\n background: var(--bf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bf-radius-sm);\n box-shadow: var(--bf-shadow);\n}\n\n.bf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bf-timeline-content p {\n font-size: 14px;\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.bf-composition-highlight {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bf-shadow);\n border-left: 5px solid var(--bf-primary);\n max-width: 500px;\n margin: 0 auto;\n}\n\n.bf-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.bf-composition-detail h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bf-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.bf-composition-detail p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.bf-accordion {\n background: var(--bf-white);\n border-radius: var(--bf-radius);\n box-shadow: var(--bf-shadow);\n overflow: hidden;\n}\n\n.bf-accordion-item {\n border-bottom: 1px solid var(--bf-border);\n margin: 0;\n padding: 0;\n}\n\n.bf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bf-accordion-header:hover {\n background: var(--bf-primary-light);\n}\n\n.bf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bf-primary);\n transition: transform .2s ease;\n}\n\n.bf-accordion-item[open] .bf-accordion-header::after {\n content: '−';\n}\n\n.bf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bf-cta-box {\n background: linear-gradient(135deg, var(--bf-primary) 0%, var(--bf-primary-dark) 100%);\n border-radius: var(--bf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bf-disclaimer {\n font-size: 12px;\n color: var(--bf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bf-card {\n padding: 1.125rem;\n }\n\n .bf-section {\n margin-bottom: 1.75rem;\n }\n\n .bf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bf-radius-sm);\n }\n\n .bf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bf-grid-compact {\n gap: .625rem;\n }\n\n .bf-grid-compact .bf-card {\n padding: .75rem;\n }\n\n .bf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bf-timeline-content h3 {\n font-size: 14px;\n }\n\n .bf-timeline-content p {\n font-size: 13px;\n }\n\n .bf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bf-composition-highlight {\n gap: 1rem;\n padding: 1rem;\n }\n\n .bf-composition-icon {\n font-size: 32px;\n }\n\n .bf-composition-detail h3 {\n font-size: 14px;\n }\n\n .bf-composition-detail p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bf-card {\n animation: bf-fadeInUp .5s ease backwards;\n }\n .bf-card:nth-child(1) { animation-delay: .05s; }\n .bf-card:nth-child(2) { animation-delay: .1s; }\n .bf-card:nth-child(3) { animation-delay: .15s; }\n .bf-card:nth-child(4) { animation-delay: .2s; }\n .bf-card:nth-child(5) { animation-delay: .25s; }\n .bf-card:nth-child(6) { animation-delay: .3s; }\n\n .bf-timeline-item {\n animation: bf-fadeInUp .5s ease backwards;\n }\n .bf-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bf-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bf-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bf-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bf-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 .bf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45755325939869,"sku":"NBAISEN0010","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-de-bleuet-bio-sans-alcool-200-ml-eolesens-ingredients_23825c3d-ea81-41f6-88fa-74e398874cbf.webp?v=1771577862"},{"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\u003eHuile d'amande douce bio Emma Noël : un 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 NOEL","offers":[{"title":"Default Title","offer_id":45755408842909,"sku":"NBAIEMM0029","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-damande-douce-bio-50-ml-emma-noel-packshothd.webp?v=1776002791"},{"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-essentielle-de-menthe-poivree-bio-10ml-eolesens","title":"Huile essentielle de Menthe Poivrée bio - 10ml - Eolésens","description":"\u003cdiv class=\"mp-premium\"\u003e\n \u003cdiv class=\"mp-hero\"\u003e\n \u003cdiv class=\"mp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mp-hero-content\"\u003e\n \u003cdiv class=\"mp-badges-top\"\u003e\n \u003cspan class=\"mp-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e💧 100% pure\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e🇫🇷 Marque française\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e✨ 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mp-hero-title\"\u003eHuile Essentielle de Menthe Poivrée Bio\u003c\/span\u003e\n \u003cp class=\"mp-subtitle\"\u003eEolésens — Mentha piperita\u003c\/p\u003e\n \u003cp class=\"mp-description\"\u003eVéritable incontournable de l'aromathérapie, l'huile essentielle de Menthe Poivrée bio Eolésens concentre toute la puissance aromatique et les bienfaits de la \u003cem\u003eMentha piperita\u003c\/em\u003e. Distillée à partir de plantes issues de l'agriculture biologique, elle vous accompagne au quotidien pour stimuler la digestion, apaiser les maux de tête ou retrouver vitalité et concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eUne menthe poivrée bio d'exception\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003eEolésens sélectionne avec soin ses plantes aromatiques pour garantir une huile pure, 100 % naturelle et certifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e. La distillation à la vapeur d'eau des sommités fleuries de \u003cem\u003eMentha piperita\u003c\/em\u003e permet d'obtenir une huile essentielle riche en \u003cstrong\u003ementhol\u003c\/strong\u003e et \u003cstrong\u003ementhone\u003c\/strong\u003e, responsables de sa fraîcheur caractéristique.\u003c\/p\u003e\n \u003cdiv class=\"mp-grid-compact\"\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003eMentha piperita\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌸 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eSommités fleuries\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon de 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle de menthe poivrée\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003ePlébiscitée depuis des siècles, la menthe poivrée est l'une des huiles essentielles les plus polyvalentes. Ses principales vertus reconnues :\u003c\/p\u003e\n \u003cdiv class=\"mp-grid\"\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌀 Digestive\u003c\/h3\u003e\n \u003cp\u003eAide en cas de digestion difficile, ballonnements, nausées ou mal des transports.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e❄️ Antalgique \u0026amp; rafraîchissante\u003c\/h3\u003e\n \u003cp\u003eSoulage les tensions localisées et les maux de tête passagers grâce à son effet \"glaçon\".\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e⚡ Tonique \u0026amp; stimulante\u003c\/h3\u003e\n \u003cp\u003eCoup de fouet idéal en cas de fatigue intellectuelle ou de baisse de concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🍃 Purifiante\u003c\/h3\u003e\n \u003cp\u003eRafraîchit l'haleine et assainit l'atmosphère ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de menthe poivrée ?\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003eCette huile est \u003cstrong\u003epuissante\u003c\/strong\u003e : quelques gouttes suffisent. Voici les principales utilisations :\u003c\/p\u003e\n \u003cdiv class=\"mp-timeline\"\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003e💆 En massage\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 goutte dans 4 gouttes d'huile végétale (amande douce, jojoba) et appliquez localement sur les tempes (en évitant les yeux) en cas de mal de tête, ou sur le ventre pour favoriser la digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003e👄 Par voie orale\u003c\/h3\u003e\n \u003cp\u003e1 goutte sur un support neutre (miel, sucre, comprimé) après un repas lourd ou en cas de nausée, sur conseil d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion\u003c\/h3\u003e\n \u003cp\u003eÀ utiliser brièvement (10 minutes) et toujours mélangée à d'autres huiles essentielles plus douces (citron, lavande).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003e🫁 En inhalation sèche\u003c\/h3\u003e\n \u003cp\u003e1 goutte sur un mouchoir pour retrouver tonus et clarté mentale en quelques instants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mp-accordion\"\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e⚠️ Publics déconseillés\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile essentielle de menthe poivrée est \u003cstrong\u003edéconseillée\u003c\/strong\u003e aux femmes enceintes ou allaitantes, aux enfants de moins de 7 ans, aux personnes épileptiques, asthmatiques ou souffrant d'hypertension.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e🚫 Usages à éviter\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe jamais l'appliquer pure sur la peau, ni sur de grandes surfaces. Évitez le contact avec les yeux et les muqueuses. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe produit ne se substitue pas à un traitement médical. En cas de doute, demandez l'avis de votre médecin, pharmacien ou aromathérapeute.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Eolésens ?\u003c\/h2\u003e\n \u003cdiv class=\"mp-cta-box\"\u003e\n \u003cp\u003eEolésens est une marque française engagée qui propose des huiles essentielles \u003cstrong\u003e100 % pures, naturelles et bio\u003c\/strong\u003e, dans le respect des producteurs et de la biodiversité. Chaque flacon est traçable, contrôlé et conditionné avec soin pour préserver toute la richesse aromatique de la plante. Un choix sûr pour intégrer l'aromathérapie à votre routine bien-être, en toute sérénité. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mp-cream: #f5faf3;\n --mp-white: #ffffff;\n --mp-primary: #7cb342;\n --mp-primary-dark: #3d6b1f;\n --mp-primary-light: #e8f3de;\n --mp-secondary: #a5d66a;\n --mp-accent: #2e7d32;\n --mp-text: #1a2a14;\n --mp-text-light: #5a6b52;\n --mp-border: #d9e8cc;\n --mp-shadow: 0 4px 24px rgba(61,107,31,.10);\n --mp-shadow-lg: 0 12px 48px rgba(61,107,31,.18);\n --mp-radius: 20px;\n --mp-radius-sm: 12px;\n}\n\n.mp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mp-text);\n}\n\n.mp-hero {\n position: relative;\n background: linear-gradient(135deg, #a5d66a 0%, #7cb342 50%, #3d6b1f 100%);\n border-radius: var(--mp-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(--mp-shadow-lg);\n}\n\n.mp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px), radial-gradient(circle at 80% 70%, white 2px, transparent 2px);\n background-size: 80px 80px;\n opacity: .08;\n}\n\n.mp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mp-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.mp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n font-style: italic;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.mp-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.mp-description em {\n font-style: italic;\n}\n\n.mp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mp-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(--mp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.mp-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(--mp-primary), var(--mp-secondary));\n border-radius: 2px;\n}\n\n.mp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mp-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mp-section-intro em {\n font-style: italic;\n}\n\n.mp-card {\n background: var(--mp-white);\n border-radius: var(--mp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mp-shadow-lg);\n border-color: var(--mp-primary);\n}\n\n.mp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mp-grid-compact .mp-card {\n padding: 1rem;\n}\n\n.mp-grid-compact .mp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mp-grid-compact .mp-card p {\n font-size: 13px;\n}\n\n.mp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.mp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mp-primary), var(--mp-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(124,179,66,.3);\n}\n\n.mp-timeline-content {\n flex: 1;\n background: var(--mp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mp-radius-sm);\n box-shadow: var(--mp-shadow);\n}\n\n.mp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mp-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.mp-timeline-content p {\n font-size: 14px;\n color: var(--mp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mp-accordion {\n background: var(--mp-white);\n border-radius: var(--mp-radius);\n box-shadow: var(--mp-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.mp-accordion-item {\n border-bottom: 1px solid var(--mp-border);\n margin: 0;\n padding: 0;\n}\n\n.mp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mp-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.mp-accordion-header:hover {\n background: var(--mp-primary-light);\n}\n\n.mp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mp-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--mp-primary);\n transition: transform .2s ease;\n}\n\n.mp-accordion-item[open] .mp-accordion-header::after {\n content: '−';\n}\n\n.mp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mp-accordion-content p {\n margin: 0;\n}\n\n.mp-accordion-content em {\n font-style: italic;\n}\n\n.mp-cta-box {\n background: linear-gradient(135deg, var(--mp-primary) 0%, var(--mp-primary-dark) 100%);\n border-radius: var(--mp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mp-shadow-lg);\n}\n\n.mp-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.mp-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 position: relative;\n z-index: 1;\n}\n\n.mp-cta-box strong {\n font-weight: 800;\n}\n\n@media (max-width: 767px) {\n .mp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .mp-card {\n padding: 1.125rem;\n }\n .mp-section {\n margin-bottom: 1.75rem;\n }\n .mp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mp-radius-sm);\n }\n .mp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .mp-grid-compact {\n gap: .625rem;\n }\n .mp-grid-compact .mp-card {\n padding: .75rem;\n }\n .mp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .mp-timeline-content {\n padding: .875rem 1rem;\n }\n .mp-timeline-content h3 {\n font-size: 14px;\n }\n .mp-timeline-content p {\n font-size: 13px;\n }\n .mp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .mp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mp-card:nth-child(1) { animation-delay: .05s; }\n .mp-card:nth-child(2) { animation-delay: .1s; }\n .mp-card:nth-child(3) { animation-delay: .15s; }\n .mp-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45888708444317,"sku":"NBAISEN0026","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-menthe-poivree-bio-10ml-eolesens-lifestyle.webp?v=1776440356"},{"product_id":"huile-essentielle-de-ravinstara-bio-10ml-eolesens","title":"Huile essentielle de Ravintsara Bio - 10ml - Eolesens","description":"\u003cdiv class=\"rav-premium\"\u003e\n \u003cdiv class=\"rav-hero\"\u003e\n \u003cdiv class=\"rav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rav-hero-content\"\u003e\n \u003cdiv class=\"rav-badges-top\"\u003e\n \u003cspan class=\"rav-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"rav-badge\"\u003e🇲🇬 Madagascar\u003c\/span\u003e\n \u003cspan class=\"rav-badge\"\u003e💧 100% pure\u003c\/span\u003e\n \u003cspan class=\"rav-badge\"\u003e🧪 HEBBD\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rav-hero-title\"\u003eHuile Essentielle de Ravintsara Bio\u003c\/span\u003e\n \u003cp class=\"rav-subtitle\"\u003eCinnamomum camphora CT cinéole · Flacon 10 ml · Eolesens\u003c\/p\u003e\n \u003cp class=\"rav-description\"\u003eSurnommée « l'huile qui guérit », la Ravintsara est l'incontournable de l'aromathérapie familiale. Extraite des feuilles du \u003cem\u003eCinnamomum camphora\u003c\/em\u003e cultivé à Madagascar, elle soutient vos défenses naturelles avec toute la pureté d'une plante d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle de Ravintsara ?\u003c\/h2\u003e\n \u003cp class=\"rav-section-intro\"\u003ePolyvalente, remarquablement bien tolérée et idéale pour les débutants en aromathérapie, la Ravintsara doit ses bienfaits à sa forte teneur en \u003cstrong\u003e1,8-cinéole (eucalyptol)\u003c\/strong\u003e, un composé aromatique naturel aux propriétés dégageantes.\u003c\/p\u003e\n \u003cdiv class=\"rav-grid\"\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌬️ Voies respiratoires\u003c\/h3\u003e\n \u003cp\u003eUn soutien précieux des voies respiratoires, notamment durant les périodes hivernales et les refroidissements saisonniers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e⚡ Tonus \u0026amp; énergie\u003c\/h3\u003e\n \u003cp\u003eUn effet tonifiant et revigorant en cas de fatigue passagère, pour retrouver dynamisme et vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🧘 Sérénité mentale\u003c\/h3\u003e\n \u003cp\u003eUne action apaisante sur le mental, utile pour retrouver calme, concentration et équilibre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eUn soutien traditionnel des défenses naturelles de l'organisme, particulièrement apprécié en changement de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003eComposition du flacon 10 ml\u003c\/h2\u003e\n \u003cp class=\"rav-section-intro\"\u003eAucun additif, aucun solvant, aucune dilution : vous obtenez une huile essentielle \u003cstrong\u003e100% pure, naturelle et intégrale\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"rav-grid-compact\"\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCinnamomum camphora\u003c\/em\u003e CT cinéole\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles de l'arbre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e💨 Mode d'obtention\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMadagascar\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e🧪 Composants\u003c\/h3\u003e\n \u003cp\u003e1,8-cinéole (50-65%), sabinène, α-terpinéol, α-pinène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-card\"\u003e\n \u003ch3\u003e✅ Culture\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique (certifiée AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003eUtilisation de l'huile essentielle de Ravintsara\u003c\/h2\u003e\n \u003cp class=\"rav-section-intro\"\u003eVoici les principaux modes d'utilisation au quotidien pour profiter pleinement de ses bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"rav-timeline\"\u003e\n \u003cdiv class=\"rav-timeline-item\"\u003e\n \u003cdiv class=\"rav-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003e4 à 6 gouttes dans votre diffuseur pendant 15 à 20 minutes, pour assainir l'air de la maison et créer une ambiance dégagée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-item\"\u003e\n \u003cdiv class=\"rav-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-content\"\u003e\n \u003ch3\u003e👃 En inhalation\u003c\/h3\u003e\n \u003cp\u003e2 gouttes sur un mouchoir à respirer profondément plusieurs fois dans la journée, idéal en période de refroidissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-item\"\u003e\n \u003cdiv class=\"rav-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-content\"\u003e\n \u003ch3\u003e💆 En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 gouttes dans une cuillère à café d'huile végétale (amande douce, noyau d'abricot), puis massez le thorax, le haut du dos ou la plante des pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-item\"\u003e\n \u003cdiv class=\"rav-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rav-timeline-content\"\u003e\n \u003ch3\u003e🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes mélangées à une base neutre pour un bain tonifiant et revigorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rav-tip\"\u003e\n \u003cspan class=\"rav-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eRespectez toujours les dosages indiqués et effectuez un \u003cstrong\u003etest cutané au pli du coude 24h\u003c\/strong\u003e avant la première application, pour une utilisation en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rav-accordion\"\u003e\n \u003cdetails class=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes (surtout durant les 3 premiers mois) et allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux enfants de moins de 3 ans. Tenir hors de portée des enfants et éviter tout contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e⚠️ Pathologies spécifiques\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003ePersonnes asthmatiques ou épileptiques : demandez l'avis d'un professionnel de santé avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e🚫 Voie orale\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas ingérer sans l'accord d'un aromathérapeute qualifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rav-accordion-item\"\u003e\n \u003csummary class=\"rav-accordion-header\"\u003e🩺 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"rav-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle ne remplace en aucun cas un traitement médical. En cas de doute, de symptômes persistants ou de pathologie chronique, consultez votre médecin ou votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Eolesens\u003c\/h2\u003e\n \u003cdiv class=\"rav-cta-box\"\u003e\n \u003cp\u003eEolesens sélectionne ses huiles essentielles avec exigence : \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e, producteurs engagés, contrôles qualité rigoureux et certification biologique. En choisissant cette Ravintsara Bio, vous profitez d'un produit d'une pureté exemplaire, respectueux de votre santé comme de la biodiversité. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rav-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical et ne remplacent pas une consultation auprès d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rav-cream: #f5f9f2;\n --rav-white: #ffffff;\n --rav-primary: #6fae3f;\n --rav-primary-dark: #3d7a1f;\n --rav-primary-light: #eaf4df;\n --rav-secondary: #a8d878;\n --rav-accent: #d4a017;\n --rav-text: #1a2e12;\n --rav-text-light: #5a6b50;\n --rav-border: #dbe6d0;\n --rav-shadow: 0 4px 24px rgba(61,122,31,.08);\n --rav-shadow-lg: 0 12px 48px rgba(61,122,31,.18);\n --rav-radius: 20px;\n --rav-radius-sm: 12px;\n}\n\n.rav-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rav-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rav-text);\n}\n\n.rav-premium *,\n.rav-premium *::before,\n.rav-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.rav-hero {\n position: relative;\n background: linear-gradient(135deg, #6fae3f 0%, #4e8a2a 50%, #3d7a1f 100%);\n border-radius: var(--rav-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(--rav-shadow-lg);\n}\n\n.rav-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .25;\n}\n\n.rav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rav-hero-title {\n display: block;\n color: white;\n font-size: clamp(26px, 6.5vw, 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.rav-subtitle {\n color: rgba(255,255,255,.95);\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.rav-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.rav-description em {\n font-style: italic;\n}\n\n\/* === BADGES === *\/\n.rav-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rav-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(--rav-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rav-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rav-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rav-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rav-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.rav-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(--rav-primary), var(--rav-secondary));\n border-radius: 2px;\n}\n\n.rav-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rav-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.rav-card {\n background: var(--rav-white);\n border-radius: var(--rav-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rav-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rav-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rav-shadow-lg);\n border-color: var(--rav-primary);\n}\n\n.rav-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rav-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rav-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rav-card em { font-style: italic; }\n\n\/* === GRILLES === *\/\n.rav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rav-grid-compact .rav-card {\n padding: 1rem;\n}\n\n.rav-grid-compact .rav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rav-grid-compact .rav-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rav-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rav-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rav-primary), var(--rav-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 box-shadow: 0 4px 12px rgba(61,122,31,.25);\n}\n\n.rav-timeline-content {\n flex: 1;\n background: var(--rav-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rav-radius-sm);\n box-shadow: var(--rav-shadow);\n}\n\n.rav-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rav-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rav-timeline-content p {\n font-size: 14px;\n color: var(--rav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.rav-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rav-primary-light);\n border-radius: var(--rav-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--rav-primary);\n}\n\n.rav-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rav-tip p {\n font-size: 14px;\n color: var(--rav-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.rav-accordion {\n background: var(--rav-white);\n border-radius: var(--rav-radius);\n box-shadow: var(--rav-shadow);\n overflow: hidden;\n}\n\n.rav-accordion-item {\n border-bottom: 1px solid var(--rav-border);\n margin: 0;\n padding: 0;\n}\n\n.rav-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rav-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rav-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.rav-accordion-header:hover {\n background: var(--rav-primary-light);\n}\n\n.rav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rav-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--rav-primary);\n transition: transform .2s ease;\n}\n\n.rav-accordion-item[open] .rav-accordion-header::after {\n content: '−';\n}\n\n.rav-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rav-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rav-accordion-content p { margin: 0; }\n\n\/* === CTA === *\/\n.rav-cta-box {\n background: linear-gradient(135deg, var(--rav-primary) 0%, var(--rav-primary-dark) 100%);\n border-radius: var(--rav-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--rav-shadow-lg);\n}\n\n.rav-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -20%;\n width: 60%; height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.rav-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 position: relative;\n z-index: 1;\n}\n\n.rav-cta-box strong {\n font-weight: 800;\n}\n\n\/* === DISCLAIMER === *\/\n.rav-disclaimer {\n font-size: 12px;\n color: var(--rav-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .rav-card { padding: 1.125rem; }\n .rav-section { margin-bottom: 1.75rem; }\n .rav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rav-radius-sm);\n }\n .rav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .rav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .rav-grid-compact { gap: .625rem; }\n .rav-grid-compact .rav-card { padding: .75rem; }\n .rav-timeline-number {\n width: 32px; height: 32px;\n font-size: 14px;\n }\n .rav-timeline-content { padding: .875rem 1rem; }\n .rav-timeline-content h3 { font-size: 14px; }\n .rav-timeline-content p { font-size: 13px; }\n .rav-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .rav-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rav-card {\n animation: fadeInUp .5s ease backwards;\n }\n .rav-card:nth-child(1) { animation-delay: .05s; }\n .rav-card:nth-child(2) { animation-delay: .1s; }\n .rav-card:nth-child(3) { animation-delay: .15s; }\n .rav-card:nth-child(4) { animation-delay: .2s; }\n .rav-card:nth-child(5) { animation-delay: .25s; }\n .rav-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 .rav-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45888708771997,"sku":"NBAISEN0020","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-ravintsara-bio-10ml-eolesens-lifestyle.webp?v=1776440386"},{"product_id":"rollon-aux-huiles-essentielles-bio-calm-tete-9ml-eolesens","title":"Roll'on Calm' Tête Bio - Soulage les Maux de Tête - Eolesens","description":"\u003cdiv class=\"calm-premium\"\u003e\n\n \u003cdiv class=\"calm-hero\"\u003e\n \u003cdiv class=\"calm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"calm-hero-content\"\u003e\n \u003cdiv class=\"calm-badges-top\"\u003e\n \u003cspan class=\"calm-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"calm-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"calm-badge\"\u003e💧 9 ml nomade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"calm-hero-title\"\u003eRoll'on Calm' Tête Eolesens\u003c\/span\u003e\n \u003cp class=\"calm-subtitle\"\u003eLe geste apaisant aux huiles essentielles bio\u003c\/p\u003e\n \u003cp class=\"calm-description\"\u003eQuand la tension monte, que la tête devient lourde ou que la fatigue se fait sentir, offrez-vous un moment de fraîcheur immédiate. Un format nomade à glisser partout pour un soulagement rapide et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eRoll'on Calm' Tête Eolesens : le geste apaisant aux huiles essentielles bio\u003c\/h2\u003e\n \u003cp class=\"calm-section-intro\"\u003eQuand la tension monte, que la tête devient lourde ou que la fatigue se fait sentir, vous cherchez une solution simple, naturelle et efficace. Le \u003cstrong\u003eRoll'on aux huiles essentielles bio Calm' Tête d'Eolesens\u003c\/strong\u003e a été pensé exactement pour ces moments-là. Dans un format nomade de 9 ml, ce \u003cstrong\u003eroll-on huiles essentielles\u003c\/strong\u003e vous offre un geste précis, rapide et agréable, à glisser dans un sac, une poche ou un tiroir de bureau.\u003c\/p\u003e\n \u003cdiv class=\"calm-grid-compact\"\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🧠 Soulagement ciblé\u003c\/h3\u003e\n \u003cp\u003eApaise les maux de tête en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🌊 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eDétend les tensions du quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🌱 Formule bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée Cosmos Organic\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e❄️ Fraîcheur instantanée\u003c\/h3\u003e\n \u003cp\u003eSensation rafraîchissante immédiate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003ePourquoi choisir un roll-on aux huiles essentielles ?\u003c\/h2\u003e\n \u003cp\u003eUn \u003cstrong\u003eroll on aux huiles essentielles\u003c\/strong\u003e est un petit flacon muni d'une bille qui permet d'appliquer facilement un mélange d'huiles essentielles déjà diluées dans une huile végétale. Plus besoin de doser soi-même : la formule est prête à l'emploi, équilibrée et parfaitement adaptée à une application cutanée ciblée. C'est la solution idéale pour profiter des bienfaits de l'aromathérapie au quotidien, sans contrainte.\u003c\/p\u003e\n \u003cdiv class=\"calm-tip\"\u003e\n \u003cspan class=\"calm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eL'avantage roll-on :\u003c\/strong\u003e une application nette, sans les mains, sans dosage, et une diffusion parfaitement maîtrisée sur les zones sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eUne synergie pensée pour apaiser la tête\u003c\/h2\u003e\n \u003cp class=\"calm-section-intro\"\u003eLa formule Calm' Tête associe des \u003cstrong\u003ehuiles essentielles bio\u003c\/strong\u003e réputées pour leur fraîcheur et leur action apaisante.\u003c\/p\u003e\n \u003cdiv class=\"calm-grid\"\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e❄️ Menthe poivrée\u003c\/h3\u003e\n \u003cp\u003eEffet glacial immédiat et sensation de fraîcheur sur les tempes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e💜 Lavande fine\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus relaxantes et son parfum rassurant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🌿 Eucalyptus\u003c\/h3\u003e\n \u003cp\u003eContribue à une sensation de respiration dégagée et libérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🌻 Huile végétale\u003c\/h3\u003e\n \u003cp\u003eSupport doux qui assure une application agréable, sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-tip\"\u003e\n \u003cspan class=\"calm-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eUn compagnon précieux lors d'une journée chargée, d'un long trajet ou après de longues heures devant un écran.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"calm-timeline\"\u003e\n \u003cdiv class=\"calm-timeline-item\"\u003e\n \u003cdiv class=\"calm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-content\"\u003e\n \u003ch3\u003eIdentifiez le besoin\u003c\/h3\u003e\n \u003cp\u003eDès les premiers signes de tension ou de fatigue, sortez votre roll-on.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-item\"\u003e\n \u003cdiv class=\"calm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-content\"\u003e\n \u003ch3\u003eAppliquez avec précision\u003c\/h3\u003e\n \u003cp\u003eSur les \u003cstrong\u003etempes, le front et la nuque\u003c\/strong\u003e, en évitant le contour des yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-item\"\u003e\n \u003cdiv class=\"calm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eEn petits cercles pour favoriser la diffusion des actifs et amplifier la sensation apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-item\"\u003e\n \u003cdiv class=\"calm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"calm-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 2 à 3 applications par jour, en respectant les précautions d'usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-tip\"\u003e\n \u003cspan class=\"calm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e déconseillé aux enfants de moins de 7 ans, aux femmes enceintes ou allaitantes et aux personnes épileptiques ou asthmatiques. Faites un test dans le pli du coude 24 h avant la première utilisation. En cas de mal de tête persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"calm-testimonial\"\u003e\n \u003cp class=\"calm-testimonial-text\"\u003eHelianthus Annuus Seed Oil*, Mentha Piperita Oil*, Lavandula Angustifolia Oil*, Eucalyptus Globulus Leaf Oil*, Rosmarinus Officinalis Leaf Oil*, Limonene, Linalool, Geraniol.\u003cbr\u003e\u003cbr\u003e*Ingrédients issus de l'agriculture biologique.\u003cbr\u003e\u003cstrong\u003eCertifié Cosmos Organic par Ecocert Greenlife.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eLes atouts du roll-on Calm' Tête Eolesens\u003c\/h2\u003e\n \u003cdiv class=\"calm-grid-compact\"\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule d'origine naturelle, certifiée bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🎯 Application précise\u003c\/h3\u003e\n \u003cp\u003eBille roll-on pour un geste net\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n \u003cp\u003e9 ml à emporter partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"calm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eRespect de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"calm-accordion\"\u003e\n \u003cdetails class=\"calm-accordion-item\"\u003e\n \u003csummary class=\"calm-accordion-header\"\u003e🌿 Quels sont les bienfaits d'un roll-on aux huiles essentielles ?\u003c\/summary\u003e\n \u003cdiv class=\"calm-accordion-content mt-3\"\u003e\n \u003cp\u003eIl permet une application locale rapide et dosée, idéale pour accompagner les tensions quotidiennes. La bille assure une diffusion précise des actifs sur les zones ciblées comme les tempes ou la nuque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"calm-accordion-item\"\u003e\n \u003csummary class=\"calm-accordion-header\"\u003e⭐ Avis sur le Calm' Tête Eolesens ?\u003c\/summary\u003e\n \u003cdiv class=\"calm-accordion-content mt-3\"\u003e\n \u003cp\u003eLes utilisateurs apprécient la sensation de fraîcheur immédiate, la praticité du format nomade et la qualité de la formule bio certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"calm-accordion-item\"\u003e\n \u003csummary class=\"calm-accordion-header\"\u003e🔄 Peut-on l'utiliser plusieurs fois par jour ?\u003c\/summary\u003e\n \u003cdiv class=\"calm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, jusqu'à 3 applications par jour, en respectant les précautions d'usage et en évitant les zones sensibles comme le contour des yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"calm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"calm-cta-box\"\u003e\n \u003cp\u003eOffrez-vous un geste de bien-être naturel et reprenez le contrôle de vos journées avec Eolesens ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"calm-disclaimer\"\u003eCe produit ne remplace pas un avis ou un traitement médical. En cas de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --calm-cream: #f4fafd;\n --calm-white: #ffffff;\n --calm-primary: #3bb4d4;\n --calm-primary-dark: #1e7a96;\n --calm-primary-light: #e1f2f8;\n --calm-secondary: #6bcfa8;\n --calm-accent: #a7e4d4;\n --calm-text: #1a2a33;\n --calm-text-light: #5a6b73;\n --calm-border: #d8e8ef;\n --calm-shadow: 0 4px 24px rgba(30, 122, 150, .08);\n --calm-shadow-lg: 0 12px 48px rgba(30, 122, 150, .18);\n --calm-radius: 20px;\n --calm-radius-sm: 12px;\n}\n\n.calm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--calm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--calm-text);\n line-height: 1.6;\n}\n\n.calm-premium p {\n color: var(--calm-text);\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n}\n\n.calm-premium strong {\n color: var(--calm-primary-dark);\n font-weight: 700;\n}\n\n\/* === HERO === *\/\n.calm-hero {\n position: relative;\n background: linear-gradient(135deg, #5ec8e0 0%, #3bb4d4 50%, #1e7a96 100%);\n border-radius: var(--calm-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(--calm-shadow-lg);\n}\n\n.calm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .25;\n}\n\n.calm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.calm-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,.15);\n line-height: 1.1;\n}\n\n.calm-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.calm-description {\n color: white;\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n opacity: .92;\n}\n\n\/* === BADGES === *\/\n.calm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.calm-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(--calm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.calm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.calm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.calm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--calm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.calm-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(--calm-primary), var(--calm-secondary));\n border-radius: 2px;\n}\n\n.calm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--calm-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.calm-card {\n background: var(--calm-white);\n border-radius: var(--calm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--calm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.calm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--calm-shadow-lg);\n border-color: var(--calm-primary);\n}\n\n.calm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--calm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.calm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--calm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRIDS === *\/\n.calm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.calm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.calm-grid-compact .calm-card {\n padding: 1rem;\n}\n\n.calm-grid-compact .calm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.calm-grid-compact .calm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.calm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.calm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.calm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--calm-primary), var(--calm-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(59, 180, 212, .3);\n}\n\n.calm-timeline-content {\n flex: 1;\n background: var(--calm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--calm-radius-sm);\n box-shadow: var(--calm-shadow);\n}\n\n.calm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--calm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.calm-timeline-content p {\n font-size: 14px;\n color: var(--calm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL (pour INCI) === *\/\n.calm-testimonial {\n background: var(--calm-white);\n border-radius: var(--calm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--calm-shadow);\n border-left: 4px solid var(--calm-primary);\n}\n\n.calm-testimonial-text {\n font-size: clamp(13px, 2.2vw, 15px);\n color: var(--calm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.calm-accordion {\n background: var(--calm-white);\n border-radius: var(--calm-radius);\n box-shadow: var(--calm-shadow);\n overflow: hidden;\n}\n\n.calm-accordion-item {\n border-bottom: 1px solid var(--calm-border);\n}\n\n.calm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.calm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--calm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.calm-accordion-header:hover {\n background: var(--calm-primary-light);\n}\n\n.calm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.calm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--calm-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.calm-accordion-item[open] .calm-accordion-header::after {\n content: '−';\n}\n\n.calm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--calm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.calm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.calm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--calm-primary-light);\n border-radius: var(--calm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--calm-primary);\n}\n\n.calm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.calm-tip p {\n font-size: 14px;\n color: var(--calm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.calm-cta-box {\n background: linear-gradient(135deg, var(--calm-primary) 0%, var(--calm-primary-dark) 100%);\n border-radius: var(--calm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--calm-shadow-lg);\n}\n\n.calm-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.calm-disclaimer {\n font-size: 12px;\n color: var(--calm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .calm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .calm-card {\n padding: 1.125rem;\n }\n \n .calm-section {\n margin-bottom: 1.75rem;\n }\n \n .calm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--calm-radius-sm);\n }\n \n .calm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .calm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .calm-grid-compact {\n gap: .625rem;\n }\n \n .calm-grid-compact .calm-card {\n padding: .75rem;\n }\n \n .calm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .calm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .calm-timeline-content h3 {\n font-size: 14px;\n }\n \n .calm-timeline-content p {\n font-size: 13px;\n }\n \n .calm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .calm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .calm-testimonial {\n padding: 1.25rem;\n }\n \n .calm-testimonial-text {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .calm-card {\n animation: calmFadeInUp .5s ease backwards;\n }\n .calm-card:nth-child(1) { animation-delay: .05s; }\n .calm-card:nth-child(2) { animation-delay: .1s; }\n .calm-card:nth-child(3) { animation-delay: .15s; }\n .calm-card:nth-child(4) { animation-delay: .2s; }\n .calm-card:nth-child(5) { animation-delay: .25s; }\n .calm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes calmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .calm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"EOLESENS","offers":[{"title":"Default Title","offer_id":45888708837533,"sku":"NBAISEN0035","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rollon-aux-huiles-essentielles-bio-calm-tete-9ml-eolesens-packshothd.webp?v=1776410662"},{"product_id":"huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml","title":"Huile de sésame - Adoucissant Nourrissant - Arc en Sels - 50ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Sésame - Arc en Sels\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du logo et textes)\n - Secondaire: #d4af37 (doré\/miel de l'huile de sésame)\n - Accent: #c9b896 (beige doré des graines de sésame)\n - Background: #f8f6f2 (crème clair élégant)\nAmbiance: Élégante, naturelle, orientale\/ayurvédique, premium, féminine raffinée\nPréfixe CSS: ses\n--\u003e\n\n\u003cdiv class=\"ses-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ses-hero\"\u003e\n \u003cdiv class=\"ses-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ses-hero-content\"\u003e\n \u003cdiv class=\"ses-badges-top\"\u003e\n \u003cspan class=\"ses-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e✨ Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ses-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-hero-title\"\u003eHuile de Sésame\u003c\/span\u003e\n \u003cp class=\"ses-subtitle\"\u003eAdoucissant \u0026amp; nourrissant\u003c\/p\u003e\n \u003cp class=\"ses-description\"\u003eUn trésor ancestral ayurvédique pour nourrir, protéger et sublimer votre peau et vos cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits exceptionnels\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure la souplesse et l'élasticité de la peau en profondeur, pour un toucher soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🛡️ Protection anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E et la sésamoline luttent activement contre le vieillissement cutané et les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌟 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eIdéale pour massages ayurvédiques, soins du visage, du corps et des cheveux. Un soin complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💚 Éthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eIssue d'une coopérative féminine, certifiée biologique et commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- UTILISATION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌸 Comment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid\"\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e😊 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2-3 gouttes en soin hydratant quotidien, matin ou soir, sur peau propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez généreusement après la douche pour une peau soyeuse et nourrie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card ses-card-usage\"\u003e\n \u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant shampoing ou en finition pour lisser et nourrir les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ses-grid-compact\"\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e🌷 Peaux délicates\u003c\/h3\u003e\n \u003cp\u003eDouceur garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eAction anti-âge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-card\"\u003e\n \u003ch3\u003e💆 Adeptes massage\u003c\/h3\u003e\n \u003cp\u003eGlisse parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e🌱 Composition pure\u003c\/h2\u003e\n \u003cdiv class=\"ses-composition-box\"\u003e\n \u003cdiv class=\"ses-ingredient-main\"\u003e\n \u003cspan class=\"ses-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv class=\"ses-ingredient-info\"\u003e\n \u003ch3\u003eSesamum indicum*\u003c\/h3\u003e\n \u003cp\u003eHuile vierge bio, première pression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ses-ingredient-percent\"\u003e100%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ses-composition-details\"\u003e\n \u003cspan\u003e✓ Parfum naturel\u003c\/span\u003e\n \u003cspan\u003e✓ Vitamine E\u003c\/span\u003e\n \u003cspan\u003e✓ Sésamoline\u003c\/span\u003e\n \u003cspan\u003e✓ Antioxydants\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ses-composition-note\"\u003e*Ingrédients issus de l'agriculture biologique et du commerce équitable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFORMATIONS COMPLÉMENTAIRES (ACCORDÉON) --\u003e\n \u003csection class=\"ses-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ses-accordion\"\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e📦 Contenance \u0026amp; durée\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eFlacon roll-on pratique de 50ml. Format voyage idéal, permet environ 2 mois d'utilisation quotidienne pour le visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de la chaleur. Se conserve 12 mois après ouverture. L'huile peut légèrement se figer par temps froid, c'est normal et n'altère pas ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas d'allergie aux graines de sésame, effectuer un test dans le pli du coude 24h avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ses-accordion-item\"\u003e\n \u003csummary class=\"ses-accordion-header\"\u003e🏭 Origine \u0026amp; fabrication\u003c\/summary\u003e\n \u003cdiv class=\"ses-accordion-content\"\u003e\n \u003cp\u003eHuile produite par une coopérative féminine, selon les méthodes traditionnelles de première pression à froid, garantissant la préservation de tous les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ses-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ses-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le secret de beauté millénaire ayurvédique.\u003cbr\u003eUne huile précieuse, éthique et 100% naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ses-cream: #f8f6f2;\n --ses-white: #ffffff;\n --ses-primary: #1e3a5f;\n --ses-primary-dark: #152a45;\n --ses-primary-light: #e8eef4;\n --ses-secondary: #d4af37;\n --ses-accent: #c9b896;\n\n \/* Textes *\/\n --ses-text: #1a1a1a;\n --ses-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ses-border: #e0e0e0;\n --ses-shadow: 0 4px 24px rgba(30,58,95,.08);\n --ses-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --ses-radius: 20px;\n --ses-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ses-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ses-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ses-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ses-primary) 0%, #2a4a6f 50%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ses-shadow-lg);\n}\n\n.ses-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.ses-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ses-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ses-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ses-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ses-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(212,175,55,.3);\n}\n\n.ses-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ses-subtitle {\n color: var(--ses-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.ses-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ses-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ses-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ses-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ses-primary), var(--ses-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ses-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ses-card {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ses-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ses-shadow-lg);\n border-color: var(--ses-secondary);\n}\n\n.ses-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ses-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ses-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ses-card-usage {\n background: linear-gradient(135deg, var(--ses-white) 0%, var(--ses-primary-light) 100%);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ses-grid-compact .ses-card {\n padding: 1rem;\n}\n\n.ses-grid-compact .ses-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ses-grid-compact .ses-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ses-composition-box {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ses-shadow);\n border: 2px solid var(--ses-secondary);\n}\n\n.ses-ingredient-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid var(--ses-border);\n margin-bottom: 1.25rem;\n}\n\n.ses-ingredient-icon {\n font-size: 2.5rem;\n flex-shrink: 0;\n}\n\n.ses-ingredient-info {\n flex: 1;\n}\n\n.ses-ingredient-info h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--ses-primary-dark);\n margin: 0 0 .25rem 0;\n font-style: italic;\n}\n\n.ses-ingredient-info p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ses-text-light);\n margin: 0;\n}\n\n.ses-ingredient-percent {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--ses-secondary);\n flex-shrink: 0;\n}\n\n.ses-composition-details {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n justify-content: center;\n margin-bottom: 1rem;\n}\n\n.ses-composition-details span {\n background: var(--ses-primary-light);\n color: var(--ses-primary-dark);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.ses-composition-note {\n text-align: center;\n font-size: 12px;\n color: var(--ses-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ses-accordion {\n background: var(--ses-white);\n border-radius: var(--ses-radius);\n box-shadow: var(--ses-shadow);\n overflow: hidden;\n}\n\n.ses-accordion-item {\n border-bottom: 1px solid var(--ses-border);\n margin: 0;\n padding: 0;\n}\n\n.ses-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ses-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ses-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ses-accordion-header:hover {\n background: var(--ses-primary-light);\n}\n\n.ses-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ses-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ses-secondary);\n transition: transform .2s ease;\n}\n\n.ses-accordion-item[open] .ses-accordion-header::after {\n content: '−';\n}\n\n.ses-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ses-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ses-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ses-cta-box {\n background: linear-gradient(135deg, var(--ses-primary) 0%, var(--ses-primary-dark) 100%);\n border-radius: var(--ses-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ses-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(45deg, transparent 30%, rgba(212,175,55,.2) 50%, transparent 70%);\n animation: shimmer 3s infinite;\n}\n\n@keyframes shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n\n.ses-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ses-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ses-card {\n padding: 1.125rem;\n }\n \n .ses-section {\n margin-bottom: 1.75rem;\n }\n \n .ses-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ses-radius-sm);\n }\n \n .ses-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ses-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ses-badges-top {\n gap: 8px;\n }\n \n .ses-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n \/* Grille compacte : 2 colonnes serrées *\/\n .ses-grid-compact {\n gap: .625rem;\n }\n \n .ses-grid-compact .ses-card {\n padding: .75rem;\n }\n \n \/* Composition box mobile *\/\n .ses-composition-box {\n padding: 1.25rem;\n }\n \n .ses-ingredient-main {\n flex-wrap: wrap;\n justify-content: center;\n text-align: center;\n }\n \n .ses-ingredient-icon {\n font-size: 2rem;\n }\n \n .ses-ingredient-info {\n width: 100%;\n }\n \n .ses-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n \n \/* Accordéon mobile *\/\n .ses-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ses-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ses-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ses-card:nth-child(1) { animation-delay: .05s; }\n .ses-card:nth-child(2) { animation-delay: .1s; }\n .ses-card:nth-child(3) { animation-delay: .15s; }\n .ses-card:nth-child(4) { animation-delay: .2s; }\n .ses-card:nth-child(5) { animation-delay: .25s; }\n .ses-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ses-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .ses-cta-box::before {\n animation: none;\n }\n}\n\u003c\/style\u003e","brand":"ARC EN SELS","offers":[{"title":"Default Title","offer_id":45912864161949,"sku":"HUILESESAMARCENSELS","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-sesame-adoucissant-nourrissant-arc-en-sels-50ml-lifestyle.webp?v=1768500683"},{"product_id":"huile-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-damande-douce-adoucissante-50ml-comptoir-des-huiles","title":"Huile d'Amande douce Bio - Adoucissante - Peau et Cheveux - Comptoir des huiles","description":"\u003cdiv class=\"ad-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ad-hero\"\u003e\n \u003cdiv class=\"ad-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ad-hero-content\"\u003e\n \u003cdiv class=\"ad-badges-top\"\u003e\n \u003cspan class=\"ad-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e🫧 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"ad-badge\"\u003e👶 Convient aux bébés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ad-hero-title\"\u003eHuile d'Amande Douce Bio\u003c\/span\u003e\n \u003cp class=\"ad-subtitle\"\u003eHuile adoucissante · Comptoir des Huiles\u003c\/p\u003e\n \u003cp class=\"ad-description\"\u003eL'alliée douceur de toute la famille : une huile végétale pure et certifiée bio pour nourrir la peau, apaiser les sensibilités et sublimer les cheveux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eL'huile d'amande douce : le soin adoucissant pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eVous cherchez une huile d'amande douce polyvalente, douce et vraiment efficace ? L'Huile d'Amande Douce Adoucissante de Comptoir des Huiles est un incontournable des soins naturels. Certifiée bio et obtenue par première pression à froid, cette huile végétale pure prend soin de votre peau, de votre visage et de vos cheveux au quotidien.\u003c\/p\u003e\n \u003cp class=\"ad-section-intro\"\u003eSon secret : une composition d'une simplicité remarquable, sans aucun additif, pour un résultat que vous sentirez dès la première application.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'amande douce pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eNaturellement riche en acides gras essentiels (oméga 6 et oméga 9) ainsi qu'en vitamines A et E, l'huile d'amande douce offre un soin complet reconnu depuis des siècles.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧴 Nourrit et adoucit en profondeur\u003c\/h3\u003e\n \u003cp\u003eElle pénètre facilement sans laisser de film gras, idéale pour les peaux sèches et déshydratées qui ont besoin de retrouver souplesse et confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌸 Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eRougeurs, tiraillements, irritations… L'huile d'amande douce calme les inconforts cutanés, y compris sur les peaux les plus fragiles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🛡️ Protège la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eElle renforce le film hydrolipidique naturel de la peau et aide à la protéger des agressions extérieures : froid, vent, pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e✨ Revitalise les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque ou en soin sans rinçage, elle redonne brillance, douceur et élasticité aux longueurs sèches et cassantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e👶 Convient aux bébés\u003c\/h3\u003e\n \u003cp\u003eUn classique pour hydrater la peau délicate des tout-petits et masser en douceur après le bain. Toute la famille en profite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile d'amande douce bio ?\u003c\/h2\u003e\n \u003cdiv class=\"ad-timeline\"\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 4 gouttes dans le creux de vos mains, puis massez délicatement votre peau propre et sèche, matin ou soir. Elle peut aussi servir de démaquillant naturel : appliquez-la sur un coton pour dissoudre le maquillage en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, massez généreusement les zones sèches (coudes, genoux, jambes) pour retrouver une peau souple et veloutée. C'est également une huile de massage idéale, seule ou mélangée à quelques gouttes d'huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-item\"\u003e\n \u003cdiv class=\"ad-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ad-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn bain d'huile avant le shampooing, appliquez sur les longueurs et les pointes, laissez poser 30 minutes minimum, puis lavez normalement. Pour dompter les frisottis au quotidien, une noisette sur les pointes sèches suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-tip\"\u003e\n \u003cspan class=\"ad-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez quelques gouttes à votre crème hydratante habituelle pour booster son pouvoir nourrissant, ou mélangez avec du miel pour un masque visage maison ultra-doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ad-composition-box\"\u003e\n \u003cdiv class=\"ad-composition-inci\"\u003e\n \u003cspan class=\"ad-composition-label\"\u003eIngrédient (INCI)\u003c\/span\u003e\n \u003cspan class=\"ad-composition-value\"\u003ePrunus Amygdalus Dulcis Oil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-composition-note\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-section-intro\" style=\"margin-top:1.25rem;\"\u003eC'est tout. Une huile 100 % pure, naturelle et bio, sans parfum, sans conservateur, sans colorant. Obtenue par première pression à froid pour préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n \u003cdiv class=\"ad-grid-compact\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans parfum\u003c\/h3\u003e\n \u003cp\u003eAucun arôme ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003ePureté totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant\u003c\/h3\u003e\n \u003cp\u003eCouleur 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eNutriments préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ad-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'amande douce Comptoir des Huiles ?\u003c\/h2\u003e\n \u003cp class=\"ad-section-intro\"\u003eSur le marché, les huiles d'amande douce ne se valent pas toutes. Celle de Comptoir des Huiles se distingue par plusieurs engagements concrets :\u003c\/p\u003e\n \u003cdiv class=\"ad-grid\"\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🌱 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eGarantit l'absence de pesticides et de traitements chimiques pour une huile respectueuse de votre corps et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n \u003cp\u003eConserve toutes les propriétés actives de l'amande : vitamines, acides gras essentiels, antioxydants naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🧪 Flacon verre ambré + pipette\u003c\/h3\u003e\n \u003cp\u003eFormat 50 ml pour un dosage précis et une conservation optimale à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ad-card\"\u003e\n \u003ch3\u003e🤝 Fabrication éthique\u003c\/h3\u003e\n \u003cp\u003eUne production responsable et respectueuse de l'environnement, de la récolte des amandes jusqu'au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-section-intro\" style=\"margin-top:1.25rem;\"\u003eQue vous l'utilisiez pour prendre soin de votre peau, sublimer vos cheveux ou chouchouter la peau de votre bébé, cette huile deviendra vite un essentiel de votre salle de bain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL + DISCLAIMER --\u003e\n \u003csection class=\"ad-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ad-cta-box\"\u003e\n \u003cp\u003e🌿 Flacon de 50 ml avec pipette en verre — L'essentiel beauté 100 % naturel et bio pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ad-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas d'allergie aux fruits à coque, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ad-cream: #faf8f5;\n --ad-white: #ffffff;\n --ad-primary: #5bab8b;\n --ad-primary-dark: #2e6e54;\n --ad-primary-light: #e8f5ee;\n --ad-secondary: #c8946e;\n --ad-accent: #d4a87c;\n --ad-text: #1a1a1a;\n --ad-text-light: #5a5a5a;\n --ad-border: #e0ddd8;\n --ad-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ad-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ad-radius: 20px;\n --ad-radius-sm: 12px;\n}\n\n.ad-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ad-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ad-hero {\n position: relative;\n background: linear-gradient(135deg, #2e6e54 0%, #5bab8b 50%, #c8946e 100%);\n border-radius: var(--ad-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ad-shadow-lg);\n}\n\n.ad-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(200,148,110,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ad-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ad-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ad-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ad-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ad-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ad-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ad-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ad-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ad-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ad-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ad-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ad-primary), var(--ad-secondary));\n border-radius: 2px;\n}\n\n.ad-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ad-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ad-card {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ad-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ad-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ad-shadow-lg);\n border-color: var(--ad-primary);\n}\n\n.ad-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ad-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ad-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ad-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ad-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ad-grid-compact .ad-card {\n padding: 1rem;\n}\n\n.ad-grid-compact .ad-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ad-grid-compact .ad-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ad-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ad-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ad-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ad-primary), var(--ad-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ad-timeline-content {\n flex: 1;\n background: var(--ad-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ad-radius-sm);\n box-shadow: var(--ad-shadow);\n}\n\n.ad-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ad-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ad-timeline-content p {\n font-size: 14px;\n color: var(--ad-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.ad-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ad-primary-light);\n border-radius: var(--ad-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ad-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ad-tip p {\n font-size: 14px;\n color: var(--ad-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ad-composition-box {\n background: var(--ad-white);\n border-radius: var(--ad-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ad-shadow);\n text-align: center;\n border: 2px solid var(--ad-primary-light);\n}\n\n.ad-composition-inci {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n align-items: center;\n}\n\n.ad-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--ad-primary);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.ad-composition-value {\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--ad-primary-dark);\n font-style: italic;\n}\n\n.ad-composition-note {\n font-size: 13px;\n color: var(--ad-text-light);\n font-style: italic;\n margin: .75rem 0 0 0;\n}\n\n\/* === CTA === *\/\n.ad-cta-box {\n background: linear-gradient(135deg, var(--ad-primary) 0%, var(--ad-primary-dark) 100%);\n border-radius: var(--ad-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ad-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ad-disclaimer {\n font-size: 12px;\n color: var(--ad-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ad-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ad-card {\n padding: 1.125rem;\n }\n\n .ad-section {\n margin-bottom: 1.75rem;\n }\n\n .ad-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ad-radius-sm);\n }\n\n .ad-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ad-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ad-grid-compact {\n gap: .625rem;\n }\n\n .ad-grid-compact .ad-card {\n padding: .75rem;\n }\n\n .ad-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ad-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ad-timeline-content h3 {\n font-size: 14px;\n }\n\n .ad-timeline-content p {\n font-size: 13px;\n }\n\n .ad-testimonial {\n padding: 1.25rem;\n }\n\n .ad-testimonial-text {\n font-size: 14px;\n }\n\n .ad-composition-value {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ad-card {\n animation: adFadeInUp .5s ease backwards;\n }\n .ad-card:nth-child(1) { animation-delay: .05s; }\n .ad-card:nth-child(2) { animation-delay: .1s; }\n .ad-card:nth-child(3) { animation-delay: .15s; }\n .ad-card:nth-child(4) { animation-delay: .2s; }\n .ad-card:nth-child(5) { animation-delay: .25s; }\n .ad-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes adFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ad-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":53481325691257,"sku":"AMANDEDOUCECDH","price":8.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-damande-douce-bio-adoucissante-peau-et-cheveux-comptoi-packshothd.webp?v=1774439064"},{"product_id":"cameline-bio-comptoir-huiles","title":"Huile de Cameline Bio - Rééquilibrante - 50ml - Comptoir des Huiles","description":"\u003cdiv class=\"cam-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cam-hero\"\u003e\n \u003cdiv class=\"cam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cam-hero-content\"\u003e\n \u003cdiv class=\"cam-badges-top\"\u003e\n \u003cspan class=\"cam-badge\"\u003e🌿 100 % naturelle \u0026amp; bio\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🇫🇷 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"cam-badge\"\u003e🧴 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cam-hero-title\"\u003eHuile de Cameline Bio\u003c\/span\u003e\n \u003cp class=\"cam-subtitle\"\u003eHuile rééquilibrante — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"cam-description\"\u003eL'huile précieuse exceptionnellement riche en oméga-3 qui nourrit, apaise et revitalise les peaux sèches, sensibles et les cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eHuile de Cameline Bio : l'alliée rééquilibrante pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"cam-section-intro\"\u003eVous cherchez une huile végétale naturelle capable de nourrir en profondeur une peau sèche, d'apaiser une peau sensible et de redonner de l'éclat à des cheveux ternes ?\u003c\/p\u003e\n \u003cdiv class=\"cam-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile de cameline bio\u003c\/strong\u003e de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e est faite pour vous. Obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e de graines de \u003cem\u003eCamelina sativa\u003c\/em\u003e issues de l'agriculture biologique, cette huile 100 % pure préserve l'intégralité de ses précieux actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de cameline pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"cam-section-intro\"\u003eCe qui distingue l'huile de cameline des autres huiles végétales, c'est sa \u003cstrong\u003eteneur exceptionnelle en oméga-3\u003c\/strong\u003e (acide alpha-linolénique), pouvant atteindre 35 à 40 % de sa composition. Elle contient également des \u003cstrong\u003eoméga-6, oméga-9\u003c\/strong\u003e et de la \u003cstrong\u003evitamine E\u003c\/strong\u003e, un puissant antioxydant naturel.\u003c\/p\u003e\n \u003cdiv class=\"cam-grid\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e⚖️ Rééquilibrante et nourrissante\u003c\/h3\u003e\n \u003cp\u003eLes acides gras essentiels renforcent le film hydrolipidique, limitant la déshydratation et restaurant la souplesse de la peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌸 Apaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en oméga-3, elle aide à calmer les rougeurs, les tiraillements et les inconforts liés aux peaux réactives ou atopiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice et anti-âge\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E qu'elle renferme contribue à neutraliser les radicaux libres, favorisant la régénération cellulaire et la prévention des signes du vieillissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e✨ Revitalisante capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle nourrit les cheveux secs et ternes en leur rendant brillance et douceur, tout en apaisant les cuirs chevelus irrités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003ePour quels types de peau et de cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cam-section-intro\"\u003eCette huile rééquilibrante s'adresse tout particulièrement aux :\u003c\/p\u003e\n \u003cdiv class=\"cam-grid-compact\"\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💧 Peaux sèches et déshydratées\u003c\/h3\u003e\n \u003cp\u003eQui manquent de confort au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🌷 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eSujettes aux rougeurs et tiraillements\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e🕊️ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eEn quête de fermeté et d'éclat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-card\"\u003e\n \u003ch3\u003e💇 Cheveux ternes, secs ou fragilisés\u003c\/h3\u003e\n \u003cp\u003ePar les colorations ou la chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-tip\"\u003e\n \u003cspan class=\"cam-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture est dite « sèche » : elle pénètre rapidement sans laisser de résidu gras, ce qui la rend très agréable au quotidien, même sous un maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de cameline bio ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-timeline\"\u003e\n \u003cdiv class=\"cam-timeline-item\"\u003e\n \u003cdiv class=\"cam-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-content\"\u003e\n \u003ch3\u003e🌙 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, déposez 3 à 5 gouttes dans le creux de vos mains et massez délicatement le visage et le cou par mouvements circulaires. Vous pouvez aussi l'ajouter à votre crème de jour pour renforcer son pouvoir nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-item\"\u003e\n \u003cdiv class=\"cam-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-content\"\u003e\n \u003ch3\u003e🚿 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les zones sèches (coudes, genoux, mains) après la douche, sur peau encore légèrement humide pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-item\"\u003e\n \u003cdiv class=\"cam-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cam-timeline-content\"\u003e\n \u003ch3\u003e💆 En soin capillaire\u003c\/h3\u003e\n \u003cp\u003eRépartissez l'huile sur les longueurs et les pointes, laissez poser au minimum 30 minutes (ou toute une nuit sous une serviette) puis procédez à votre shampooing habituel. Le résultat est visible dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cam-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"cam-accordion\"\u003e\n \u003cdetails class=\"cam-accordion-item\" open\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧬 INCI\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eCamelina Sativa Seed Oil*\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧴 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon en verre ambré avec pipette compte-gouttes — \u003cstrong\u003e50 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cam-accordion-item\"\u003e\n \u003csummary class=\"cam-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cam-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur. À utiliser dans les 6 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'huile de cameline présente-t-elle un danger ?\u003c\/h2\u003e\n \u003cdiv class=\"cam-testimonial\"\u003e\n \u003cp class=\"cam-testimonial-text\"\u003eUtilisée en application cutanée, l'\u003cstrong\u003ehuile de cameline ne présente pas de danger\u003c\/strong\u003e connu. Elle est naturellement bien tolérée, même par les peaux les plus fragiles. Par précaution, réalisez un test dans le pli du coude 24 heures avant la première utilisation si vous avez une peau très réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cam-tip\"\u003e\n \u003cspan class=\"cam-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRemarque :\u003c\/strong\u003e cette fiche concerne un usage cosmétique. Pour toute question liée à l'huile de cameline et au cholestérol, au foie ou aux intestins dans un cadre alimentaire, nous vous recommandons de consulter un professionnel de santé. Ce produit ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cam-cream: #faf8f3;\n --cam-white: #ffffff;\n --cam-primary: #d4a017;\n --cam-primary-dark: #8b6914;\n --cam-primary-light: #fdf6e3;\n --cam-secondary: #c47d10;\n --cam-accent: #5a7a3a;\n --cam-text: #1a1a1a;\n --cam-text-light: #5a5a5a;\n --cam-border: #e8e0d0;\n --cam-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cam-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cam-radius: 20px;\n --cam-radius-sm: 12px;\n}\n\n.cam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cam-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6914 0%, #c47d10 40%, #d4a017 70%, #5a7a3a 100%);\n border-radius: var(--cam-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cam-shadow-lg);\n}\n\n.cam-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.cam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cam-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cam-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cam-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.cam-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.cam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cam-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cam-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cam-primary), var(--cam-secondary));\n border-radius: 2px;\n}\n\n.cam-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cam-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cam-section-intro strong {\n color: var(--cam-primary-dark);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cam-highlight-box {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n border-left: 4px solid var(--cam-primary);\n text-align: center;\n}\n\n.cam-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cam-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.cam-highlight-box strong {\n color: var(--cam-primary-dark);\n}\n\n\/* === CARDS === *\/\n.cam-card {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cam-shadow-lg);\n border-color: var(--cam-primary);\n}\n\n.cam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cam-grid-compact .cam-card {\n padding: 1rem;\n}\n\n.cam-grid-compact .cam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cam-grid-compact .cam-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cam-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cam-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cam-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cam-primary), var(--cam-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cam-timeline-content {\n flex: 1;\n background: var(--cam-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cam-radius-sm);\n box-shadow: var(--cam-shadow);\n}\n\n.cam-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cam-timeline-content p {\n font-size: 14px;\n color: var(--cam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cam-testimonial {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cam-shadow);\n border-left: 4px solid var(--cam-accent);\n}\n\n.cam-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cam-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.cam-testimonial-text strong {\n color: var(--cam-accent);\n}\n\n\/* === ACCORDÉON === *\/\n.cam-accordion {\n background: var(--cam-white);\n border-radius: var(--cam-radius);\n box-shadow: var(--cam-shadow);\n overflow: hidden;\n}\n\n.cam-accordion-item {\n border-bottom: 1px solid var(--cam-border);\n margin: 0;\n padding: 0;\n}\n\n.cam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cam-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cam-accordion-header:hover {\n background: var(--cam-primary-light);\n}\n\n.cam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cam-primary);\n transition: transform .2s ease;\n}\n\n.cam-accordion-item[open] .cam-accordion-header::after {\n content: '−';\n}\n\n.cam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cam-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.cam-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cam-primary-light);\n border-radius: var(--cam-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cam-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cam-tip p {\n font-size: 14px;\n color: var(--cam-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cam-tip p strong {\n color: var(--cam-primary-dark);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cam-card {\n padding: 1.125rem;\n }\n\n .cam-section {\n margin-bottom: 1.75rem;\n }\n\n .cam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cam-radius-sm);\n }\n\n .cam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cam-grid-compact {\n gap: .625rem;\n }\n\n .cam-grid-compact .cam-card {\n padding: .75rem;\n }\n\n .cam-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cam-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cam-timeline-content h3 {\n font-size: 14px;\n }\n\n .cam-timeline-content p {\n font-size: 13px;\n }\n\n .cam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cam-testimonial {\n padding: 1.25rem;\n }\n\n .cam-testimonial-text {\n font-size: 14px;\n }\n\n .cam-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cam-card {\n animation: camFadeInUp .5s ease backwards;\n }\n .cam-card:nth-child(1) { animation-delay: .05s; }\n .cam-card:nth-child(2) { animation-delay: .1s; }\n .cam-card:nth-child(3) { animation-delay: .15s; }\n .cam-card:nth-child(4) { animation-delay: .2s; }\n .cam-card:nth-child(5) { animation-delay: .25s; }\n .cam-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes camFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830777991545,"sku":"CAMELINECOMPTOIRDESHUILES","price":5.84,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-cameline-bio-reequilibrante-50ml-comptoir-des-huile-packshothd.webp?v=1774427663"},{"product_id":"carapate-soin-cheveux-comptoir-huiles","title":"Huile de Carapate Bio (Ricin Noir) 50ml - Gainante \u0026 Fortifiante \/ Comptoir des Huiles","description":"\u003cdiv class=\"cp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cp-hero\"\u003e\n \u003cdiv class=\"cp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cp-hero-content\"\u003e\n \u003cdiv class=\"cp-badges-top\"\u003e\n \u003cspan class=\"cp-badge\"\u003e🌿 100 % naturelle\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e🇫🇷 Savoir-faire artisanal\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e✨ Gainante \u0026amp; fortifiante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cp-hero-title\"\u003eHuile de Carapate Bio (Ricin Noir) 50 ml\u003c\/span\u003e\n \u003cp class=\"cp-subtitle\"\u003eComptoir des Huiles — Le secret ancestral des cheveux bouclés et crépus\u003c\/p\u003e\n \u003cp class=\"cp-description\"\u003eUne huile de ricin noir non raffinée, concentrée en acide ricinoléique (≈85 %), pour nourrir, gainer et fortifier vos cheveux en profondeur. Flacon compte-gouttes 50 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eHuile de Carapate Bio : le secret des cheveux bouclés et crépus en pleine santé\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eVous cherchez une huile de ricin pour cheveux réellement efficace et naturelle ? L'huile de Carapate de Comptoir des Huiles est bien plus qu'une simple huile de ricin classique.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid-compact\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌰 Ricin noir artisanal\u003c\/h3\u003e\n \u003cp\u003eObtenue par cuisson et pression des graines de \u003cem\u003eRicinus communis\u003c\/em\u003e, elle arbore sa teinte ambrée caractéristique et une concentration exceptionnelle en actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n \u003cp\u003eFormulée 100 % naturelle, sans parfum, sans conservateur. Rien que l'huile pure issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux bouclés \u0026amp; crépus\u003c\/h3\u003e\n \u003cp\u003ePensée pour sublimer les cheveux bouclés, crépus, secs ou cassants grâce à son pouvoir gainant unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n \u003cp\u003eLe format 50 ml avec pipette vous permet de doser avec précision chaque application, sans gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003ePourquoi appliquer de l'huile de ricin dans les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eUtilisée depuis des générations dans les Caraïbes et en Afrique, la version « carapate » se distingue par sa richesse en acide ricinoléique (environ 85 %), un acide gras rare aux propriétés remarquables.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌱 Stimulation de la pousse\u003c\/h3\u003e\n \u003cp\u003eEn améliorant la microcirculation du cuir chevelu, l'acide ricinoléique favorise la croissance naturelle et renforce les bulbes capillaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e💪 Effet gainant et fortifiant\u003c\/h3\u003e\n \u003cp\u003eL'huile enrobe chaque mèche d'un film protecteur qui épaissit la fibre, réduit la casse et limite les fourches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e✨ Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses oméga-6, oméga-9 et ses antioxydants naturels, elle redonne souplesse, brillance et douceur aux cheveux déshydratés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🧴 Cuir chevelu assaini\u003c\/h3\u003e\n \u003cp\u003eSes propriétés antibactériennes et antifongiques aident à calmer les irritations, réduire les pellicules et maintenir un environnement sain pour la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin sur cheveux bouclés ou crépus ?\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003ePour profiter pleinement des bienfaits de cette huile de ricin pour les cheveux, voici nos conseils d'application :\u003c\/p\u003e\n \u003cdiv class=\"cp-timeline\"\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eEn bain d'huile avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez 4 à 6 gouttes sur le cuir chevelu et les longueurs. Massez, laissez poser 30 minutes à une nuit sous un bonnet, puis lavez avec un shampoing doux. À réaliser 1 à 2 fois par semaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eEn soin scellant sur cheveux humides\u003c\/h3\u003e\n \u003cp\u003eAprès votre leave-in, 2 à 3 gouttes sur les pointes et longueurs suffisent pour sceller l'hydratation et protéger vos boucles toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eSourcils, cils et barbe\u003c\/h3\u003e\n \u003cp\u003eUne goutte appliquée au doigt ou au coton-tige, matin ou soir, pour densifier et nourrir naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-item\"\u003e\n \u003cdiv class=\"cp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cp-timeline-content\"\u003e\n \u003ch3\u003eOngles fragiles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle quotidiennement pour les fortifier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-tip\"\u003e\n \u003cspan class=\"cp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de carapate étant épaisse, mélangez-la à une huile plus légère comme le jojoba ou l'argan pour faciliter l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"cp-card\" style=\"text-align:center;\"\u003e\n \u003ch3\u003e🧪 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRicinus communis seed oil\u003c\/em\u003e — Huile de carapate 100 % pure. Aucun additif, aucun parfum, aucun conservateur ajouté. Issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"cp-accordion\"\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur, bouchon bien fermé. Agitez avant chaque emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cp-accordion-item\"\u003e\n \u003csummary class=\"cp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eUn test d'allergie au pli du coude est conseillé 24 heures avant la première utilisation. Ce produit cosmétique ne remplace pas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qui distingue l'huile de Carapate Comptoir des Huiles\u003c\/h2\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🔥 Fabrication traditionnelle\u003c\/h3\u003e\n \u003cp\u003eContrairement à une huile de ricin classique — souvent raffinée et appauvrie —, la carapate conserve l'intégralité de ses nutriments grâce à son mode de fabrication artisanal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🖤 Non raffinée, plus concentrée\u003c\/h3\u003e\n \u003cp\u003eSa couleur sombre témoigne d'une huile non raffinée, plus riche en actifs et en antioxydants que les versions industrielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌍 Savoir-faire ancestral\u003c\/h3\u003e\n \u003cp\u003eUn soin authentique, ancré dans un savoir-faire caribéen ancestral, qui révèle tout son potentiel sur les textures bouclées et crépues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux un rituel naturel qui nourrit, protège et fortifie en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cp-cream: #faf6f1;\n --cp-white: #ffffff;\n --cp-primary: #8b2d4e;\n --cp-primary-dark: #5e1a33;\n --cp-primary-light: #f5e8ed;\n --cp-secondary: #c47a2a;\n --cp-accent: #d4943a;\n --cp-text: #1a1a1a;\n --cp-text-light: #5a5a5a;\n --cp-border: #e8ddd4;\n --cp-shadow: 0 4px 24px rgba(94, 26, 51, .07);\n --cp-shadow-lg: 0 12px 48px rgba(94, 26, 51, .13);\n --cp-radius: 20px;\n --cp-radius-sm: 12px;\n}\n\n.cp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cp-hero {\n position: relative;\n background: linear-gradient(135deg, #5e1a33 0%, #8b2d4e 40%, #c47a2a 100%);\n border-radius: var(--cp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cp-shadow-lg);\n}\n\n.cp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%);\n opacity: 1;\n}\n\n.cp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.cp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cp-primary), var(--cp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cp-card {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cp-shadow-lg);\n border-color: var(--cp-primary);\n}\n\n.cp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cp-grid-compact .cp-card {\n padding: 1rem;\n}\n\n.cp-grid-compact .cp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cp-grid-compact .cp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cp-primary), var(--cp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cp-timeline-content {\n flex: 1;\n background: var(--cp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cp-radius-sm);\n box-shadow: var(--cp-shadow);\n}\n\n.cp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cp-timeline-content p {\n font-size: 14px;\n color: var(--cp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.cp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cp-primary-light);\n border-radius: var(--cp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cp-tip p {\n font-size: 14px;\n color: var(--cp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cp-testimonial {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cp-shadow);\n border-left: 4px solid var(--cp-primary);\n}\n\n.cp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cp-accordion {\n background: var(--cp-white);\n border-radius: var(--cp-radius);\n box-shadow: var(--cp-shadow);\n overflow: hidden;\n}\n\n.cp-accordion-item {\n border-bottom: 1px solid var(--cp-border);\n margin: 0;\n padding: 0;\n}\n\n.cp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cp-accordion-header:hover {\n background: var(--cp-primary-light);\n}\n\n.cp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cp-primary);\n transition: transform .2s ease;\n}\n\n.cp-accordion-item[open] .cp-accordion-header::after {\n content: '−';\n}\n\n.cp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.cp-cta-box {\n background: linear-gradient(135deg, var(--cp-primary) 0%, var(--cp-primary-dark) 100%);\n border-radius: var(--cp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cp-card {\n padding: 1.125rem;\n }\n\n .cp-section {\n margin-bottom: 1.75rem;\n }\n\n .cp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cp-radius-sm);\n }\n\n .cp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cp-grid-compact {\n gap: .625rem;\n }\n\n .cp-grid-compact .cp-card {\n padding: .75rem;\n }\n\n .cp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cp-timeline-content h3 {\n font-size: 14px;\n }\n\n .cp-timeline-content p {\n font-size: 13px;\n }\n\n .cp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cp-testimonial {\n padding: 1.25rem;\n }\n\n .cp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cp-card {\n animation: cpFadeInUp .5s ease backwards;\n }\n .cp-card:nth-child(1) { animation-delay: .05s; }\n .cp-card:nth-child(2) { animation-delay: .1s; }\n .cp-card:nth-child(3) { animation-delay: .15s; }\n .cp-card:nth-child(4) { animation-delay: .2s; }\n .cp-card:nth-child(5) { animation-delay: .25s; }\n .cp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830904607097,"sku":"CARAPATECOMPTOIRDESHUILES","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-carapate-bio-ricin-noir-50ml-gainante-fortifiante-c-packshothd.webp?v=1774427642"},{"product_id":"huile-jojoba-regule-sebum-50ml","title":"Huile de Jojoba - Régule le sébum - 50 ml - Comptoir des Huiles","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Jojoba - Comptoir des Huiles\nPalette détectée:\n - Primaire: #2E7D6F (vert teal du bandeau \"Comptoir des Huiles\" sur l'étiquette)\n - Secondaire: #C4883A (ambre doré du flacon en verre et de l'huile)\n - Accent: #D4A852 (doré lumineux de l'huile au compte-gouttes)\nAmbiance: Naturel, épuré, cosmétique bio, élégant et authentique. Univers végétal avec des tonalités terre\/nature. Étiquette crème avec motifs botaniques. Flacon ambré en verre = pharmacopée naturelle premium.\nPréfixe CSS: jj\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Bienfaits principaux :\"\n 2. \"Conseils d'utilisation :\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"jj-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"jj-hero\"\u003e\n \u003cdiv class=\"jj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"jj-hero-content\"\u003e\n \u003cdiv class=\"jj-badges-top\"\u003e\n \u003cspan class=\"jj-badge\"\u003e🌿 100% naturelle\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e🧴 Sébo-régulatrice\u003c\/span\u003e\n \u003cspan class=\"jj-badge\"\u003e✨ Visage · Corps · Cheveux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"jj-hero-title\"\u003eHuile de Jojoba\u003c\/span\u003e\n \u003cp class=\"jj-subtitle\"\u003eComptoir des Huiles · 50 ml\u003c\/p\u003e\n \u003cp class=\"jj-description\"\u003eUn soin naturel polyvalent dont la composition, proche du sébum humain, équilibre les peaux mixtes à grasses tout en maintenant une hydratation optimale — sans obstruer les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Bienfaits principaux --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eBienfaits principaux :\u003c\/h2\u003e\n \u003cdiv class=\"jj-grid\"\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n \u003cp\u003eEn mimant le sébum naturel, l'huile de jojoba aide à équilibrer les peaux grasses ou sujettes à l'acné. Elle régule la production de sébum pour un teint matifié et unifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💧 Hydratation et protection\u003c\/h3\u003e\n \u003cp\u003eForme une barrière protectrice qui préserve l'hydratation naturelle de la peau tout en pénétrant facilement, sans laisser de film gras désagréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eNourrit, assouplit et fortifie les cheveux, leur redonnant brillance et souplesse, tout en aidant à réduire les pellicules durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Conseils d'utilisation --\u003e\n \u003csection class=\"jj-section\"\u003e\n \u003ch2\u003eConseils d'utilisation :\u003c\/h2\u003e\n \u003cdiv class=\"jj-timeline\"\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🌸 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur une peau propre et sèche, en massant délicatement jusqu'à absorption complète. Peut être utilisée en crème de jour ou de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e🧴 Corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez l'huile après la douche sur l'ensemble du corps pour nourrir et adoucir la peau. Elle pénètre rapidement sans effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-item\"\u003e\n \u003cdiv class=\"jj-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"jj-timeline-content\"\u003e\n \u003ch3\u003e✨ Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant shampooing : appliquez sur le cuir chevelu et les longueurs, laissez poser 30 minutes, puis lavez avec un shampooing doux. En soin quotidien, utilisez quelques gouttes sur les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"jj-tip\"\u003e\n \u003cspan class=\"jj-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e Mélangez 2-3 gouttes à votre fond de teint pour un fini lumineux et naturel tout en protégeant votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION FINALE : CTA --\u003e\n \u003csection class=\"jj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"jj-cta-box\"\u003e\n \u003cp\u003e🌿 Intégrez l'huile de jojoba de \u003cstrong\u003eComptoir des Huiles\u003c\/strong\u003e dans votre routine beauté pour profiter de ses multiples bienfaits naturels. Une solution idéale pour équilibrer votre peau, hydrater votre corps et revitaliser vos cheveux, tout en adoptant une démarche écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"jj-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Usage externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --jj-cream: #faf8f4;\n --jj-white: #ffffff;\n --jj-primary: #2E7D6F;\n --jj-primary-dark: #1b5c51;\n --jj-primary-light: #e8f4f1;\n --jj-secondary: #C4883A;\n --jj-accent: #D4A852;\n --jj-text: #1a1a1a;\n --jj-text-light: #5a5a5a;\n --jj-border: #e0ddd7;\n --jj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --jj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --jj-radius: 20px;\n --jj-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.jj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.jj-hero {\n position: relative;\n background: linear-gradient(135deg, #1b5c51 0%, #2E7D6F 40%, #3a9484 70%, #C4883A 100%);\n border-radius: var(--jj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--jj-shadow-lg);\n}\n\n.jj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,168,82,.12) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.jj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.jj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.jj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jj-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.jj-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.jj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.jj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--jj-primary), var(--jj-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLE === *\/\n.jj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.jj-card {\n background: var(--jj-white);\n border-radius: var(--jj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jj-shadow-lg);\n border-color: var(--jj-primary);\n}\n\n.jj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.jj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--jj-primary), var(--jj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.jj-timeline-content {\n flex: 1;\n background: var(--jj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--jj-radius-sm);\n box-shadow: var(--jj-shadow);\n}\n\n.jj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.jj-timeline-content p {\n font-size: 14px;\n color: var(--jj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.jj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--jj-primary-light);\n border-radius: var(--jj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.jj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.jj-tip p {\n font-size: 14px;\n color: var(--jj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.jj-cta-box {\n background: linear-gradient(135deg, var(--jj-primary) 0%, var(--jj-primary-dark) 100%);\n border-radius: var(--jj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jj-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -30%;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(212,168,82,.15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.jj-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.jj-disclaimer {\n font-size: 12px;\n color: var(--jj-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .jj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .jj-card {\n padding: 1.125rem;\n }\n\n .jj-section {\n margin-bottom: 1.75rem;\n }\n\n .jj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jj-radius-sm);\n }\n\n .jj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .jj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .jj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .jj-timeline-content {\n padding: .875rem 1rem;\n }\n\n .jj-timeline-content h3 {\n font-size: 14px;\n }\n\n .jj-timeline-content p {\n font-size: 13px;\n }\n\n .jj-tip {\n padding: .875rem 1rem;\n }\n\n .jj-tip-icon {\n font-size: 20px;\n }\n\n .jj-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .jj-card {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-card:nth-child(1) { animation-delay: .05s; }\n .jj-card:nth-child(2) { animation-delay: .1s; }\n .jj-card:nth-child(3) { animation-delay: .15s; }\n\n .jj-timeline-item {\n animation: jjFadeInUp .5s ease backwards;\n }\n .jj-timeline-item:nth-child(1) { animation-delay: .05s; }\n .jj-timeline-item:nth-child(2) { animation-delay: .1s; }\n .jj-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes jjFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .jj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIR DES HUILES","offers":[{"title":"Default Title","offer_id":54830957003129,"sku":"HUILEJOJOBACOMPTOIRDESHUILES","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-regule-le-sebum-50-ml-comptoir-des-huiles-lifestyle.webp?v=1771412811"},{"product_id":"huile-essentielle-bio-de-ravintsara-saint-hilaire-10-ml","title":"Huile Essentielle Bio de Ravintsara - Saint-Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle Bio de Ravintsara - Saint-Hilaire - 10 ml\nPalette détectée:\n - Primaire: #1B5E3B (vert foncé profond du bouchon et de la typographie)\n - Secondaire: #8FC5B3 (vert menthe\/sauge clair de l'étiquette)\n - Accent: #C47A2A (ambre\/brun doré du flacon en verre)\nAmbiance: Naturel\/bio, aromathérapie, artisanal français, commerce équitable, univers végétal et apaisant\nPréfixe CSS: rv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile essentielle de Ravintsara bio : l'alliée incontournable de l'hiver\"\n 2. \"Pourquoi le ravintsara est-il si prisé en aromathérapie ?\"\n 3. \"Comment utiliser l'huile essentielle de ravintsara au quotidien ?\"\n 4. \"Fiche technique complète\"\n 5. \"Précautions d'emploi importantes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rv-hero\"\u003e\n \u003cdiv class=\"rv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rv-hero-content\"\u003e\n \u003cdiv class=\"rv-badges-top\"\u003e\n \u003cspan class=\"rv-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"rv-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"rv-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003cspan class=\"rv-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rv-hero-title\"\u003eHuile essentielle bio de Ravintsara\u003c\/span\u003e\n \u003cp class=\"rv-subtitle\"\u003eDistillerie Saint-Hilaire — 10 ml\u003c\/p\u003e\n \u003cp class=\"rv-description\"\u003eLa « bonne feuille » de Madagascar, distillée en Auvergne avec passion. Un concentré de nature pour traverser l'hiver en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rv-section\"\u003e\n \u003ch2\u003eHuile essentielle de Ravintsara bio : l'alliée incontournable de l'hiver\u003c\/h2\u003e\n \u003cp class=\"rv-section-intro\"\u003eVous cherchez une huile essentielle de ravintsara de qualité irréprochable ? Celle de la Distillerie Saint-Hilaire coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"rv-grid-compact\"\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e✅ Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB), pour une pureté garantie sans pesticides ni résidus chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🧪 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eProfil biochimique analysé et garanti, pour une efficacité optimale à chaque flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eFilière respectueuse des producteurs malgaches et de leur savoir-faire ancestral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🍃 Feuilles fraîches\u003c\/h3\u003e\n \u003cp\u003eDistillée à partir des feuilles de \u003cem\u003eCinnamomum camphora\u003c\/em\u003e cultivé à Madagascar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-tip\"\u003e\n \u003cspan class=\"rv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn flacon de \u003cstrong\u003e10 ml concentré en actifs puissants\u003c\/strong\u003e, prêt à vous accompagner dès les premiers froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rv-section\"\u003e\n \u003ch2\u003ePourquoi le ravintsara est-il si prisé en aromathérapie ?\u003c\/h2\u003e\n \u003cp class=\"rv-section-intro\"\u003eEn malgache, ravintsara signifie « bonne feuille ». Ce nom n'est pas usurpé : ses bienfaits sont parmi les plus documentés et reconnus par les aromathérapeutes. Riche en \u003cstrong\u003e1,8-cinéole\u003c\/strong\u003e (eucalyptol), en sabinène et en alpha-terpinéol, cette huile possède un profil biochimique remarquable.\u003c\/p\u003e\n \u003cdiv class=\"rv-grid\"\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour \u003cstrong\u003estimuler l'immunité\u003c\/strong\u003e, elle est particulièrement recherchée en période hivernale ou lors de changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eSes propriétés expectorantes aident à \u003cstrong\u003elibérer les voies respiratoires\u003c\/strong\u003e encombrées et à retrouver une respiration plus fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e⚡ Tonus et vitalité\u003c\/h3\u003e\n \u003cp\u003eNeurotonique douce, elle combat la \u003cstrong\u003efatigue nerveuse et physique\u003c\/strong\u003e sans provoquer d'excitation excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e😌 Apaisement\u003c\/h3\u003e\n \u003cp\u003eMalgré son côté tonifiant, elle favorise également la \u003cstrong\u003edétente et un sommeil\u003c\/strong\u003e de meilleure qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rv-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de ravintsara au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"rv-section-intro\"\u003eL'utilisation de l'huile essentielle de ravintsara est polyvalente. Voici les trois modes d'emploi les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"rv-timeline\"\u003e\n \u003cdiv class=\"rv-timeline-item\"\u003e\n \u003cdiv class=\"rv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rv-timeline-content\"\u003e\n \u003ch3\u003e🤲 En massage (voie cutanée)\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e3 à 4 gouttes\u003c\/strong\u003e dans une cuillère à café d'huile végétale (amande douce, jojoba). Massez le thorax, le haut du dos ou la plante des pieds. Idéal le soir pour préparer l'organisme à affronter les virus saisonniers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-timeline-item\"\u003e\n \u003cdiv class=\"rv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rv-timeline-content\"\u003e\n \u003ch3\u003e👃 En inhalation\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e2 gouttes\u003c\/strong\u003e sur un mouchoir en tissu ou dans un bol d'eau chaude. Respirez profondément pendant quelques minutes pour dégager le nez et les bronches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-timeline-item\"\u003e\n \u003cdiv class=\"rv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rv-timeline-content\"\u003e\n \u003ch3\u003e🌫️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e5 à 8 gouttes\u003c\/strong\u003e dans votre diffuseur et laissez fonctionner 15 à 20 minutes. L'air est assaini et l'ambiance devient vivifiante, parfaite pour un bureau ou un salon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-tip\"\u003e\n \u003cspan class=\"rv-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce prévention :\u003c\/strong\u003e appliquez une goutte pure sur chaque poignet chaque matin pendant les périodes à risque. Un geste simple, rapide et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rv-section\"\u003e\n \u003ch2\u003eFiche technique complète\u003c\/h2\u003e\n \u003cdiv class=\"rv-grid-compact\"\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCinnamomum camphora\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eMadagascar\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🧪 Chémotype\u003c\/h3\u003e\n \u003cp\u003e1,8-cinéole, sabinène, alpha-terpinéol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB) \u0026amp; commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rv-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne (France)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"rv-accordion\"\u003e\n \u003cdetails class=\"rv-accordion-item\"\u003e\n \u003csummary class=\"rv-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"rv-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux \u003cstrong\u003eenfants de moins de 6 ans\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rv-accordion-item\"\u003e\n \u003csummary class=\"rv-accordion-header\"\u003e👁️ Contact et zones sensibles\u003c\/summary\u003e\n \u003cdiv class=\"rv-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux, les muqueuses et les zones sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rv-accordion-item\"\u003e\n \u003csummary class=\"rv-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"rv-accordion-content mt-3\"\u003e\n \u003cp\u003eEffectuez un test cutané au pli du coude \u003cstrong\u003e24 heures avant\u003c\/strong\u003e la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rv-accordion-item\"\u003e\n \u003csummary class=\"rv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"rv-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon bien fermé, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rv-accordion-item\"\u003e\n \u003csummary class=\"rv-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"rv-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle ne remplace en aucun cas un traitement médical. En cas de doute ou de pathologie, consultez votre médecin ou un aromathérapeute qualifié avant toute 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=\"rv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rv-cta-box\"\u003e\n \u003cp\u003eAvec l'\u003cstrong\u003ehuile essentielle bio de ravintsara\u003c\/strong\u003e Saint-Hilaire, vous faites le choix d'un produit pur, traçable et respectueux de l'environnement. Un indispensable à glisser dans votre armoire à pharmacie naturelle pour traverser l'hiver en toute sérénité. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rv-disclaimer\"\u003eLes huiles essentielles sont des produits concentrés à utiliser avec précaution. Les informations fournies ne se substituent pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --rv-cream: #f5f7f4;\n --rv-white: #ffffff;\n --rv-primary: #1B5E3B;\n --rv-primary-dark: #14432B;\n --rv-primary-light: #e8f3ed;\n --rv-secondary: #8FC5B3;\n --rv-accent: #C47A2A;\n --rv-text: #1a1a1a;\n --rv-text-light: #5a5a5a;\n --rv-border: #d9e5df;\n --rv-shadow: 0 4px 24px rgba(27, 94, 59, .08);\n --rv-shadow-lg: 0 12px 48px rgba(27, 94, 59, .15);\n --rv-radius: 20px;\n --rv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rv-hero {\n position: relative;\n background: linear-gradient(135deg, #14432B 0%, #1B5E3B 40%, #2A7A52 70%, #8FC5B3 100%);\n border-radius: var(--rv-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(--rv-shadow-lg);\n}\n\n.rv-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(143,197,179,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,122,42,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.rv-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.rv-subtitle {\n color: var(--rv-secondary);\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.rv-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.rv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rv-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(--rv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rv-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.rv-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(--rv-primary), var(--rv-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.rv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rv-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.rv-card {\n background: var(--rv-white);\n border-radius: var(--rv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rv-shadow-lg);\n border-color: var(--rv-primary);\n}\n\n.rv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.rv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.rv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rv-grid-compact .rv-card {\n padding: 1rem;\n}\n\n.rv-grid-compact .rv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rv-grid-compact .rv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rv-primary), var(--rv-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.rv-timeline-content {\n flex: 1;\n background: var(--rv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rv-radius-sm);\n box-shadow: var(--rv-shadow);\n}\n\n.rv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rv-timeline-content p {\n font-size: 14px;\n color: var(--rv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rv-testimonial {\n background: var(--rv-white);\n border-radius: var(--rv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rv-shadow);\n border-left: 4px solid var(--rv-primary);\n}\n\n.rv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.rv-accordion {\n background: var(--rv-white);\n border-radius: var(--rv-radius);\n box-shadow: var(--rv-shadow);\n overflow: hidden;\n}\n\n.rv-accordion-item {\n border-bottom: 1px solid var(--rv-border);\n margin: 0;\n padding: 0;\n}\n\n.rv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rv-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.rv-accordion-header:hover {\n background: var(--rv-primary-light);\n}\n\n.rv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rv-primary);\n transition: transform .2s ease;\n}\n\n.rv-accordion-item[open] .rv-accordion-header::after {\n content: '−';\n}\n\n.rv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.rv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rv-primary-light);\n border-radius: var(--rv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rv-tip p {\n font-size: 14px;\n color: var(--rv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.rv-cta-box {\n background: linear-gradient(135deg, var(--rv-primary) 0%, var(--rv-primary-dark) 100%);\n border-radius: var(--rv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rv-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.rv-disclaimer {\n font-size: 12px;\n color: var(--rv-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 .rv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rv-card {\n padding: 1.125rem;\n }\n\n .rv-section {\n margin-bottom: 1.75rem;\n }\n\n .rv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rv-radius-sm);\n }\n\n .rv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rv-grid-compact {\n gap: .625rem;\n }\n\n .rv-grid-compact .rv-card {\n padding: .75rem;\n }\n\n .rv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rv-timeline-content h3 {\n font-size: 14px;\n }\n\n .rv-timeline-content p {\n font-size: 13px;\n }\n\n .rv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rv-testimonial {\n padding: 1.25rem;\n }\n\n .rv-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rv-card {\n animation: rvFadeInUp .5s ease backwards;\n }\n .rv-card:nth-child(1) { animation-delay: .05s; }\n .rv-card:nth-child(2) { animation-delay: .1s; }\n .rv-card:nth-child(3) { animation-delay: .15s; }\n .rv-card:nth-child(4) { animation-delay: .2s; }\n .rv-card:nth-child(5) { animation-delay: .25s; }\n .rv-card:nth-child(6) { animation-delay: .3s; }\n .rv-card:nth-child(7) { animation-delay: .35s; }\n .rv-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes rvFadeInUp {\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 .rv-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":54850246443385,"sku":"NBAIDSH0014","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-ravintsara-bio-10ml-distillerie-saint-hilaire-2-min.jpg?v=1771503368"},{"product_id":"huile-essentielle-orange-douce-bio-saint-hilaire-10-ml","title":"Huile Essentielle - Orange Douce Bio - Saint Hilaire - 10 ml","description":"\u003cdiv class=\"od-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"od-hero\"\u003e\n \u003cdiv class=\"od-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"od-hero-content\"\u003e\n \u003cdiv class=\"od-badges-top\"\u003e\n \u003cspan class=\"od-badge\"\u003e🍊 100 % pure \u0026amp; naturelle\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"od-hero-title\"\u003eHuile essentielle d'orange douce bio\u003c\/span\u003e\n \u003cp class=\"od-subtitle\"\u003eDistillerie Saint-Hilaire · 10 ml\u003c\/p\u003e\n \u003cp class=\"od-description\"\u003eUn concentré de douceur et de sérénité issu du zeste d'orange, expressé à froid pour préserver toute la richesse aromatique du fruit frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eHuile essentielle d'orange douce bio – Distillerie Saint-Hilaire\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eVous cherchez une huile essentielle à la fois douce, polyvalente et réconfortante ? L'huile essentielle d'orange douce bio de la Distillerie Saint-Hilaire est l'une des incontournables de l'aromathérapie.\u003c\/p\u003e\n \u003cdiv class=\"od-grid-compact\"\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🍊 Expression à froid\u003c\/h3\u003e\n \u003cp\u003eObtenue par pression du péricarpe (zeste) de \u003cem\u003eCitrus aurantium var. dulcis\u003c\/em\u003e, sans solvant ni chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eCertifiée bio, garantissant l'absence de pesticides et une culture respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eChaque lot est analysé pour garantir un profil biochimique précis et une qualité constante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eFabriquée artisanalement en Auvergne par la Distillerie Saint-Hilaire, un gage de traçabilité exemplaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eComposition et profil biochimique\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eLa puissance de cette huile essentielle repose sur sa composition naturellement concentrée, dominée par le limonène.\u003c\/p\u003e\n \u003cdiv class=\"od-grid\"\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🧬 Limonène (plus de 90 %)\u003c\/h3\u003e\n \u003cp\u003eCe monoterpène est le composant majeur, reconnu pour ses propriétés assainissantes, calmantes et sa fragrance caractéristique d'agrume frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🌿 Myrcène, linalol, décanal\u003c\/h3\u003e\n \u003cp\u003ePrésents en plus faibles proportions, ils complètent le profil olfactif et contribuent aux bienfaits globaux de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e✅ 100 % pure\u003c\/h3\u003e\n \u003cp\u003eIngrédient unique : huile essentielle de \u003cem\u003eCitrus aurantium var. dulcis\u003c\/em\u003e (péricarpe), issue de l'agriculture biologique. Sans additif, sans conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle d'orange douce\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eLes bienfaits de l'huile essentielle d'orange douce sont multiples et touchent aussi bien la sphère émotionnelle que physique.\u003c\/p\u003e\n \u003cdiv class=\"od-grid\"\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e😌 Apaisante et relaxante\u003c\/h3\u003e\n \u003cp\u003eL'alliée idéale pour calmer les tensions nerveuses en fin de journée. En diffusion le soir, elle favorise un climat propice à l'endormissement et aide à lutter contre l'insomnie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e☀️ Rééquilibrante\u003c\/h3\u003e\n \u003cp\u003eSon parfum chaleureux et fruité véhicule bonne humeur et optimisme. Elle aide à dissiper la morosité et le stress du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🌬️ Assainissante\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, elle purifie l'air de votre intérieur tout en laissant une note olfactive agréable et gourmande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale et appliquée en massage sur l'abdomen, elle contribue à apaiser les inconforts digestifs passagers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle d'orange douce ?\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eDécouvrez les modes d'emploi les plus courants pour intégrer cette huile à votre quotidien.\u003c\/p\u003e\n \u003cdiv class=\"od-timeline\"\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 10 gouttes dans votre diffuseur pendant 20 à 30 minutes. Idéal le soir pour préparer le corps au repos, ou pour assainir une pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003e🤲 En massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDiluez 3 à 4 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba). Massez le plexus solaire, la voûte plantaire ou l'abdomen.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003e🍰 En cuisine\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gouttes suffisent pour parfumer un gâteau, une crème ou une boisson chaude. Son arôme sucré et fruité sublime les desserts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003e🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base dispersante ou une cuillère de sel de bain, puis ajoutez à l'eau chaude 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 #5 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"od-accordion\"\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e☀️ Photosensibilisante\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eNe vous exposez pas au soleil dans les 8 heures suivant une application cutanée. Le limonène peut provoquer des réactions en cas d'exposition aux UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 7 ans sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e👁️ Contact avec les yeux et muqueuses\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses. En cas de contact accidentel, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e🧪 Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané au 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=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon bien fermé, à l'abri de la lumière et de la chaleur, dans un endroit sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-tip\"\u003e\n \u003cspan class=\"od-tip-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute, consultez un professionnel de santé ou un aromathérapeute qualifié avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"od-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"od-cta-box\"\u003e\n \u003cp\u003e🍊 Fabriquée en Auvergne par la Distillerie Saint-Hilaire, cette huile essentielle d'orange douce bio en flacon de 10 ml incarne un savoir-faire artisanal français. Un petit flacon, mais un concentré de douceur et de sérénité à glisser dans votre routine bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"od-disclaimer\"\u003eLes informations fournies ne sauraient se substituer à un avis médical. Consultez un professionnel de santé pour toute question relative à votre situation personnelle.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --od-cream: #fdf8f3;\n --od-white: #ffffff;\n --od-primary: #e8862a;\n --od-primary-dark: #2d4a2e;\n --od-primary-light: #fef4e8;\n --od-secondary: #f5a623;\n --od-accent: #d4722a;\n --od-text: #1a1a1a;\n --od-text-light: #5a5a5a;\n --od-border: #e8e0d8;\n --od-shadow: 0 4px 24px rgba(0,0,0,.08);\n --od-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --od-radius: 20px;\n --od-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.od-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--od-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.od-hero {\n position: relative;\n background: linear-gradient(135deg, var(--od-primary-dark) 0%, #3d6b3f 50%, #4a7d4c 100%);\n border-radius: var(--od-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(--od-shadow-lg);\n}\n\n.od-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,134,42,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,166,35,.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.od-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.od-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.od-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.od-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.od-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.od-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(--od-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.od-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.od-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.od-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--od-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.od-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(--od-primary), var(--od-secondary));\n border-radius: 2px;\n}\n\n.od-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--od-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.od-card {\n background: var(--od-white);\n border-radius: var(--od-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--od-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.od-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--od-shadow-lg);\n border-color: var(--od-primary);\n}\n\n.od-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--od-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.od-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--od-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.od-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.od-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.od-grid-compact .od-card {\n padding: 1rem;\n}\n\n.od-grid-compact .od-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.od-grid-compact .od-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.od-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.od-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.od-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--od-primary), var(--od-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.od-timeline-content {\n flex: 1;\n background: var(--od-white);\n padding: 1rem 1.25rem;\n border-radius: var(--od-radius-sm);\n box-shadow: var(--od-shadow);\n}\n\n.od-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--od-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.od-timeline-content p {\n font-size: 14px;\n color: var(--od-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.od-testimonial {\n background: var(--od-white);\n border-radius: var(--od-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--od-shadow);\n border-left: 4px solid var(--od-primary);\n}\n\n.od-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--od-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.od-accordion {\n background: var(--od-white);\n border-radius: var(--od-radius);\n box-shadow: var(--od-shadow);\n overflow: hidden;\n}\n\n.od-accordion-item {\n border-bottom: 1px solid var(--od-border);\n margin: 0;\n padding: 0;\n}\n\n.od-accordion-item:last-child {\n border-bottom: none;\n}\n\n.od-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--od-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.od-accordion-header:hover {\n background: var(--od-primary-light);\n}\n\n.od-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.od-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--od-primary);\n transition: transform .2s ease;\n}\n\n.od-accordion-item[open] .od-accordion-header::after {\n content: '−';\n}\n\n.od-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--od-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.od-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.od-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--od-primary-light);\n border-radius: var(--od-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.od-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.od-tip p {\n font-size: 14px;\n color: var(--od-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.od-cta-box {\n background: linear-gradient(135deg, var(--od-primary) 0%, var(--od-accent) 100%);\n border-radius: var(--od-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.od-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.od-disclaimer {\n font-size: 12px;\n color: var(--od-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 .od-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .od-card {\n padding: 1.125rem;\n }\n\n .od-section {\n margin-bottom: 1.75rem;\n }\n\n .od-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--od-radius-sm);\n }\n\n .od-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .od-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .od-grid-compact {\n gap: .625rem;\n }\n\n .od-grid-compact .od-card {\n padding: .75rem;\n }\n\n .od-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .od-timeline-content {\n padding: .875rem 1rem;\n }\n\n .od-timeline-content h3 {\n font-size: 14px;\n }\n\n .od-timeline-content p {\n font-size: 13px;\n }\n\n .od-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .od-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .od-testimonial {\n padding: 1.25rem;\n }\n\n .od-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .od-card {\n animation: odFadeInUp .5s ease backwards;\n }\n .od-card:nth-child(1) { animation-delay: .05s; }\n .od-card:nth-child(2) { animation-delay: .1s; }\n .od-card:nth-child(3) { animation-delay: .15s; }\n .od-card:nth-child(4) { animation-delay: .2s; }\n .od-card:nth-child(5) { animation-delay: .25s; }\n .od-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes odFadeInUp {\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 .od-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":54856853848441,"sku":"NBAIDSH0006","price":4.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-orange-douce-bio-saint-hilaire-10-ml-ingredients.webp?v=1772729169"},{"product_id":"huile-essentielle-lavandin-super-bio-10ml","title":"Huile Essentielle de Lavandin Super Bio - Saint Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Lavandin Super Bio - Saint Hilaire - 10 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé du bouchon et du texte packaging)\n - Secondaire: #7B6BA5 (violet\/lavande de la bande étiquette)\n - Accent: #C4A265 (ambre doré du flacon en verre)\nAmbiance: Naturel\/bio, artisanal français, aromathérapie, sérénité provençale\nPréfixe CSS: lv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description (les h3 originaux seront promus en h2 pour la fiche stylisée) :\n 1. \"Propriétés et bienfaits :\"\n 2. \"Utilisations recommandées :\"\n 3. \"Engagements qualité de Saint Hilaire :\"\n 4. \"Précautions d'emploi :\"\n\nNote : La source utilise des h3, mais pour la structure SEO de la fiche stylisée, ils deviennent des h2 conformément au processus de design.\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"lv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lv-hero\"\u003e\n \u003cdiv class=\"lv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lv-hero-content\"\u003e\n \u003cdiv class=\"lv-badges-top\"\u003e\n \u003cspan class=\"lv-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e💧 100% pure \u0026amp; naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lv-hero-title\"\u003eHuile essentielle de Lavandin Super Bio\u003c\/span\u003e\n \u003cp class=\"lv-subtitle\"\u003eDistillerie Saint-Hilaire · Flacon 10 ml\u003c\/p\u003e\n \u003cp class=\"lv-description\"\u003eL'hybride naturel de lavande vraie et lavande aspic, distillé à la vapeur d'eau en Auvergne. Un concentré de sérénité, de détente musculaire et de soin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003ePropriétés et bienfaits :\u003c\/h2\u003e\n \u003cdiv class=\"lv-grid\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🧘 Relaxation et bien-être\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur élevée en linalol et acétate de linalyle, cette huile essentielle possède des propriétés apaisantes qui favorisent la détente et aident à réduire le stress et l'anxiété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e💪 Décontraction musculaire\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les sportifs, elle agit comme un décontractant musculaire efficace, aidant à soulager les crampes et les tensions après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e✨ Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eSes propriétés antiseptiques et cicatrisantes en font un allié précieux pour apaiser les piqûres d'insectes, les petites plaies et les brûlures légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌬️ Assainissement de l'air\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle purifie l'atmosphère tout en créant une ambiance relaxante, propice au sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eUtilisations recommandées :\u003c\/h2\u003e\n \u003cdiv class=\"lv-timeline\"\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans un diffuseur pour créer une ambiance sereine et purifier l'air de votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003eApplication cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluer dans une huile végétale pour des massages relaxants ou pour traiter des zones spécifiques en toute douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003eBain aromatique\u003c\/h3\u003e\n \u003cp\u003eAjouter quelques gouttes à l'eau du bain, préalablement mélangées à un dispersant, pour une expérience détente incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-tip\"\u003e\n \u003cspan class=\"lv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour un massage décontractant, mélangez 5 gouttes de Lavandin Super dans une cuillère à soupe d'huile végétale d'amande douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eEngagements qualité de Saint Hilaire :\u003c\/h2\u003e\n \u003cdiv class=\"lv-grid-compact\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCulture respectueuse de l'environnement, sans pesticides ni engrais chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🔬 100% pure\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle naturelle, sans additifs ni conservateurs ajoutés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e💧 Distillation vapeur\u003c\/h3\u003e\n \u003cp\u003eProcédé à la vapeur d'eau préservant l'intégrité des actifs de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🏔️ Made in Auvergne\u003c\/h3\u003e\n \u003cp\u003eDistillée avec savoir-faire artisanal au cœur de l'Auvergne, en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi :\u003c\/h2\u003e\n \u003cdiv class=\"lv-accordion\"\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser chez les enfants de moins de 6 ans, les femmes enceintes ou allaitantes. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eToujours effectuer un test cutané préalable dans le pli du coude (48h avant) pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver le flacon bien fermé, à l'abri de la lumière et de la chaleur. Utiliser dans les 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"lv-disclaimer\"\u003eLes huiles essentielles ne se substituent 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 --lv-cream: #F7F5F0;\n --lv-white: #ffffff;\n --lv-primary: #2D4A3E;\n --lv-primary-dark: #1B3329;\n --lv-primary-light: #E8F0EB;\n --lv-secondary: #7B6BA5;\n --lv-accent: #C4A265;\n --lv-text: #1a1a1a;\n --lv-text-light: #5a5a5a;\n --lv-border: #e0e0e0;\n --lv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lv-radius: 20px;\n --lv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lv-primary) 0%, var(--lv-primary-dark) 40%, var(--lv-secondary) 100%);\n border-radius: var(--lv-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(--lv-shadow-lg);\n}\n\n.lv-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(123,107,165,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.lv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lv-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.lv-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.lv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lv-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(--lv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lv-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.lv-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(--lv-primary), var(--lv-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.lv-card {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lv-shadow-lg);\n border-color: var(--lv-primary);\n}\n\n.lv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lv-grid-compact .lv-card {\n padding: 1rem;\n}\n\n.lv-grid-compact .lv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lv-grid-compact .lv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lv-primary), var(--lv-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.lv-timeline-content {\n flex: 1;\n background: var(--lv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lv-radius-sm);\n box-shadow: var(--lv-shadow);\n}\n\n.lv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lv-timeline-content p {\n font-size: 14px;\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lv-primary-light);\n border-radius: var(--lv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lv-tip p {\n font-size: 14px;\n color: var(--lv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lv-accordion {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n box-shadow: var(--lv-shadow);\n overflow: hidden;\n}\n\n.lv-accordion-item {\n border-bottom: 1px solid var(--lv-border);\n margin: 0;\n padding: 0;\n}\n\n.lv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lv-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.lv-accordion-header:hover {\n background: var(--lv-primary-light);\n}\n\n.lv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lv-primary);\n transition: transform .2s ease;\n}\n\n.lv-accordion-item[open] .lv-accordion-header::after {\n content: '−';\n}\n\n.lv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lv-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lv-disclaimer {\n font-size: 12px;\n color: var(--lv-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 .lv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lv-card {\n padding: 1.125rem;\n }\n\n .lv-section {\n margin-bottom: 1.75rem;\n }\n\n .lv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lv-radius-sm);\n }\n\n .lv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lv-grid-compact {\n gap: .625rem;\n }\n\n .lv-grid-compact .lv-card {\n padding: .75rem;\n }\n\n .lv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lv-timeline-content h3 {\n font-size: 14px;\n }\n\n .lv-timeline-content p {\n font-size: 13px;\n }\n\n .lv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lv-card {\n animation: lvFadeInUp .5s ease backwards;\n }\n .lv-card:nth-child(1) { animation-delay: .05s; }\n .lv-card:nth-child(2) { animation-delay: .1s; }\n .lv-card:nth-child(3) { animation-delay: .15s; }\n .lv-card:nth-child(4) { animation-delay: .2s; }\n .lv-card:nth-child(5) { animation-delay: .25s; }\n .lv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lvFadeInUp {\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 .lv-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":54856903557497,"sku":"NBAIDSH0007","price":4.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-lavandin-super-bio-saint-hilaire-10-ml-lifestyle.webp?v=1770893105"},{"product_id":"huile-essentielle-citron-bio-saint-hilaire","title":"Huile Essentielle de Citron Zeste Bio - Saint Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Citron Zeste Bio - Saint Hilaire - 10 ml\nPalette détectée:\n - Primaire: #2D5A27 (vert foncé du bouchon et de la marque)\n - Secondaire: #F5D800 (jaune citron vif de l'étiquette)\n - Accent: #D4A843 (ambre\/brun du flacon en verre)\nAmbiance: Naturel\/bio, fraîcheur méditerranéenne, authenticité terroir (Distillerie Auvergne), premium artisanal\nPréfixe CSS: cz\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile essentielle de citron zeste bio : fraîcheur et vitalité au quotidien\"\n 2. \"Bienfaits de l'huile essentielle de citron\"\n 3. \"Comment utiliser cette huile essentielle de citron bio ?\"\n 4. \"Composition\"\n 5. \"Précautions d'emploi et dangers potentiels\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cz-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cz-hero\"\u003e\n \u003cdiv class=\"cz-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cz-hero-content\"\u003e\n \u003cdiv class=\"cz-badges-top\"\u003e\n \u003cspan class=\"cz-badge\"\u003e🍋 Citrus limon\u003c\/span\u003e\n \u003cspan class=\"cz-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"cz-badge\"\u003e🇮🇹 Origine Italie\u003c\/span\u003e\n \u003cspan class=\"cz-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cz-hero-title\"\u003eHuile essentielle de citron zeste bio\u003c\/span\u003e\n \u003cp class=\"cz-subtitle\"\u003eDistillerie Saint-Hilaire · Auvergne · 10 ml\u003c\/p\u003e\n \u003cp class=\"cz-description\"\u003ePression à froid du péricarpe de citrons bio italiens — toute la puissance aromatique du citron dans un flacon d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cz-section\"\u003e\n \u003ch2\u003eHuile essentielle de citron zeste bio : fraîcheur et vitalité au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"cz-intro-card\"\u003e\n \u003cp\u003eExtraite par \u003cstrong\u003epression à froid du péricarpe de citrons bio\u003c\/strong\u003e cultivés en Italie, cette huile essentielle de citron de la Distillerie Saint-Hilaire vous offre toute la puissance aromatique du \u003cem\u003eCitrus limon\u003c\/em\u003e. \u003cstrong\u003eChémotypée et certifiée biologique\u003c\/strong\u003e, elle préserve l'intégralité de ses composés actifs — notamment le limonène, principal constituant responsable de ses nombreuses propriétés.\u003c\/p\u003e\n \u003cp\u003eUn indispensable de l'aromathèque pour qui recherche une huile essentielle au citron polyvalente et de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cz-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de citron\u003c\/h2\u003e\n \u003cp class=\"cz-section-intro\"\u003eLes bienfaits de l'huile essentielle de citron en font l'une des plus appréciées en aromathérapie. Voici ses principaux atouts :\u003c\/p\u003e\n \u003cdiv class=\"cz-grid\"\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour soutenir la digestion, elle est réputée pour apaiser les nausées, le mal des transports et les sensations de lourdeur après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🌬️ Assainissement de l'air\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle purifie l'atmosphère de votre intérieur grâce à ses propriétés antiseptiques reconnues. Idéale pendant les périodes hivernales pour limiter la propagation des microbes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e⚡ Tonus et concentration\u003c\/h3\u003e\n \u003cp\u003eSon parfum frais et vif stimule l'esprit, favorise la clarté mentale et aide à retrouver de l'énergie lors des coups de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e✨ Soin des peaux grasses\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale, elle contribue à réguler l'excès de sébum et à redonner de l'éclat au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🫀 Soutien hépatique\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement employée pour accompagner le bon fonctionnement du foie et du pancréas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cz-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de citron bio ?\u003c\/h2\u003e\n \u003cp class=\"cz-section-intro\"\u003ePlusieurs modes d'utilisation s'offrent à vous selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"cz-timeline\"\u003e\n \u003cdiv class=\"cz-timeline-item\"\u003e\n \u003cdiv class=\"cz-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 10 gouttes dans votre diffuseur pendant 15 à 20 minutes. Vous pouvez l'associer à une huile essentielle d'eucalyptus pour un effet purifiant renforcé — le duo \u003cstrong\u003ehuile essentielle citron eucalyptus\u003c\/strong\u003e est un grand classique des mélanges assainissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-item\"\u003e\n \u003cdiv class=\"cz-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba) avant de masser la zone souhaitée. Parfait pour les massages drainants sur les jambes ou le ventre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-item\"\u003e\n \u003cdiv class=\"cz-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-content\"\u003e\n \u003ch3\u003ePar voie orale\u003c\/h3\u003e\n \u003cp\u003e1 goutte sur un comprimé neutre, une cuillère de miel ou un peu d'huile végétale alimentaire, jusqu'à 2 fois par jour, pour soutenir votre confort digestif. Demandez conseil à un professionnel de santé avant toute prise par voie interne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-item\"\u003e\n \u003cdiv class=\"cz-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cz-timeline-content\"\u003e\n \u003ch3\u003eEn cuisine\u003c\/h3\u003e\n \u003cp\u003eUne goutte suffit pour parfumer subtilement vos vinaigrettes, pâtisseries ou boissons chaudes d'une note citronnée irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cz-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"cz-grid-compact\"\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCitrus limon\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🍋 Partie exprimée\u003c\/h3\u003e\n \u003cp\u003ePéricarpe (zeste)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e⚙️ Extraction\u003c\/h3\u003e\n \u003cp\u003ePression à froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🇮🇹 Origine\u003c\/h3\u003e\n \u003cp\u003eItalie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e🧬 Composants principaux\u003c\/h3\u003e\n \u003cp\u003eLimonène, beta-pinène, gamma-terpinène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cz-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi et dangers potentiels\u003c\/h2\u003e\n \u003cp class=\"cz-section-intro\"\u003eSi vous vous interrogez sur l'\u003cstrong\u003ehuile essentielle citron et ses dangers\u003c\/strong\u003e, voici les points essentiels à garder en tête :\u003c\/p\u003e\n \u003cdiv class=\"cz-accordion\"\u003e\n \u003cdetails class=\"cz-accordion-item\" open\u003e\n \u003csummary class=\"cz-accordion-header\"\u003e☀️ Photosensibilisante\u003c\/summary\u003e\n \u003cdiv class=\"cz-accordion-content mt-3\"\u003e\n \u003cp\u003eNe vous exposez jamais au soleil dans les \u003cstrong\u003e8 heures\u003c\/strong\u003e suivant une application cutanée. Les furocoumarines naturellement présentes peuvent provoquer des taches ou des irritations au contact des UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cz-accordion-item\"\u003e\n \u003csummary class=\"cz-accordion-header\"\u003e🚫 Personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"cz-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cz-accordion-item\"\u003e\n \u003csummary class=\"cz-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"cz-accordion-content mt-3\"\u003e\n \u003cp\u003eToujours effectuer un \u003cstrong\u003etest cutané\u003c\/strong\u003e au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cz-accordion-item\"\u003e\n \u003csummary class=\"cz-accordion-header\"\u003e🔒 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cz-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cz-disclaimer\"\u003eCe produit ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée. En cas de doute, consultez votre médecin ou un aromathérapeute qualifié.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cz-cream: #faf8f2;\n --cz-white: #ffffff;\n --cz-primary: #2D5A27;\n --cz-primary-dark: #1a3d16;\n --cz-primary-light: #e8f2e6;\n --cz-secondary: #F5D800;\n --cz-accent: #D4A843;\n --cz-text: #1a1a1a;\n --cz-text-light: #5a5a5a;\n --cz-border: #e0e0e0;\n --cz-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cz-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cz-radius: 20px;\n --cz-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cz-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cz-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cz-hero {\n position: relative;\n background: linear-gradient(135deg, #1a3d16 0%, #2D5A27 40%, #3a7a30 100%);\n border-radius: var(--cz-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(--cz-shadow-lg);\n}\n\n.cz-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(245,216,0,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,216,0,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.cz-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cz-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.cz-subtitle {\n color: var(--cz-secondary);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cz-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.cz-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cz-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(--cz-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cz-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cz-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cz-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cz-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.cz-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(--cz-primary), var(--cz-secondary));\n border-radius: 2px;\n}\n\n\/* === INTRO CARD === *\/\n.cz-intro-card {\n background: var(--cz-white);\n border-radius: var(--cz-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cz-shadow);\n border-left: 4px solid var(--cz-secondary);\n}\n\n.cz-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cz-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.cz-intro-card p:last-child {\n margin-bottom: 0;\n font-weight: 600;\n color: var(--cz-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cz-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cz-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.cz-card {\n background: var(--cz-white);\n border-radius: var(--cz-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cz-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cz-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cz-shadow-lg);\n border-color: var(--cz-primary);\n}\n\n.cz-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cz-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cz-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cz-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cz-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cz-grid-compact .cz-card {\n padding: 1rem;\n}\n\n.cz-grid-compact .cz-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cz-grid-compact .cz-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cz-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cz-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cz-primary), var(--cz-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.cz-timeline-content {\n flex: 1;\n background: var(--cz-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cz-radius-sm);\n box-shadow: var(--cz-shadow);\n}\n\n.cz-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cz-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cz-timeline-content p {\n font-size: 14px;\n color: var(--cz-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.cz-accordion {\n background: var(--cz-white);\n border-radius: var(--cz-radius);\n box-shadow: var(--cz-shadow);\n overflow: hidden;\n}\n\n.cz-accordion-item {\n border-bottom: 1px solid var(--cz-border);\n margin: 0;\n padding: 0;\n}\n\n.cz-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cz-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cz-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.cz-accordion-header:hover {\n background: var(--cz-primary-light);\n}\n\n.cz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cz-primary);\n transition: transform .2s ease;\n}\n\n.cz-accordion-item[open] .cz-accordion-header::after {\n content: '−';\n}\n\n.cz-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cz-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cz-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cz-disclaimer {\n font-size: 12px;\n color: var(--cz-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 .cz-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cz-card {\n padding: 1.125rem;\n }\n\n .cz-section {\n margin-bottom: 1.75rem;\n }\n\n .cz-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cz-radius-sm);\n }\n\n .cz-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cz-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cz-grid-compact {\n gap: .625rem;\n }\n\n .cz-grid-compact .cz-card {\n padding: .75rem;\n }\n\n .cz-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cz-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cz-timeline-content h3 {\n font-size: 14px;\n }\n\n .cz-timeline-content p {\n font-size: 13px;\n }\n\n .cz-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cz-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cz-intro-card {\n padding: 1.25rem;\n }\n\n .cz-intro-card p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cz-card {\n animation: czFadeInUp .5s ease backwards;\n }\n .cz-card:nth-child(1) { animation-delay: .05s; }\n .cz-card:nth-child(2) { animation-delay: .1s; }\n .cz-card:nth-child(3) { animation-delay: .15s; }\n .cz-card:nth-child(4) { animation-delay: .2s; }\n .cz-card:nth-child(5) { animation-delay: .25s; }\n .cz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes czFadeInUp {\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 .cz-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":54856912929145,"sku":"NBAIDSH0005","price":4.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-citron-zeste-saint-hilaire-10ml-min.jpg?v=1756391771"},{"product_id":"huile-essentielle-niaouli-bio-10ml","title":"Huile Essentielle de Niaouli bio - 10 ml - Saint Hilaire","description":"\u003cdiv class=\"nio-premium\"\u003e\n\n \u003cdiv class=\"nio-hero\"\u003e\n \u003cdiv class=\"nio-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nio-hero-content\"\u003e\n \u003cdiv class=\"nio-badges-top\"\u003e\n \u003cspan class=\"nio-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"nio-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"nio-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"nio-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nio-hero-title\"\u003eHuile essentielle de Niaouli BIO\u003c\/span\u003e\n \u003cp class=\"nio-subtitle\"\u003eDistillerie Saint-Hilaire — Flacon 10 ml\u003c\/p\u003e\n \u003cp class=\"nio-description\"\u003e\u003cem\u003eMelaleuca quinquenervia\u003c\/em\u003e · Distillation vapeur d'eau des feuilles · Pureté et traçabilité garanties depuis le cœur de l'Auvergne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"nio-section\"\u003e\n \u003ch2\u003eHuile essentielle de Niaouli BIO – Un incontournable de l'aromathérapie\u003c\/h2\u003e\n \u003cp class=\"nio-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de niaouli\u003c\/strong\u003e pure, fiable et certifiée biologique ? Celle proposée par la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e, installée au cœur de l'Auvergne, coche toutes les cases.\u003c\/p\u003e\n \u003cp class=\"nio-section-intro\"\u003eObtenue par distillation à la vapeur d'eau des feuilles de \u003cem\u003eMelaleuca quinquenervia\u003c\/em\u003e, cette huile essentielle \u003cstrong\u003echémotypée\u003c\/strong\u003e et issue du \u003cstrong\u003ecommerce équitable\u003c\/strong\u003e vous garantit une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nio-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Niaouli\u003c\/h2\u003e\n \u003cp class=\"nio-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile essentielle de niaouli\u003c\/strong\u003e sont reconnus depuis des siècles en médecine traditionnelle. Voici ses principales propriétés :\u003c\/p\u003e\n \u003cdiv class=\"nio-grid\"\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🫁 Sphère respiratoire\u003c\/h3\u003e\n \u003cp\u003eExpectorante et mucolytique, elle aide à dégager les voies respiratoires encombrées. Traditionnellement utilisée en cas de rhume, sinusite, bronchite ou nez bouché, notamment durant les mois d'hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🛡️ Action antivirale puissante\u003c\/h3\u003e\n \u003cp\u003eLe niaouli est réputé pour son activité sur de nombreux virus. Fréquemment cité en aromathérapie pour accompagner les épisodes d'herpès labial ou les infections ORL saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e✨ Soin cutané\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses vertus antiseptiques et cicatrisantes, elle s'utilise localement (toujours diluée) sur les petits boutons, les imperfections ou les irritations cutanées légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🌬️ Assainissement de l'air\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, elle purifie votre intérieur et crée une ambiance fraîche, aux notes camphrées et végétales très agréables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nio-section\"\u003e\n \u003ch2\u003eUtilisation de l'huile essentielle de Niaouli : nos conseils pratiques\u003c\/h2\u003e\n \u003cp class=\"nio-section-intro\"\u003eVous vous demandez comment utiliser concrètement cette \u003cstrong\u003ehuile essentielle de niaouli\u003c\/strong\u003e au quotidien ? Voici les modes d'emploi les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"nio-timeline\"\u003e\n \u003cdiv class=\"nio-timeline-item\"\u003e\n \u003cdiv class=\"nio-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nio-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n \u003cp\u003eDéposez 5 à 10 gouttes dans un diffuseur adapté pendant 20 à 30 minutes pour assainir l'atmosphère de votre pièce de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-timeline-item\"\u003e\n \u003cdiv class=\"nio-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nio-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba…) et massez doucement le thorax ou le haut du dos pour favoriser le confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-timeline-item\"\u003e\n \u003cdiv class=\"nio-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nio-timeline-content\"\u003e\n \u003ch3\u003eEn inhalation\u003c\/h3\u003e\n \u003cp\u003eVersez 2 à 3 gouttes dans un bol d'eau chaude, couvrez votre tête d'une serviette et respirez les vapeurs pendant quelques minutes. Idéal en période de refroidissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-tip\"\u003e\n \u003cspan class=\"nio-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePensez à toujours vérifier la compatibilité de votre diffuseur avec les huiles essentielles pures avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nio-section\"\u003e\n \u003ch2\u003eHuile essentielle de Niaouli et sommeil\u003c\/h2\u003e\n \u003cdiv class=\"nio-testimonial\"\u003e\n \u003cp class=\"nio-testimonial-text\"\u003eVous avez peut-être lu que l'\u003cstrong\u003ehuile essentielle de niaouli\u003c\/strong\u003e pouvait aider au \u003cstrong\u003esommeil\u003c\/strong\u003e. En réalité, son profil aromatique frais et camphré est plutôt tonifiant. Si vous souhaitez l'utiliser en soirée pour dégager vos voies respiratoires avant le coucher, privilégiez une diffusion courte (10 minutes maximum) et combinez-la avec une huile plus apaisante comme la lavande vraie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nio-section\"\u003e\n \u003ch2\u003ePrécautions et dangers de l'huile essentielle de Niaouli\u003c\/h2\u003e\n \u003cp class=\"nio-section-intro\"\u003eComme toute huile essentielle, le \u003cstrong\u003eniaouli\u003c\/strong\u003e nécessite quelques précautions. L'\u003cstrong\u003ehuile essentielle de niaouli\u003c\/strong\u003e présente un \u003cstrong\u003edanger\u003c\/strong\u003e potentiel en cas de mauvaise utilisation :\u003c\/p\u003e\n \u003cdiv class=\"nio-accordion\"\u003e\n \u003cdetails class=\"nio-accordion-item\"\u003e\n \u003csummary class=\"nio-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"nio-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e, ainsi qu'aux \u003cstrong\u003eenfants de moins de 6 ans\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nio-accordion-item\"\u003e\n \u003csummary class=\"nio-accordion-header\"\u003e🧴 Application cutanée\u003c\/summary\u003e\n \u003cdiv class=\"nio-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nio-accordion-item\"\u003e\n \u003csummary class=\"nio-accordion-header\"\u003e⚠️ Cancers hormono-dépendants\u003c\/summary\u003e\n \u003cdiv class=\"nio-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter en cas d'antécédents de cancers hormono-dépendants (présence de viridiflorol).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nio-accordion-item\"\u003e\n \u003csummary class=\"nio-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"nio-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, demandez conseil à votre médecin ou à un aromathérapeute qualifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"nio-disclaimer\"\u003eCe produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"nio-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"nio-grid-compact\"\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMelaleuca quinquenervia\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e💧 Méthode d'extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique, commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🧬 Chémotype principal\u003c\/h3\u003e\n \u003cp\u003e1,8-cinéole (eucalyptol)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré de 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire – Auvergne, France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-card\"\u003e\n \u003ch3\u003e🌍 Engagement\u003c\/h3\u003e\n \u003cp\u003eProduit artisanal, respectueux des producteurs et de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nio-cta-box\"\u003e\n \u003cp\u003e🌿 En choisissant cette \u003cstrong\u003ehuile essentielle de niaouli bio\u003c\/strong\u003e, vous optez pour un produit artisanal de qualité, respectueux des producteurs et de l'environnement. Un indispensable à glisser dans votre trousse d'aromathérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nio-cream: #f7f5f0;\n --nio-white: #ffffff;\n --nio-primary: #2d5a3d;\n --nio-primary-dark: #1e3d2a;\n --nio-primary-light: #e8f0eb;\n --nio-secondary: #8b6914;\n --nio-accent: #c49a2a;\n --nio-text: #1a1a1a;\n --nio-text-light: #5a5a5a;\n --nio-border: #ddd8ce;\n --nio-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nio-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nio-radius: 20px;\n --nio-radius-sm: 12px;\n}\n\n.nio-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nio-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nio-hero {\n position: relative;\n background: linear-gradient(135deg, #1e3d2a 0%, #2d5a3d 45%, #3a7050 100%);\n border-radius: var(--nio-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(--nio-shadow-lg);\n}\n\n.nio-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,154,42,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.nio-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nio-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nio-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(--nio-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nio-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nio-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.nio-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.nio-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.nio-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nio-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nio-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.nio-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(--nio-primary), var(--nio-accent));\n border-radius: 2px;\n}\n\n.nio-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nio-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.nio-card {\n background: var(--nio-white);\n border-radius: var(--nio-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nio-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nio-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nio-shadow-lg);\n border-color: var(--nio-primary);\n}\n\n.nio-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nio-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nio-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nio-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nio-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nio-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nio-grid-compact .nio-card {\n padding: 1rem;\n}\n\n.nio-grid-compact .nio-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nio-grid-compact .nio-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nio-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nio-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nio-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nio-primary), var(--nio-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.nio-timeline-content {\n flex: 1;\n background: var(--nio-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nio-radius-sm);\n box-shadow: var(--nio-shadow);\n}\n\n.nio-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nio-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nio-timeline-content p {\n font-size: 14px;\n color: var(--nio-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nio-testimonial {\n background: var(--nio-white);\n border-radius: var(--nio-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nio-shadow);\n border-left: 4px solid var(--nio-primary);\n}\n\n.nio-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nio-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.nio-accordion {\n background: var(--nio-white);\n border-radius: var(--nio-radius);\n box-shadow: var(--nio-shadow);\n overflow: hidden;\n}\n\n.nio-accordion-item {\n border-bottom: 1px solid var(--nio-border);\n margin: 0;\n padding: 0;\n}\n\n.nio-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nio-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nio-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.nio-accordion-header:hover {\n background: var(--nio-primary-light);\n}\n\n.nio-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nio-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nio-primary);\n transition: transform .2s ease;\n}\n\n.nio-accordion-item[open] .nio-accordion-header::after {\n content: '−';\n}\n\n.nio-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nio-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nio-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nio-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nio-primary-light);\n border-radius: var(--nio-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nio-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nio-tip p {\n font-size: 14px;\n color: var(--nio-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nio-cta-box {\n background: linear-gradient(135deg, var(--nio-primary) 0%, var(--nio-primary-dark) 100%);\n border-radius: var(--nio-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.nio-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.nio-disclaimer {\n font-size: 12px;\n color: var(--nio-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 .nio-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nio-card {\n padding: 1.125rem;\n }\n\n .nio-section {\n margin-bottom: 1.75rem;\n }\n\n .nio-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nio-radius-sm);\n }\n\n .nio-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nio-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nio-grid-compact {\n gap: .625rem;\n }\n\n .nio-grid-compact .nio-card {\n padding: .75rem;\n }\n\n .nio-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nio-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nio-timeline-content h3 {\n font-size: 14px;\n }\n\n .nio-timeline-content p {\n font-size: 13px;\n }\n\n .nio-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nio-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nio-testimonial {\n padding: 1.25rem;\n }\n\n .nio-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nio-card {\n animation: nioFadeInUp .5s ease backwards;\n }\n .nio-card:nth-child(1) { animation-delay: .05s; }\n .nio-card:nth-child(2) { animation-delay: .1s; }\n .nio-card:nth-child(3) { animation-delay: .15s; }\n .nio-card:nth-child(4) { animation-delay: .2s; }\n .nio-card:nth-child(5) { animation-delay: .25s; }\n .nio-card:nth-child(6) { animation-delay: .3s; }\n .nio-card:nth-child(7) { animation-delay: .35s; }\n .nio-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes nioFadeInUp {\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 .nio-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":54856920859001,"sku":"NBAIDSH0020","price":5.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-niaouli-bio-saint-hilaire-flacon-de-10--packshothd.webp?v=1774513708"},{"product_id":"huile-essentielle-clou-girofle-saint-hilaire","title":"Huile Essentielle de Clou de Girofle BIO - Saint Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Clou de Girofle BIO - Saint Hilaire - 10 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé du bouchon et de la marque)\n - Secondaire: #C4864A (ambre\/cuivré du flacon et de la zone basse de l'étiquette)\n - Accent: #8B6914 (doré chaud des clous de girofle)\nAmbiance: Naturel\/bio, artisanal français, aromathérapie, chaleureux et authentique\nPréfixe CSS: gc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Ses Bienfaits :\"\n 2. \"Conseils d'utilisation :\"\n 3. \"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=\"gc-premium\"\u003e\n\n \u003cdiv class=\"gc-hero\"\u003e\n \u003cdiv class=\"gc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gc-hero-content\"\u003e\n \u003cdiv class=\"gc-badges-top\"\u003e\n \u003cspan class=\"gc-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gc-hero-title\"\u003eHuile essentielle de clou de girofle BIO\u003c\/span\u003e\n \u003cp class=\"gc-subtitle\"\u003eSaint Hilaire — Distillerie d'Auvergne · 10 ml\u003c\/p\u003e\n \u003cp class=\"gc-description\"\u003eUn concentré puissant d'\u003cem\u003eEugenia caryophyllus\u003c\/em\u003e, obtenu par distillation à la vapeur d'eau. 100% pure, biologique et issue d'une fabrication respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eSes Bienfaits :\u003c\/h2\u003e\n \u003cdiv class=\"gc-grid\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🦷 Santé bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eReconnaissable par son arôme chaud et épicé, elle est idéale pour soulager les douleurs dentaires telles que les aphtes, abcès ou rages de dents, grâce à ses propriétés anesthésiantes et antiseptiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e⚡ Stimulant physique\u003c\/h3\u003e\n \u003cp\u003eElle revitalise en cas de fatigue physique ou intellectuelle, apportant une énergie naturelle et immédiate pour retrouver tonus et concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🛡️ Propriétés purifiantes\u003c\/h3\u003e\n \u003cp\u003ePuissant antibactérien et antifongique, elle renforce les défenses naturelles et aide à purifier l'organisme en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation :\u003c\/h2\u003e\n \u003cdiv class=\"gc-timeline\"\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003e🖐️ Usage externe\u003c\/h3\u003e\n \u003cp\u003eDiluez toujours dans une huile végétale (20% maximum) avant de l'appliquer sur la peau pour éviter les irritations. Massez délicatement la zone concernée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003e💊 Usage interne\u003c\/h3\u003e\n \u003cp\u003eConsultez un professionnel de santé avant toute ingestion. Ne jamais utiliser pure par voie orale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-tip\"\u003e\n \u003cspan class=\"gc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour un soulagement dentaire rapide, déposez 1 goutte diluée dans une huile végétale sur un coton-tige et appliquez localement sur la zone douloureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi :\u003c\/h2\u003e\n \u003cdiv class=\"gc-accordion\"\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser chez les femmes enceintes ou allaitantes, ni chez les enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'utilisation en cas d'allergie au clou de girofle ou à ses composants. Réalisez un test cutané dans le pli du coude 48h avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez hors de portée des enfants et à l'abri de la lumière et de la chaleur. Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gc-cta-box\"\u003e\n \u003cp\u003e🌿 Avec sa qualité irréprochable et ses multiples usages, cette huile essentielle de clou de girofle BIO est un allié incontournable pour votre bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gc-disclaimer\"\u003eLes huiles essentielles ne se substituent 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 --gc-cream: #FAF7F2;\n --gc-white: #ffffff;\n --gc-primary: #2D4A3E;\n --gc-primary-dark: #1B3028;\n --gc-primary-light: #E8F0EC;\n --gc-secondary: #C4864A;\n --gc-accent: #8B6914;\n --gc-text: #1a1a1a;\n --gc-text-light: #5a5a5a;\n --gc-border: #e0e0e0;\n --gc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gc-radius: 20px;\n --gc-radius-sm: 12px;\n}\n\n.gc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gc-primary-dark) 0%, var(--gc-primary) 50%, #3D6B5A 100%);\n border-radius: var(--gc-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(--gc-shadow-lg);\n}\n\n.gc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(196,134,74,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(139,105,20,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gc-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.gc-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.gc-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.gc-description em {\n color: var(--gc-secondary);\n font-style: italic;\n}\n\n\/* === BADGES === *\/\n.gc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gc-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(--gc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gc-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.gc-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(--gc-primary), var(--gc-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gc-card {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gc-shadow-lg);\n border-color: var(--gc-primary);\n}\n\n.gc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.gc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gc-primary), var(--gc-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.gc-timeline-content {\n flex: 1;\n background: var(--gc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gc-radius-sm);\n box-shadow: var(--gc-shadow);\n}\n\n.gc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gc-timeline-content p {\n font-size: 14px;\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gc-primary-light);\n border-radius: var(--gc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gc-tip p {\n font-size: 14px;\n color: var(--gc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gc-accordion {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n box-shadow: var(--gc-shadow);\n overflow: hidden;\n}\n\n.gc-accordion-item {\n border-bottom: 1px solid var(--gc-border);\n margin: 0;\n padding: 0;\n}\n\n.gc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gc-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.gc-accordion-header:hover {\n background: var(--gc-primary-light);\n}\n\n.gc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gc-primary);\n transition: transform .2s ease;\n}\n\n.gc-accordion-item[open] .gc-accordion-header::after {\n content: '−';\n}\n\n.gc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gc-cta-box {\n background: linear-gradient(135deg, var(--gc-primary) 0%, var(--gc-primary-dark) 100%);\n border-radius: var(--gc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gc-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.gc-disclaimer {\n font-size: 12px;\n color: var(--gc-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 .gc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gc-card {\n padding: 1.125rem;\n }\n\n .gc-section {\n margin-bottom: 1.75rem;\n }\n\n .gc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gc-radius-sm);\n }\n\n .gc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gc-timeline-content h3 {\n font-size: 14px;\n }\n\n .gc-timeline-content p {\n font-size: 13px;\n }\n\n .gc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gc-card {\n animation: gcFadeInUp .5s ease backwards;\n }\n .gc-card:nth-child(1) { animation-delay: .05s; }\n .gc-card:nth-child(2) { animation-delay: .1s; }\n .gc-card:nth-child(3) { animation-delay: .15s; }\n .gc-card:nth-child(4) { animation-delay: .2s; }\n .gc-card:nth-child(5) { animation-delay: .25s; }\n .gc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gcFadeInUp {\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 .gc-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":54857160720761,"sku":"NBAIDSH0037","price":6.2,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-clou-de-girofle-bio-saint-hilaire-10-ml-lifestyle.webp?v=1770893304"},{"product_id":"huile-essentielle-lavande-aspic-bio-10ml","title":"Huile Essentielle de Lavande Aspic Bio - Saint Hilaire - 10 ml","description":"\u003cdiv class=\"la-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"la-hero\"\u003e\n \u003cdiv class=\"la-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"la-hero-content\"\u003e\n \u003cdiv class=\"la-badges-top\"\u003e\n \u003cspan class=\"la-badge\"\u003e🌿 Bio certifiée\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003cspan class=\"la-badge\"\u003e🔬 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"la-hero-title\"\u003eHuile essentielle de Lavande Aspic Bio\u003c\/span\u003e\n \u003cp class=\"la-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"la-description\"\u003e100 % pure et naturelle, obtenue par distillation des sommités fleuries de \u003cem\u003eLavandula latifolia\u003c\/em\u003e. L'huile essentielle d'action rapide pour la peau et le confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eHuile essentielle de Lavande Aspic Bio : l'alliée incontournable de votre trousse naturelle\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de lavande\u003c\/strong\u003e polyvalente, capable de répondre aux petits tracas du quotidien ? L'\u003cstrong\u003ehuile essentielle de Lavande Aspic Bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"la-testimonial\"\u003e\n \u003cp class=\"la-testimonial-text\"\u003eObtenue par distillation à la vapeur d'eau des sommités fleuries de \u003cem\u003eLavandula latifolia\u003c\/em\u003e, cette huile chémotypée offre un profil aromatique unique, plus camphrée que la lavande vraie, et des propriétés remarquables qui en font un indispensable en aromathérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eLavande Aspic ou Lavande Vraie : quelle différence ?\u003c\/h2\u003e\n \u003cp class=\"la-section-intro\"\u003eLa confusion est fréquente, et pourtant ces deux huiles n'ont pas les mêmes usages.\u003c\/p\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card la-card-vs\"\u003e\n \u003ch3\u003e💜 Lavande vraie\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses vertus \u003cstrong\u003eapaisantes et relaxantes\u003c\/strong\u003e. C'est l'huile essentielle de la détente et du bien-être émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card la-card-vs la-card-highlight\"\u003e\n \u003ch3\u003e🌿 Lavande aspic\u003c\/h3\u003e\n \u003cp\u003eRiche en \u003cstrong\u003elinalol, 1.8-cinéole et camphre\u003c\/strong\u003e. C'est l'huile essentielle de l'\u003cstrong\u003eaction rapide\u003c\/strong\u003e sur la peau et du confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-tip\"\u003e\n \u003cspan class=\"la-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn résumé : si la lavande vraie est l'huile de la détente, la \u003cstrong\u003elavande aspic\u003c\/strong\u003e est celle du soin cutané d'urgence et du confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eBienfaits et propriétés de la Lavande Aspic\u003c\/h2\u003e\n \u003cdiv class=\"la-grid\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🛡️ Apaisante cutanée puissante\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée en cas de piqûres d'insectes, de méduses ou de petites brûlures, elle calme rapidement les sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e✨ Cicatrisante et régénérante\u003c\/h3\u003e\n \u003cp\u003eFavorise la réparation naturelle de la peau après un coup de soleil, une irritation ou une petite plaie superficielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌬️ Expectorante et mucolytique\u003c\/h3\u003e\n \u003cp\u003eGrâce au 1.8-cinéole, elle aide à libérer les voies respiratoires en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🧫 Antibactérienne et antifongique\u003c\/h3\u003e\n \u003cp\u003eContribue à assainir la peau et à prévenir les infections cutanées mineures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🐛 Aide contre les poux\u003c\/h3\u003e\n \u003cp\u003eSouvent citée en prévention contre les poux, appliquée diluée derrière les oreilles des enfants (à partir de 7 ans).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"la-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de Lavande Aspic ?\u003c\/h2\u003e\n \u003cdiv class=\"la-timeline\"\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003e🖐️ En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba) et appliquez sur la zone concernée. En cas de piqûre, une goutte pure peut être déposée directement sur le point de piqûre chez l'adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003e🌫️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eAjoutez quelques gouttes dans votre diffuseur pour assainir l'air ambiant et profiter de son parfum frais et herbacé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-timeline-item\"\u003e\n \u003cdiv class=\"la-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"la-timeline-content\"\u003e\n \u003ch3\u003e💨 En inhalation\u003c\/h3\u003e\n \u003cp\u003eVersez 2 gouttes dans un bol d'eau chaude pour dégager les voies respiratoires encombrées.\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=\"la-section\"\u003e\n \u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n \u003cdiv class=\"la-grid-compact\"\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eLavandula latifolia herb oil\u003c\/em\u003e — 100 % pure et naturelle, issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🌸 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eSommités fleuries, récoltées au moment optimal de la floraison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🔬 Chémotype principal\u003c\/h3\u003e\n \u003cp\u003eLinalol, 1.8-cinéole, camphre — analysé et garanti à chaque lot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"la-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire artisanal\u003c\/h3\u003e\n \u003cp\u003eProduite par la Distillerie Saint-Hilaire, au cœur de l'Auvergne, avec certification bio et traçabilité complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"la-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"la-accordion\"\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e👶 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux \u003cstrong\u003eenfants de moins de 7 ans\u003c\/strong\u003e sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez toujours un \u003cstrong\u003etest cutané\u003c\/strong\u003e au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e👁️ Contact yeux et muqueuses\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"la-accordion-item\"\u003e\n \u003csummary class=\"la-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"la-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, notamment si vous suivez un traitement médical, consultez un professionnel de santé. Cette huile essentielle ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"la-disclaimer\"\u003eContenance : \u003cstrong\u003e10 ml\u003c\/strong\u003e — un flacon compact qui vous accompagne partout, de la maison à la trousse de voyage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --la-cream: #f9f6f2;\n --la-white: #ffffff;\n --la-primary: #4a6741;\n --la-primary-dark: #2f4a28;\n --la-primary-light: #e8f0e5;\n --la-secondary: #b48ba3;\n --la-accent: #d4a9c4;\n --la-text: #1a1a1a;\n --la-text-light: #5a5a5a;\n --la-border: #e0ddd8;\n --la-shadow: 0 4px 24px rgba(0,0,0,.08);\n --la-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --la-radius: 20px;\n --la-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.la-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--la-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.la-hero {\n position: relative;\n background: linear-gradient(135deg, var(--la-primary-dark) 0%, var(--la-primary) 50%, var(--la-secondary) 100%);\n border-radius: var(--la-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--la-shadow-lg);\n}\n\n.la-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(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(180,139,163,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.la-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.la-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.la-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.la-description {\n color: rgba(255,255,255,.8);\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.la-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.la-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--la-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.la-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.la-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.la-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--la-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.la-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--la-primary), var(--la-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.la-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.la-card {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--la-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.la-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--la-shadow-lg);\n border-color: var(--la-primary);\n}\n\n.la-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--la-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.la-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card highlight variant *\/\n.la-card-highlight {\n border-color: var(--la-primary);\n background: var(--la-primary-light);\n}\n\n\/* === GRILLES === *\/\n.la-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.la-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.la-grid-compact .la-card {\n padding: 1rem;\n}\n\n.la-grid-compact .la-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.la-grid-compact .la-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.la-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.la-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.la-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--la-primary), var(--la-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.la-timeline-content {\n flex: 1;\n background: var(--la-white);\n padding: 1rem 1.25rem;\n border-radius: var(--la-radius-sm);\n box-shadow: var(--la-shadow);\n}\n\n.la-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--la-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.la-timeline-content p {\n font-size: 14px;\n color: var(--la-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.la-testimonial {\n background: var(--la-white);\n border-radius: var(--la-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--la-shadow);\n border-left: 4px solid var(--la-primary);\n}\n\n.la-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--la-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.la-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--la-primary-light);\n border-radius: var(--la-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.la-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.la-tip p {\n font-size: 14px;\n color: var(--la-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.la-accordion {\n background: var(--la-white);\n border-radius: var(--la-radius);\n box-shadow: var(--la-shadow);\n overflow: hidden;\n}\n\n.la-accordion-item {\n border-bottom: 1px solid var(--la-border);\n margin: 0;\n padding: 0;\n}\n\n.la-accordion-item:last-child {\n border-bottom: none;\n}\n\n.la-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--la-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.la-accordion-header:hover {\n background: var(--la-primary-light);\n}\n\n.la-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.la-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--la-primary);\n transition: transform .2s ease;\n}\n\n.la-accordion-item[open] .la-accordion-header::after {\n content: '−';\n}\n\n.la-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--la-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.la-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.la-disclaimer {\n font-size: 12px;\n color: var(--la-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .la-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .la-card {\n padding: 1.125rem;\n }\n\n .la-section {\n margin-bottom: 1.75rem;\n }\n\n .la-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--la-radius-sm);\n }\n\n .la-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .la-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .la-grid-compact {\n gap: .625rem;\n }\n\n .la-grid-compact .la-card {\n padding: .75rem;\n }\n\n .la-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .la-timeline-content {\n padding: .875rem 1rem;\n }\n\n .la-timeline-content h3 {\n font-size: 14px;\n }\n\n .la-timeline-content p {\n font-size: 13px;\n }\n\n .la-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .la-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .la-testimonial {\n padding: 1.25rem;\n }\n\n .la-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .la-card {\n animation: laFadeInUp .5s ease backwards;\n }\n .la-card:nth-child(1) { animation-delay: .05s; }\n .la-card:nth-child(2) { animation-delay: .1s; }\n .la-card:nth-child(3) { animation-delay: .15s; }\n .la-card:nth-child(4) { animation-delay: .2s; }\n .la-card:nth-child(5) { animation-delay: .25s; }\n .la-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes laFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .la-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858291282297,"sku":"NBAIDSH0038","price":6.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-lavande-aspic-bio-saint-hilaire-10-ml-packshothd.webp?v=1774513857"},{"product_id":"huile-essentielle-de-gaultherie-bio-saint-hilaire-10-ml","title":"Huile Essentielle de Gaultherie BIO - Saint Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Gaulthérie BIO - Saint Hilaire - 10 ml\nPalette détectée:\n - Primaire: #2D5A3D (vert foncé du bouchon\/logo)\n - Secondaire: #E8826A (rose-corail de l'étiquette)\n - Accent: #D4603E (rouge-orangé des baies de gaulthérie)\n - Ambre: #B8863A (flacon verre ambré)\nAmbiance: Naturel\/bio, artisanal français, aromathérapie, wellness, terroir\nPréfixe CSS: glt\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile essentielle de Gaulthérie bio : l'alliée naturelle de vos muscles et articulations\"\n 2. \"Les bienfaits de l'huile essentielle de Gaulthérie\"\n 3. \"Gaulthérie couchée ou Gaulthérie odorante : quelle différence ?\"\n 4. \"Comment utiliser l'huile essentielle de Gaulthérie ?\"\n 5. \"Huile essentielle de Gaulthérie : effets secondaires et précautions\"\n 6. \"Composition et caractéristiques techniques\"\n 7. \"Pourquoi choisir la Distillerie Saint-Hilaire ?\"\n 8. \"Conservation et durée de vie\"\n 9. \"En résumé : à qui s'adresse cette huile essentielle ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"glt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"glt-hero\"\u003e\n \u003cdiv class=\"glt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"glt-hero-content\"\u003e\n \u003cdiv class=\"glt-badges-top\"\u003e\n \u003cspan class=\"glt-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e\n \u003cspan class=\"glt-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"glt-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"glt-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"glt-hero-title\"\u003eHuile essentielle de Gaulthérie bio\u003c\/span\u003e\n \u003cp class=\"glt-subtitle\"\u003eDistillerie Saint-Hilaire — Auvergne\u003c\/p\u003e\n \u003cp class=\"glt-description\"\u003eL'incontournable de l'aromathérapie pour apaiser muscles et articulations. Plus de 95 % de salicylate de méthyle pour une efficacité remarquable, dans un flacon 100 % pur, naturel et biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Gaulthérie bio : l'alliée naturelle de vos muscles et articulations\u003c\/h2\u003e\n \u003cp class=\"glt-section-intro\"\u003eVous cherchez une solution naturelle pour apaiser vos douleurs musculaires et articulaires après le sport, une longue journée de travail ou lors de périodes de tensions physiques ?\u003c\/p\u003e\n \u003cdiv class=\"glt-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile essentielle de Gaulthérie bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est exactement ce qu'il vous faut. Obtenue par distillation à la vapeur d'eau des feuilles de \u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e, cette huile essentielle \u003cstrong\u003e100 % pure, naturelle et certifiée biologique\u003c\/strong\u003e est reconnue comme l'un des actifs apaisants les plus puissants de l'aromathérapie.\u003c\/p\u003e\n \u003cp\u003eProduite au Népal dans le respect des communautés locales et conditionnée en Auvergne par la Distillerie Saint-Hilaire, cette gaulthérie huile essentielle chémotypée vous garantit une \u003cstrong\u003etraçabilité irréprochable\u003c\/strong\u003e et une qualité optimale, du champ au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle de Gaulthérie\u003c\/h2\u003e\n \u003cp class=\"glt-section-intro\"\u003eSa richesse exceptionnelle en salicylate de méthyle (plus de 95 %) lui confère des propriétés remarquables.\u003c\/p\u003e\n \u003cdiv class=\"glt-grid\"\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🌡️ Apaisante et anti-inflammatoire\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour soulager les inconforts liés aux tendinites, rhumatismes, arthrose et douleurs articulaires. Procure une sensation de chaleur puis d'apaisement très appréciée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e💊 Antalgique naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce au salicylate de méthyle, cette huile aide à calmer les crampes, contractures et courbatures. Un véritable réflexe pour les sportifs comme pour le quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🏃 Récupération musculaire\u003c\/h3\u003e\n \u003cp\u003eEn massage après l'effort, elle favorise la détente des muscles sollicités et contribue à une récupération sportive plus rapide. Incontournable chez les kinés et ostéopathes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eGenou sensible, épaule raide ou dos douloureux : les bienfaits se ressentent dès les premières applications en massage diluée dans une huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eGaulthérie couchée ou Gaulthérie odorante : quelle différence ?\u003c\/h2\u003e\n \u003cdiv class=\"glt-comparison\"\u003e\n \u003cdiv class=\"glt-comparison-col\"\u003e\n \u003cdiv class=\"glt-comparison-header glt-comparison-header--left\"\u003eGaulthérie couchée\u003c\/div\u003e\n \u003cdiv class=\"glt-comparison-body\"\u003e\n \u003cp\u003e\u003cem\u003eGaultheria procumbens\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e🌍 Origine : \u003cstrong\u003eAmérique du Nord\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e🧪 Riche en salicylate de méthyle\u003c\/p\u003e\n \u003cp\u003eProfil biochimique très proche de la gaulthérie odorante, propriétés similaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-comparison-col\"\u003e\n \u003cdiv class=\"glt-comparison-header glt-comparison-header--right\"\u003eGaulthérie odorante ✅\u003c\/div\u003e\n \u003cdiv class=\"glt-comparison-body\"\u003e\n \u003cp\u003e\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e🌍 Origine : \u003cstrong\u003eNépal (Asie)\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003e🧪 Taux de salicylate de méthyle \u003cstrong\u003elégèrement plus élevé\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eChoix particulièrement intéressant pour l'aromathérapie. \u003cstrong\u003eC'est celle de ce flacon.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-tip\"\u003e\n \u003cspan class=\"glt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eBonne nouvelle : les deux espèces partagent un profil biochimique très proche. Toutes deux sont extrêmement riches en salicylate de méthyle, ce qui leur confère des propriétés similaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de Gaulthérie ?\u003c\/h2\u003e\n \u003cp class=\"glt-section-intro\"\u003eUsage exclusivement par voie cutanée, toujours diluée. Voici nos conseils pratiques pour en tirer le meilleur parti.\u003c\/p\u003e\n \u003cdiv class=\"glt-timeline\"\u003e\n \u003cdiv class=\"glt-timeline-item\"\u003e\n \u003cdiv class=\"glt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"glt-timeline-content\"\u003e\n \u003ch3\u003e💆 Massage douleurs musculaires et articulaires\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e dans une cuillère à café (≈ 5 ml) d'huile végétale (amande douce, arnica ou macadamia). Massez la zone avec des mouvements lents et appuyés, \u003cstrong\u003e2 à 3 fois par jour\u003c\/strong\u003e, jusqu'à amélioration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-timeline-item\"\u003e\n \u003cdiv class=\"glt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"glt-timeline-content\"\u003e\n \u003ch3\u003e🏋️ Huile de massage post-sportive\u003c\/h3\u003e\n \u003cp\u003eAjoutez \u003cstrong\u003e10 gouttes de Gaulthérie\u003c\/strong\u003e dans 30 ml d'huile végétale d'arnica. Massez les muscles sollicités (mollets, cuisses, épaules, dos) juste après l'effort. Ce rituel réduit les courbatures du lendemain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-timeline-item\"\u003e\n \u003cdiv class=\"glt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"glt-timeline-content\"\u003e\n \u003ch3\u003e🎯 Application localisée\u003c\/h3\u003e\n \u003cp\u003ePour une gêne précise (cheville, poignet, genou), appliquez le mélange dilué directement sur la zone en massant délicatement. Vous pouvez recouvrir d'un linge tiède pour favoriser la pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-tip\"\u003e\n \u003cspan class=\"glt-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e Cette huile essentielle ne s'utilise \u003cstrong\u003eni en diffusion, ni par voie orale\u003c\/strong\u003e. Son usage se limite à l'application cutanée diluée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eHuile essentielle de Gaulthérie : effets secondaires et précautions\u003c\/h2\u003e\n \u003cp class=\"glt-section-intro\"\u003eComme toute huile essentielle puissante, il est indispensable de connaître les précautions avant utilisation.\u003c\/p\u003e\n \u003cdiv class=\"glt-grid\"\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e🚫 Ne jamais appliquer pure\u003c\/h3\u003e\n \u003cp\u003eLa forte concentration en salicylate de méthyle peut provoquer des irritations cutanées. Diluez-la toujours dans une huile végétale (maximum 20 % du mélange final).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e💊 Allergie aux salicylés\u003c\/h3\u003e\n \u003cp\u003eContre-indiquée aux personnes allergiques à l'aspirine ou sous traitement anticoagulant. Consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes et allaitantes\u003c\/h3\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes. Ne prenez aucun risque, demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e👶 Enfants de moins de 7 ans\u003c\/h3\u003e\n \u003cp\u003eInterdite aux enfants de moins de 7 ans. Évitez le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n \u003cp\u003eAvant la première utilisation, appliquez une goutte diluée au creux du coude et attendez 24 heures pour vérifier l'absence de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card glt-card--warning\"\u003e\n \u003ch3\u003e👨‍⚕️ En cas de doute\u003c\/h3\u003e\n \u003cp\u003eConsultez un professionnel de santé ou un aromathérapeute qualifié. Cette huile essentielle ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"glt-grid-compact\"\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🏷️ Famille\u003c\/h3\u003e\n \u003cp\u003eÉricacées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e💨 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🧪 Chémotype\u003c\/h3\u003e\n \u003cp\u003eSalicylate de méthyle (\u0026gt; 95 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eNépal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique (AB)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eDistillerie Saint-Hilaire, Auvergne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e📋 INCI\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eGaultheria fragrantissima leaf oil*\u003c\/em\u003e\u003cbr\u003e*Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Distillerie Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"glt-grid\"\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eImplantée au cœur de l'Auvergne, la Distillerie Saint-Hilaire est une référence française en matière d'huiles essentielles biologiques depuis de nombreuses années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🧪 Chémotypage systématique\u003c\/h3\u003e\n \u003cp\u003eChaque lot est analysé pour garantir une composition biochimique précise et constante. L'assurance d'utiliser une huile dont vous connaissez exactement le profil actif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🌍 Démarche écoresponsable\u003c\/h3\u003e\n \u003cp\u003eApprovisionnement auprès de producteurs engagés dans le commerce équitable, conditionnement en flacon verre recyclable et respect des normes biologiques les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"glt-section\"\u003e\n \u003ch2\u003eConservation et durée de vie\u003c\/h2\u003e\n \u003cdiv class=\"glt-accordion\"\u003e\n \u003cdetails class=\"glt-accordion-item\"\u003e\n \u003csummary class=\"glt-accordion-header\"\u003e🧊 Conditions de conservation\u003c\/summary\u003e\n \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon bien fermé, à l'abri de la lumière et de la chaleur (idéalement en dessous de 25 °C). Tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"glt-accordion-item\"\u003e\n \u003csummary class=\"glt-accordion-header\"\u003e📅 Durée de conservation\u003c\/summary\u003e\n \u003cdiv class=\"glt-accordion-content mt-3\"\u003e\n \u003cp\u003eReportez-vous à la date indiquée sur le flacon. Les huiles essentielles pures se conservent généralement \u003cstrong\u003e3 à 5 ans\u003c\/strong\u003e après ouverture dans de bonnes conditions de stockage.\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=\"glt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile essentielle ?\u003c\/h2\u003e\n \u003cdiv class=\"glt-grid\"\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez optimiser votre récupération musculaire après l'entraînement et réduire les courbatures du lendemain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e💼 Tensions du quotidien\u003c\/h3\u003e\n \u003cp\u003eVous ressentez des tensions musculaires ou articulaires liées à votre activité professionnelle ou à la vie quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une alternative naturelle et biologique pour accompagner votre confort articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-card\"\u003e\n \u003ch3\u003e✅ Exigence qualité\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez un produit chémotypé, traçable et de qualité française, conditionné en Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"glt-cta-box\"\u003e\n \u003cp\u003e🌿 Avec son flacon de 10 ml muni d'un compte-gouttes précis, cette huile essentielle vous accompagnera pendant de nombreuses semaines. Un investissement durable pour votre bien-être au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"glt-disclaimer\"\u003eLes informations fournies sur cette page sont données à titre indicatif et ne constituent pas un avis médical. L'utilisation des huiles essentielles ne remplace pas une consultation médicale. En cas de doute ou de pathologie existante, consultez votre médecin ou un aromathérapeute qualifié avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --glt-cream: #F7F5F0;\n --glt-white: #ffffff;\n --glt-primary: #2D5A3D;\n --glt-primary-dark: #1E3F2B;\n --glt-primary-light: #E8F0EB;\n --glt-secondary: #E8826A;\n --glt-accent: #D4603E;\n --glt-text: #1a1a1a;\n --glt-text-light: #5a5a5a;\n --glt-border: #e0e0e0;\n --glt-shadow: 0 4px 24px rgba(0,0,0,.08);\n --glt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --glt-radius: 20px;\n --glt-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.glt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--glt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.glt-premium *, .glt-premium *::before, .glt-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.glt-hero {\n position: relative;\n background: linear-gradient(135deg, var(--glt-primary-dark) 0%, var(--glt-primary) 50%, #3D7A52 100%);\n border-radius: var(--glt-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(--glt-shadow-lg);\n}\n\n.glt-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,130,106,.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,96,62,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.glt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.glt-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.glt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.glt-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(--glt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.glt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.glt-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.glt-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.glt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.glt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--glt-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.glt-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(--glt-primary), var(--glt-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.glt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--glt-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.glt-highlight-box {\n background: var(--glt-white);\n border-radius: var(--glt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--glt-shadow);\n border-left: 4px solid var(--glt-primary);\n}\n\n.glt-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--glt-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.glt-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.glt-card {\n background: var(--glt-white);\n border-radius: var(--glt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--glt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.glt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--glt-shadow-lg);\n border-color: var(--glt-primary);\n}\n\n.glt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--glt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.glt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--glt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card warning variant *\/\n.glt-card--warning {\n border-left: 4px solid var(--glt-secondary);\n text-align: left;\n}\n\n.glt-card--warning:hover {\n border-color: var(--glt-accent);\n border-left-color: var(--glt-accent);\n}\n\n\/* === GRILLES === *\/\n.glt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.glt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.glt-grid-compact .glt-card {\n padding: 1rem;\n}\n\n.glt-grid-compact .glt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.glt-grid-compact .glt-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.glt-comparison {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.glt-comparison-col {\n background: var(--glt-white);\n border-radius: var(--glt-radius);\n overflow: hidden;\n box-shadow: var(--glt-shadow);\n transition: all .3s ease;\n}\n\n.glt-comparison-col:hover {\n transform: translateY(-4px);\n box-shadow: var(--glt-shadow-lg);\n}\n\n.glt-comparison-header {\n padding: .875rem 1.25rem;\n font-weight: 800;\n font-size: 15px;\n text-align: center;\n}\n\n.glt-comparison-header--left {\n background: var(--glt-border);\n color: var(--glt-text);\n}\n\n.glt-comparison-header--right {\n background: linear-gradient(135deg, var(--glt-primary), #3D7A52);\n color: white;\n}\n\n.glt-comparison-body {\n padding: 1.25rem;\n}\n\n.glt-comparison-body p {\n font-size: 14px;\n color: var(--glt-text-light);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.glt-comparison-body p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.glt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.glt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.glt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--glt-primary), var(--glt-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.glt-timeline-content {\n flex: 1;\n background: var(--glt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--glt-radius-sm);\n box-shadow: var(--glt-shadow);\n}\n\n.glt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--glt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.glt-timeline-content p {\n font-size: 14px;\n color: var(--glt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.glt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--glt-primary-light);\n border-radius: var(--glt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.glt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.glt-tip p {\n font-size: 14px;\n color: var(--glt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.glt-accordion {\n background: var(--glt-white);\n border-radius: var(--glt-radius);\n box-shadow: var(--glt-shadow);\n overflow: hidden;\n}\n\n.glt-accordion-item {\n border-bottom: 1px solid var(--glt-border);\n margin: 0;\n padding: 0;\n}\n\n.glt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.glt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--glt-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.glt-accordion-header:hover {\n background: var(--glt-primary-light);\n}\n\n.glt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.glt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--glt-primary);\n transition: transform .2s ease;\n}\n\n.glt-accordion-item[open] .glt-accordion-header::after {\n content: '−';\n}\n\n.glt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--glt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.glt-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.glt-cta-box {\n background: linear-gradient(135deg, var(--glt-primary) 0%, var(--glt-primary-dark) 100%);\n border-radius: var(--glt-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.glt-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.glt-disclaimer {\n font-size: 12px;\n color: var(--glt-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 .glt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .glt-card {\n padding: 1.125rem;\n }\n\n .glt-section {\n margin-bottom: 1.75rem;\n }\n\n .glt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--glt-radius-sm);\n }\n\n .glt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .glt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .glt-grid-compact {\n gap: .625rem;\n }\n\n .glt-grid-compact .glt-card {\n padding: .75rem;\n }\n\n \/* Comparison mobile *\/\n .glt-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .glt-comparison-header {\n font-size: 14px;\n padding: .75rem 1rem;\n }\n\n .glt-comparison-body {\n padding: 1rem;\n }\n\n .glt-comparison-body p {\n font-size: 13px;\n }\n\n \/* Timeline mobile *\/\n .glt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .glt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .glt-timeline-content h3 {\n font-size: 14px;\n }\n\n .glt-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .glt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .glt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Highlight box mobile *\/\n .glt-highlight-box {\n padding: 1.25rem;\n }\n\n .glt-highlight-box p {\n font-size: 14px;\n }\n\n \/* Warning cards mobile *\/\n .glt-card--warning {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .glt-card {\n animation: gltFadeInUp .5s ease backwards;\n }\n .glt-card:nth-child(1) { animation-delay: .05s; }\n .glt-card:nth-child(2) { animation-delay: .1s; }\n .glt-card:nth-child(3) { animation-delay: .15s; }\n .glt-card:nth-child(4) { animation-delay: .2s; }\n .glt-card:nth-child(5) { animation-delay: .25s; }\n .glt-card:nth-child(6) { animation-delay: .3s; }\n\n .glt-timeline-item {\n animation: gltFadeInUp .5s ease backwards;\n }\n .glt-timeline-item:nth-child(1) { animation-delay: .05s; }\n .glt-timeline-item:nth-child(2) { animation-delay: .15s; }\n .glt-timeline-item:nth-child(3) { animation-delay: .25s; }\n\n .glt-comparison-col {\n animation: gltFadeInUp .5s ease backwards;\n }\n .glt-comparison-col:nth-child(1) { animation-delay: .05s; }\n .glt-comparison-col:nth-child(2) { animation-delay: .15s; }\n}\n\n@keyframes gltFadeInUp {\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 .glt-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":54858315891065,"sku":"NBAIDSH0002","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HEsainthilairegaultherie-min.jpg?v=1770369960"},{"product_id":"menthe-poivree-bio-huile-essentielle-10ml","title":"Huile Essentielle de Menthe poivrée Bio - Saint-Hilaire - 10 ml","description":"\u003cdiv class=\"mp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mp-hero\"\u003e\n \u003cdiv class=\"mp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mp-hero-content\"\u003e\n \u003cdiv class=\"mp-badges-top\"\u003e\n \u003cspan class=\"mp-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"mp-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mp-hero-title\"\u003eHuile essentielle de menthe poivrée bio\u003c\/span\u003e\n \u003cp class=\"mp-subtitle\"\u003eDistillerie Saint-Hilaire · 10 ml\u003c\/p\u003e\n \u003cp class=\"mp-description\"\u003eToute la puissance rafraîchissante du menthol, concentrée dans un flacon d'exception cultivé et distillé au cœur de l'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eHE de menthe poivrée bio : la fraîcheur et vitalité made in Auvergne\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003eVous cherchez une huile essentielle de menthe poivrée d'exception, cultivée et distillée en France ? La Distillerie Saint-Hilaire, installée au cœur de l'Auvergne, vous propose un produit certifié bio et issu du commerce équitable.\u003c\/p\u003e\n \u003cp class=\"mp-section-intro\"\u003eObtenue par distillation à la vapeur des feuilles fraîches de \u003cem\u003eMentha x piperita\u003c\/em\u003e, cette huile essentielle chémotypée concentre toute la puissance aromatique et les propriétés remarquables de la menthe poivrée dans un flacon de 10 ml.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle de menthe poivrée\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003eSa richesse en menthol lui confère un profil aromatique frais et intense, reconnaissable entre tous. Découvrez ses principaux bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"mp-grid\"\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour faciliter la digestion, elle est une alliée précieuse après un repas copieux ou en cas de nausées passagères, notamment lors du mal des transports.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e❄️ Effet rafraîchissant et antalgique\u003c\/h3\u003e\n \u003cp\u003eAppliquée localement (toujours diluée), elle procure une sensation de froid immédiate qui aide à apaiser les tensions au niveau des tempes ou les inconforts musculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e⚡ Stimulante et tonifiante\u003c\/h3\u003e\n \u003cp\u003eSon parfum vif et mentholé favorise la concentration et lutte contre la fatigue mentale. Idéale lors d'une période d'examens ou de travail intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌬️ Purifiante en diffusion\u003c\/h3\u003e\n \u003cp\u003eElle assainit et rafraîchit l'air ambiant, créant une atmosphère revitalisante dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🤚 Apaisante pour les démangeaisons\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale, elle calme les sensations d'irritation cutanée grâce à son action anesthésiante locale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de menthe poivrée ?\u003c\/h2\u003e\n \u003cp class=\"mp-section-intro\"\u003eL'utilisation de l'huile essentielle de menthe poivrée est polyvalente. Voici les modes d'emploi les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"mp-timeline\"\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003eVoie orale\u003c\/h3\u003e\n \u003cp\u003e2 gouttes le matin et 3 gouttes le soir, déposées sur un support neutre (cuillère de miel, comprimé neutre ou huile végétale alimentaire). Dose journalière recommandée : 150 mg\/jour. Ne pas dépasser la dose indiquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003eApplication cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 2 gouttes dans une cuillère à café d'huile végétale (amande douce, jojoba) avant d'appliquer sur la zone concernée. Pour les maux de tête, massez délicatement les tempes en évitant le contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-item\"\u003e\n \u003cdiv class=\"mp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mp-timeline-content\"\u003e\n \u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eAjoutez quelques gouttes dans votre diffuseur pendant 15 à 20 minutes pour purifier et dynamiser l'atmosphère de votre pièce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-tip\"\u003e\n \u003cspan class=\"mp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en période de forte chaleur, ajoutez 1 à 2 gouttes dans votre shampoing pour une sensation de fraîcheur intense et durable sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"mp-grid-compact\"\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMentha x piperita L.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🧬 Composés principaux\u003c\/h3\u003e\n \u003cp\u003eMenthol, menthone, acétate de menthyle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eAuvergne, France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB) – Commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mp-card\"\u003e\n \u003ch3\u003e🏷️ INCI\u003c\/h3\u003e\n \u003cp\u003eMentha piperita oil*. *Issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mp-accordion\"\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e🚫 Personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes, ainsi qu'aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e💧 Dilution obligatoire\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale. Éviter tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute, d'antécédents épileptiques ou de traitement en cours, demandez conseil à votre médecin ou pharmacien. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mp-accordion-item\"\u003e\n \u003csummary class=\"mp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur, bien fermé, hors de portée des enfants. En respectant ces conseils, vous profiterez pleinement de tout ce que cette huile essentielle de menthe poivrée bio a à vous offrir au quotidien.\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=\"mp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mp-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez-vous la fraîcheur authentique de l'Auvergne avec cette huile essentielle de menthe poivrée bio, certifiée et chémotypée – un indispensable de votre aromathèque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mp-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. Les informations fournies ne se substituent pas à un avis médical. Complément alimentaire. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mp-cream: #f5f8f4;\n --mp-white: #ffffff;\n --mp-primary: #2d6a3f;\n --mp-primary-dark: #1b4228;\n --mp-primary-light: #e8f2eb;\n --mp-secondary: #5bae75;\n --mp-accent: #a8d5b8;\n --mp-text: #1a1a1a;\n --mp-text-light: #5a5a5a;\n --mp-border: #d9e6dd;\n --mp-shadow: 0 4px 24px rgba(27,66,40,.08);\n --mp-shadow-lg: 0 12px 48px rgba(27,66,40,.15);\n --mp-radius: 20px;\n --mp-radius-sm: 12px;\n}\n\n.mp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mp-hero {\n position: relative;\n background: linear-gradient(135deg, #1b4228 0%, #2d6a3f 45%, #5bae75 100%);\n border-radius: var(--mp-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(--mp-shadow-lg);\n}\n\n.mp-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(168,213,184,.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.mp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mp-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.mp-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.mp-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.mp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mp-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(--mp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mp-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.mp-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(--mp-primary), var(--mp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mp-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.mp-card {\n background: var(--mp-white);\n border-radius: var(--mp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mp-shadow-lg);\n border-color: var(--mp-primary);\n}\n\n.mp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mp-grid-compact .mp-card {\n padding: 1rem;\n}\n\n.mp-grid-compact .mp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mp-grid-compact .mp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mp-primary), var(--mp-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.mp-timeline-content {\n flex: 1;\n background: var(--mp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mp-radius-sm);\n box-shadow: var(--mp-shadow);\n}\n\n.mp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mp-timeline-content p {\n font-size: 14px;\n color: var(--mp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.mp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mp-primary-light);\n border-radius: var(--mp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mp-tip p {\n font-size: 14px;\n color: var(--mp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mp-testimonial {\n background: var(--mp-white);\n border-radius: var(--mp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mp-shadow);\n border-left: 4px solid var(--mp-primary);\n}\n\n.mp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mp-accordion {\n background: var(--mp-white);\n border-radius: var(--mp-radius);\n box-shadow: var(--mp-shadow);\n overflow: hidden;\n}\n\n.mp-accordion-item {\n border-bottom: 1px solid var(--mp-border);\n margin: 0;\n padding: 0;\n}\n\n.mp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mp-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.mp-accordion-header:hover {\n background: var(--mp-primary-light);\n}\n\n.mp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mp-primary);\n transition: transform .2s ease;\n}\n\n.mp-accordion-item[open] .mp-accordion-header::after {\n content: '−';\n}\n\n.mp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mp-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mp-cta-box {\n background: linear-gradient(135deg, var(--mp-primary) 0%, var(--mp-primary-dark) 100%);\n border-radius: var(--mp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mp-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.mp-disclaimer {\n font-size: 12px;\n color: var(--mp-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 .mp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mp-card {\n padding: 1.125rem;\n }\n\n .mp-section {\n margin-bottom: 1.75rem;\n }\n\n .mp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mp-radius-sm);\n }\n\n .mp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mp-grid-compact {\n gap: .625rem;\n }\n\n .mp-grid-compact .mp-card {\n padding: .75rem;\n }\n\n .mp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mp-timeline-content h3 {\n font-size: 14px;\n }\n\n .mp-timeline-content p {\n font-size: 13px;\n }\n\n .mp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mp-testimonial {\n padding: 1.25rem;\n }\n\n .mp-testimonial-text {\n font-size: 14px;\n }\n\n .mp-section-intro {\n font-size: 14px;\n margin-bottom: 1rem;\n }\n\n .mp-badges-top {\n gap: 6px;\n margin-bottom: 1rem;\n }\n\n .mp-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mp-card {\n animation: mpFadeInUp .5s ease backwards;\n }\n .mp-card:nth-child(1) { animation-delay: .05s; }\n .mp-card:nth-child(2) { animation-delay: .1s; }\n .mp-card:nth-child(3) { animation-delay: .15s; }\n .mp-card:nth-child(4) { animation-delay: .2s; }\n .mp-card:nth-child(5) { animation-delay: .25s; }\n .mp-card:nth-child(6) { animation-delay: .3s; }\n .mp-card:nth-child(7) { animation-delay: .35s; }\n .mp-card:nth-child(8) { animation-delay: .4s; }\n\n .mp-timeline-item {\n animation: mpFadeInUp .5s ease backwards;\n }\n .mp-timeline-item:nth-child(1) { animation-delay: .1s; }\n .mp-timeline-item:nth-child(2) { animation-delay: .2s; }\n .mp-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes mpFadeInUp {\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 .mp-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":54858348757369,"sku":"NBAIDSH0032","price":8.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-menthe-poivree-bio-saint-hilaire-10-ml-packshothd.webp?v=1774513717"},{"product_id":"huile-essentielle-lavande-vraie-bio","title":"Huile Essentielle de Lavande vraie Bio- Saint Hilaire - 10 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Essentielle de Lavande vraie Bio - Distillerie Saint-Hilaire\nPalette détectée:\n - Primaire: #6B3FA0 (violet\/lavande profond du packaging)\n - Secondaire: #2D5F3A (vert foncé du bouchon)\n - Accent: #C9A0DC (mauve clair\/lilas de l'étiquette)\n - Brun ambré: #8B5E3C (flacon en verre ambré)\nAmbiance: Naturel\/bio, artisanal français, aromathérapie, douceur provençale, authenticité terroir Auvergne\nPréfixe CSS: lv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile essentielle de Lavande vraie Bio – La référence en aromathérapie\"\n 2. \"Bienfaits reconnus de la lavande vraie en aromathérapie\"\n 3. \"Lavande vraie, lavande aspic : quelle différence ?\"\n 4. \"Comment utiliser cette huile essentielle de lavande ?\"\n 5. \"Composition\"\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=\"lv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lv-hero\"\u003e\n \u003cdiv class=\"lv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lv-hero-content\"\u003e\n \u003cdiv class=\"lv-badges-top\"\u003e\n \u003cspan class=\"lv-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e🏔️ Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e🔬 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"lv-badge\"\u003e💜 Lavandula angustifolia\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lv-hero-title\"\u003eHuile essentielle de Lavande vraie Bio\u003c\/span\u003e\n \u003cp class=\"lv-subtitle\"\u003eDistillerie Saint-Hilaire · 10 ml\u003c\/p\u003e\n \u003cp class=\"lv-description\"\u003eLa plus polyvalente et la plus douce de toutes les huiles essentielles. Distillée à la vapeur d'eau à partir de sommités fleuries récoltées en Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eHuile essentielle de Lavande vraie Bio – La référence en aromathérapie\u003c\/h2\u003e\n \u003cp class=\"lv-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de lavande vraie\u003c\/strong\u003e (\u003cem\u003eLavandula angustifolia\u003c\/em\u003e) de la Distillerie Saint-Hilaire est obtenue par distillation à la vapeur d'eau des \u003cstrong\u003esommités fleuries\u003c\/strong\u003e, récoltées en Auvergne selon les principes de l'agriculture biologique. Chémotypée et certifiée bio, elle vous garantit une traçabilité complète et une composition irréprochable, sans pesticides ni solvants chimiques.\u003c\/p\u003e\n \u003cdiv class=\"lv-highlight-box\"\u003e\n \u003cp\u003eSi vous ne deviez posséder \u003cstrong\u003equ'une seule huile essentielle\u003c\/strong\u003e, ce serait probablement celle-ci. La \u003cstrong\u003elavande vraie\u003c\/strong\u003e — aussi appelée lavande fine ou lavande officinale — est considérée comme la plus polyvalente et la plus douce de toutes les huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eBienfaits reconnus de la lavande vraie en aromathérapie\u003c\/h2\u003e\n \u003cdiv class=\"lv-grid\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e😴 Relaxation et sommeil\u003c\/h3\u003e\n \u003cp\u003eSes molécules principales — le \u003cstrong\u003elinalol\u003c\/strong\u003e et l'\u003cstrong\u003eacétate de linalyle\u003c\/strong\u003e — sont reconnues pour leurs propriétés calmantes et sédatives. Quelques gouttes sur l'oreiller ou dans un diffuseur avant le coucher favorisent un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil de meilleure qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🩹 Apaisement cutané\u003c\/h3\u003e\n \u003cp\u003eCicatrisante et régénératrice, elle est traditionnellement utilisée pour calmer les petites brûlures, les piqûres d'insectes, les irritations ou les rougeurs. C'est l'une des rares huiles essentielles \u003cstrong\u003etolérées pures\u003c\/strong\u003e sur une zone très localisée chez l'adulte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e💪 Décontractante musculaire\u003c\/h3\u003e\n \u003cp\u003eEn massage diluée dans une huile végétale, elle aide à soulager les \u003cstrong\u003etensions musculaires\u003c\/strong\u003e, les crampes et les courbatures après un effort physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌀 Antispasmodique\u003c\/h3\u003e\n \u003cp\u003eElle peut contribuer à atténuer les \u003cstrong\u003emaux de tête liés au stress\u003c\/strong\u003e ou les spasmes digestifs d'origine nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eLavande vraie, lavande aspic : quelle différence ?\u003c\/h2\u003e\n \u003cdiv class=\"lv-comparison\"\u003e\n \u003cdiv class=\"lv-comparison-col lv-comparison-vraie\"\u003e\n \u003cdiv class=\"lv-comparison-header\"\u003e💜 Lavande vraie\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eProfil \u003cstrong\u003edoux et apaisant\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eIdéale pour la \u003cstrong\u003erelaxation\u003c\/strong\u003e et le \u003cstrong\u003esommeil\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eSoins quotidiens de la peau\u003c\/li\u003e\n \u003cli\u003eSystème nerveux et bien-être émotionnel\u003c\/li\u003e\n \u003cli\u003eRiche en linalol et acétate de linalyle\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-comparison-col lv-comparison-aspic\"\u003e\n \u003cdiv class=\"lv-comparison-header\"\u003e🐝 Lavande aspic\u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eProfil plus \u003cstrong\u003epuissant et camphrée\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eOrientée vers les \u003cstrong\u003eproblèmes cutanés marqués\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003ePiqûres, brûlures intenses\u003c\/li\u003e\n \u003cli\u003eAction plus ciblée, moins polyvalente\u003c\/li\u003e\n \u003cli\u003eTeneur en camphre plus élevée\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-tip\"\u003e\n \u003cspan class=\"lv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour la \u003cstrong\u003erelaxation\u003c\/strong\u003e, le \u003cstrong\u003esommeil\u003c\/strong\u003e et les \u003cstrong\u003esoins quotidiens de la peau\u003c\/strong\u003e, c'est bien la lavande vraie qu'il vous faut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de lavande ?\u003c\/h2\u003e\n \u003cdiv class=\"lv-timeline\"\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 à 10 gouttes\u003c\/strong\u003e dans votre diffuseur, 20 minutes avant le coucher, pour créer une atmosphère propice à la détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003e🤲 En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e dans une cuillère à café d'huile végétale (amande douce, jojoba) pour masser les tempes, la nuque ou les zones musculaires tendues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003e🛁 Dans le bain\u003c\/h3\u003e\n \u003cp\u003eMélangez \u003cstrong\u003e5 gouttes\u003c\/strong\u003e à une base neutre (sel de bain, lait) avant de les ajouter à l'eau chaude pour un moment de relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-item\"\u003e\n \u003cdiv class=\"lv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lv-timeline-content\"\u003e\n \u003ch3\u003e🧒 Contre les poux\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003elavande\u003c\/strong\u003e est traditionnellement utilisée en prévention des \u003cstrong\u003epoux\u003c\/strong\u003e. Déposez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e derrière les oreilles de votre enfant (à partir de 6 ans) après dilution dans une huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 \u0026 #6 regroupés en accordéon --\u003e\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"lv-grid-compact\"\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eLavandula angustifolia\u003c\/em\u003e oil* — *issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🌸 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eSommité fleurie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🔬 Chémotype principal\u003c\/h3\u003e\n \u003cp\u003eLinalol, acétate de linalyle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lv-card\"\u003e\n \u003ch3\u003e🧴 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon verre ambré de 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lv-accordion\"\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservée à l'adulte et à l'enfant de plus de 6 ans. \u003cstrong\u003eDéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e⚠️ Règles de sécurité\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas ingérer. Évitez tout contact avec les yeux et les muqueuses. En cas de doute, réalisez un test cutané au creux du coude 24 heures avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lv-accordion-item\"\u003e\n \u003csummary class=\"lv-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"lv-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. Consultez un professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"lv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lv-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez-vous la sérénité d'une \u003cstrong\u003elavande vraie d'exception\u003c\/strong\u003e, distillée au cœur de l'Auvergne. L'indispensable de votre trousse aromathérapie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lv-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments et ne remplacent pas un avis médical. Usage externe uniquement. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --lv-cream: #f9f5fc;\n --lv-white: #ffffff;\n --lv-primary: #7B4FA2;\n --lv-primary-dark: #4A2D6B;\n --lv-primary-light: #f0e6f6;\n --lv-secondary: #2D5F3A;\n --lv-accent: #C9A0DC;\n --lv-text: #1a1a1a;\n --lv-text-light: #5a5a5a;\n --lv-border: #e4d9ed;\n --lv-shadow: 0 4px 24px rgba(75, 45, 107, .08);\n --lv-shadow-lg: 0 12px 48px rgba(75, 45, 107, .15);\n --lv-radius: 20px;\n --lv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lv-premium *, .lv-premium *::before, .lv-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.lv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lv-primary-dark) 0%, var(--lv-primary) 45%, #9B6FBF 75%, var(--lv-accent) 100%);\n border-radius: var(--lv-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(--lv-shadow-lg);\n}\n\n.lv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.lv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lv-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.lv-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.lv-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.lv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lv-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(--lv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lv-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.lv-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(--lv-primary), var(--lv-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lv-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\/* === HIGHLIGHT BOX === *\/\n.lv-highlight-box {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lv-shadow);\n border-left: 4px solid var(--lv-accent);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.lv-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--lv-text);\n line-height: 1.7;\n margin: 0;\n text-align: center;\n}\n\n\/* === CARDS === *\/\n.lv-card {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lv-shadow-lg);\n border-color: var(--lv-primary);\n}\n\n.lv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lv-grid-compact .lv-card {\n padding: 1rem;\n}\n\n.lv-grid-compact .lv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lv-grid-compact .lv-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON TABLE === *\/\n.lv-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.lv-comparison-col {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lv-shadow);\n border-top: 4px solid transparent;\n transition: all .3s ease;\n}\n\n.lv-comparison-col:hover {\n transform: translateY(-4px);\n box-shadow: var(--lv-shadow-lg);\n}\n\n.lv-comparison-vraie {\n border-top-color: var(--lv-primary);\n}\n\n.lv-comparison-aspic {\n border-top-color: var(--lv-secondary);\n}\n\n.lv-comparison-header {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--lv-primary-dark);\n margin-bottom: 1rem;\n text-align: center;\n}\n\n.lv-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.lv-comparison-col ul li {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lv-text-light);\n padding: .5rem 0;\n border-bottom: 1px solid var(--lv-border);\n line-height: 1.5;\n}\n\n.lv-comparison-col ul li:last-child {\n border-bottom: none;\n}\n\n\/* === TIMELINE === *\/\n.lv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lv-primary), var(--lv-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(123, 79, 162, .3);\n}\n\n.lv-timeline-content {\n flex: 1;\n background: var(--lv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lv-radius-sm);\n box-shadow: var(--lv-shadow);\n transition: all .3s ease;\n}\n\n.lv-timeline-content:hover {\n transform: translateX(4px);\n box-shadow: var(--lv-shadow-lg);\n}\n\n.lv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lv-timeline-content p {\n font-size: 14px;\n color: var(--lv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lv-testimonial {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lv-shadow);\n border-left: 4px solid var(--lv-primary);\n}\n\n.lv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.lv-accordion {\n background: var(--lv-white);\n border-radius: var(--lv-radius);\n box-shadow: var(--lv-shadow);\n overflow: hidden;\n}\n\n.lv-accordion-item {\n border-bottom: 1px solid var(--lv-border);\n margin: 0;\n padding: 0;\n}\n\n.lv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lv-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.lv-accordion-header:hover {\n background: var(--lv-primary-light);\n}\n\n.lv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lv-primary);\n transition: transform .2s ease;\n}\n\n.lv-accordion-item[open] .lv-accordion-header::after {\n content: '−';\n}\n\n.lv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lv-primary-light);\n border-radius: var(--lv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lv-tip p {\n font-size: 14px;\n color: var(--lv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lv-cta-box {\n background: linear-gradient(135deg, var(--lv-primary) 0%, var(--lv-primary-dark) 100%);\n border-radius: var(--lv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lv-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 50%, rgba(201, 160, 220, .2) 0%, transparent 60%);\n}\n\n.lv-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.lv-disclaimer {\n font-size: 12px;\n color: var(--lv-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 .lv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lv-card {\n padding: 1.125rem;\n }\n\n .lv-section {\n margin-bottom: 1.75rem;\n }\n\n .lv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lv-radius-sm);\n }\n\n .lv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte mobile *\/\n .lv-grid-compact {\n gap: .625rem;\n }\n\n .lv-grid-compact .lv-card {\n padding: .75rem;\n }\n\n \/* Comparison mobile : stack *\/\n .lv-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n \/* Timeline mobile *\/\n .lv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lv-timeline-content h3 {\n font-size: 14px;\n }\n\n .lv-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .lv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .lv-testimonial {\n padding: 1.25rem;\n }\n\n .lv-testimonial-text {\n font-size: 14px;\n }\n\n \/* Highlight box mobile *\/\n .lv-highlight-box {\n padding: 1rem;\n }\n\n .lv-highlight-box p {\n font-size: 14px;\n }\n\n \/* Tip box mobile *\/\n .lv-tip {\n padding: .875rem 1rem;\n }\n\n .lv-tip-icon {\n font-size: 20px;\n }\n\n .lv-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lv-card {\n animation: lvFadeInUp .5s ease backwards;\n }\n .lv-card:nth-child(1) { animation-delay: .05s; }\n .lv-card:nth-child(2) { animation-delay: .1s; }\n .lv-card:nth-child(3) { animation-delay: .15s; }\n .lv-card:nth-child(4) { animation-delay: .2s; }\n .lv-card:nth-child(5) { animation-delay: .25s; }\n .lv-card:nth-child(6) { animation-delay: .3s; }\n\n .lv-timeline-item {\n animation: lvFadeInUp .5s ease backwards;\n }\n .lv-timeline-item:nth-child(1) { animation-delay: .05s; }\n .lv-timeline-item:nth-child(2) { animation-delay: .1s; }\n .lv-timeline-item:nth-child(3) { animation-delay: .15s; }\n .lv-timeline-item:nth-child(4) { animation-delay: .2s; }\n\n .lv-comparison-col {\n animation: lvFadeInUp .5s ease backwards;\n }\n .lv-comparison-col:nth-child(1) { animation-delay: .05s; }\n .lv-comparison-col:nth-child(2) { animation-delay: .15s; }\n}\n\n@keyframes lvFadeInUp {\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 .lv-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":54858391323001,"sku":"NBAIDSH0017","price":8.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-lavande-vraie-bio-saint-hilaire-10-ml-bis-min.jpg?v=1757161883"},{"product_id":"menthe-nanah-bio-huile-essentielle-saint-hilaire","title":"Huile Essentielle de Menthe Nanah Bio - Saint-Hilaire - 10 ml","description":"\u003cdiv class=\"mn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mn-hero\"\u003e\n \u003cdiv class=\"mn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mn-hero-content\"\u003e\n \u003cdiv class=\"mn-badges-top\"\u003e\n \u003cspan class=\"mn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"mn-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"mn-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"mn-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mn-hero-title\"\u003eHuile essentielle de Menthe Nanah Bio\u003c\/span\u003e\n \u003cp class=\"mn-subtitle\"\u003eDistillerie Saint-Hilaire · 10 ml\u003c\/p\u003e\n \u003cp class=\"mn-description\"\u003eLa douceur rafraîchissante de la menthe marocaine, distillée avec un savoir-faire artisanal français depuis le cœur de l'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eHuile essentielle de Menthe Nanah Bio : la menthe marocaine aux vertus rafraîchissantes\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eVous recherchez une \u003cstrong\u003ehuile essentielle de menthe\u003c\/strong\u003e douce, parfumée et polyvalente ?\u003c\/p\u003e\n \u003cdiv class=\"mn-testimonial\"\u003e\n \u003cp class=\"mn-testimonial-text\"\u003eL'huile essentielle de \u003cstrong\u003eMenthe Nanah Bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est une alternative remarquable à l'\u003cstrong\u003ehuile essentielle de menthe poivrée\u003c\/strong\u003e. Issue de la variété \u003cem\u003eMentha viridis\u003c\/em\u003e, aussi appelée menthe verte ou menthe marocaine, elle séduit par son arôme frais et sucré, moins piquant que celui de la menthe poivrée. Certifiée bio et chémotypée, elle est distillée en Auvergne à partir des feuilles de la plante, dans le respect d'un savoir-faire artisanal français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eCaractéristiques et composition\u003c\/h2\u003e\n \u003cdiv class=\"mn-grid-compact\"\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eMentha viridis\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (AB) – Commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e👁️ Aspect\u003c\/h3\u003e\n \u003cp\u003eLiquide limpide, incolore à jaune verdâtre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌬️ Odeur\u003c\/h3\u003e\n \u003cp\u003eFraîche, herbacée, mentholée avec des notes douces de chlorophylle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e⚗️ Molécule clé\u003c\/h3\u003e\n \u003cp\u003eCarvone (profil plus doux que le menthol)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-tip\"\u003e\n \u003cspan class=\"mn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à l'\u003cstrong\u003ehuile essentielle de menthe poivrée\u003c\/strong\u003e, riche en menthol, la menthe Nanah se distingue par sa teneur en \u003cstrong\u003ecarvone\u003c\/strong\u003e. Ce composé lui confère un profil aromatique plus doux et une meilleure tolérance, ce qui en fait un choix judicieux pour les personnes sensibles au menthol pur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Menthe Nanah\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eSi vous vous demandez comment \u003cstrong\u003eutiliser l'huile essentielle de menthe\u003c\/strong\u003e au quotidien, voici les principaux bienfaits reconnus de la menthe Nanah :\u003c\/p\u003e\n \u003cdiv class=\"mn-grid\"\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour favoriser une digestion harmonieuse, elle aide à apaiser les inconforts gastro-intestinaux tels que les ballonnements ou les lourdeurs après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🌬️ Soutien respiratoire\u003c\/h3\u003e\n \u003cp\u003eAnti-catarrhale et mucolytique, elle contribue à dégager les voies respiratoires encombrées, notamment en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e⚡ Effet tonique et rafraîchissant\u003c\/h3\u003e\n \u003cp\u003eSon parfum vivifiant aide à chasser la fatigue mentale, à favoriser la concentration et à revitaliser l'esprit lors de baisses d'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-card\"\u003e\n \u003ch3\u003e🧘 Apaisement émotionnel\u003c\/h3\u003e\n \u003cp\u003ePlus douce que la menthe poivrée, elle aide à réguler les émotions et à calmer le stress grâce à ses notes herbacées réconfortantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de menthe ?\u003c\/h2\u003e\n \u003cp class=\"mn-section-intro\"\u003eL'\u003cstrong\u003eutilisation de l'huile essentielle de menthe\u003c\/strong\u003e Nanah s'adapte à vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"mn-timeline\"\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003eVoie orale\u003c\/h3\u003e\n \u003cp\u003e1 goutte, 3 fois par jour, diluée sur un support neutre (miel, huile végétale, comprimé neutre). Dose journalière recommandée : \u003cstrong\u003e90 mg\/jour maximum\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans votre diffuseur pour purifier l'atmosphère et créer une ambiance fraîche et dynamisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-item\"\u003e\n \u003cdiv class=\"mn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mn-timeline-content\"\u003e\n \u003ch3\u003eApplication cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluée à \u003cstrong\u003e20 %\u003c\/strong\u003e dans une huile végétale (amande douce, jojoba), en massage sur le ventre pour le confort digestif ou sur les tempes pour un effet vivifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mn-tip\"\u003e\n \u003cspan class=\"mn-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e après un repas copieux, déposez 1 goutte sur un sucre ou dans une tisane tiède pour soutenir votre digestion naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mn-accordion\"\u003e\n \u003cdetails class=\"mn-accordion-item\" open\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux femmes enceintes, allaitantes et aux enfants de moins de 6 ans. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mn-accordion-item\"\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e👁️ Contact et manipulation\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux et les muqueuses. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mn-accordion-item\"\u003e\n \u003csummary class=\"mn-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mn-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée, un mode de vie sain ou un traitement médical. En cas de doute, demandez conseil à un professionnel de santé ou à un aromathérapeute qualifié.\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=\"mn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mn-cta-box\"\u003e\n \u003cp\u003eLa Distillerie \u003cstrong\u003eSaint-Hilaire\u003c\/strong\u003e, installée au cœur de l'Auvergne, perpétue un savoir-faire artisanal exigeant. Chaque flacon est le fruit d'une distillation soignée, garantissant une huile essentielle pure, \u003cstrong\u003ebio\u003c\/strong\u003e et traçable. Un choix responsable pour votre bien-être au naturel. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mn-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. Elles ne peuvent se substituer à un traitement médical. Consultez un professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mn-cream: #f7f5f0;\n --mn-white: #ffffff;\n --mn-primary: #2e5e3f;\n --mn-primary-dark: #1c3d28;\n --mn-primary-light: #e8f0eb;\n --mn-secondary: #c49a3c;\n --mn-accent: #8bb174;\n --mn-text: #1a1a1a;\n --mn-text-light: #5a5a5a;\n --mn-border: #ddd8ce;\n --mn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mn-radius: 20px;\n --mn-radius-sm: 12px;\n}\n\n.mn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mn-primary-dark) 0%, var(--mn-primary) 50%, var(--mn-accent) 100%);\n border-radius: var(--mn-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(--mn-shadow-lg);\n}\n\n.mn-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(196,154,60,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mn-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(--mn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mn-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.mn-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.mn-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.mn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mn-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.mn-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(--mn-primary), var(--mn-secondary));\n border-radius: 2px;\n}\n\n.mn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mn-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.mn-card {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mn-shadow-lg);\n border-color: var(--mn-primary);\n}\n\n.mn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mn-grid-compact .mn-card {\n padding: 1rem;\n}\n\n.mn-grid-compact .mn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mn-grid-compact .mn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mn-primary), var(--mn-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.mn-timeline-content {\n flex: 1;\n background: var(--mn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mn-radius-sm);\n box-shadow: var(--mn-shadow);\n}\n\n.mn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mn-timeline-content p {\n font-size: 14px;\n color: var(--mn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mn-testimonial {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mn-shadow);\n border-left: 4px solid var(--mn-primary);\n}\n\n.mn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mn-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mn-accordion {\n background: var(--mn-white);\n border-radius: var(--mn-radius);\n box-shadow: var(--mn-shadow);\n overflow: hidden;\n}\n\n.mn-accordion-item {\n border-bottom: 1px solid var(--mn-border);\n margin: 0;\n padding: 0;\n}\n\n.mn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mn-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.mn-accordion-header:hover {\n background: var(--mn-primary-light);\n}\n\n.mn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mn-primary);\n transition: transform .2s ease;\n}\n\n.mn-accordion-item[open] .mn-accordion-header::after {\n content: '−';\n}\n\n.mn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mn-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mn-primary-light);\n border-radius: var(--mn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mn-tip p {\n font-size: 14px;\n color: var(--mn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mn-cta-box {\n background: linear-gradient(135deg, var(--mn-primary) 0%, var(--mn-primary-dark) 100%);\n border-radius: var(--mn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mn-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.mn-disclaimer {\n font-size: 12px;\n color: var(--mn-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 .mn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mn-card {\n padding: 1.125rem;\n }\n\n .mn-section {\n margin-bottom: 1.75rem;\n }\n\n .mn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mn-radius-sm);\n }\n\n .mn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mn-grid-compact {\n gap: .625rem;\n }\n\n .mn-grid-compact .mn-card {\n padding: .75rem;\n }\n\n .mn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mn-timeline-content h3 {\n font-size: 14px;\n }\n\n .mn-timeline-content p {\n font-size: 13px;\n }\n\n .mn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mn-testimonial {\n padding: 1.25rem;\n }\n\n .mn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mn-card {\n animation: mnFadeInUp .5s ease backwards;\n }\n .mn-card:nth-child(1) { animation-delay: .05s; }\n .mn-card:nth-child(2) { animation-delay: .1s; }\n .mn-card:nth-child(3) { animation-delay: .15s; }\n .mn-card:nth-child(4) { animation-delay: .2s; }\n .mn-card:nth-child(5) { animation-delay: .25s; }\n .mn-card:nth-child(6) { animation-delay: .3s; }\n .mn-card:nth-child(7) { animation-delay: .35s; }\n .mn-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes mnFadeInUp {\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 .mn-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":54858434380153,"sku":"NBAIDSH0001","price":9.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-menthe-nanah-bio-saint-hilaire-10-ml-ingredients_c4ad2346-6446-4314-be2e-46c356267b36.webp?v=1774258905"},{"product_id":"huile-essentielle-ylang-ylang-bio-saint-hilaire","title":"Huile Essentielle de Ylang Ylang complète Bio - Saint Hilaire - Flacon 10 ml","description":"\u003cdiv class=\"yy-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"yy-hero\"\u003e\n \u003cdiv class=\"yy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"yy-hero-content\"\u003e\n \u003cdiv class=\"yy-badges-top\"\u003e\n \u003cspan class=\"yy-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"yy-badge\"\u003e🌸 Distillation complète\u003c\/span\u003e\n \u003cspan class=\"yy-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"yy-hero-title\"\u003eHuile essentielle d'Ylang Ylang complète Bio\u003c\/span\u003e\n \u003cp class=\"yy-subtitle\"\u003eDistillerie Saint-Hilaire · Flacon 10 ml\u003c\/p\u003e\n \u003cp class=\"yy-description\"\u003eLe spectre aromatique complet de la fleur de \u003cem\u003eCananga odorata\u003c\/em\u003e, certifié bio et chémotypé, pour une aromathérapie d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Ylang Ylang complète Bio – Distillerie Saint-Hilaire\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eObtenue par distillation complète des \u003cstrong\u003efleurs fraîches de \u003cem\u003eCananga odorata\u003c\/em\u003e\u003c\/strong\u003e, cette \u003cstrong\u003ehuile essentielle d'Ylang Ylang bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire concentre l'intégralité du profil aromatique de la fleur.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid-compact\"\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🌺 Distillation complète\u003c\/h3\u003e\n \u003cp\u003eContrairement aux fractions (extra, première…), la version « complète » offre un spectre de molécules plus riche et équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eProfil biochimique analysé et garanti pour une aromathérapie précise et fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique certifiée, sans pesticides ni solvants chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e💧 Flacon 10 ml\u003c\/h3\u003e\n \u003cp\u003eFlacon ambré avec compte-gouttes intégré pour un dosage précis et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eBienfaits reconnus de l'huile essentielle d'Ylang Ylang\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eL'Ylang Ylang est l'une des huiles essentielles les plus prisées en aromathérapie. Voici pourquoi elle mérite une place dans votre trousse aromatique.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid\"\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e😌 Apaisement du stress et de l'anxiété\u003c\/h3\u003e\n \u003cp\u003eSon parfum floral puissant et voluptueux favorise la détente nerveuse. En diffusion ou en olfaction directe, elle aide à calmer l'agitation mentale et les tensions accumulées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e☀️ Soutien de l'humeur\u003c\/h3\u003e\n \u003cp\u003eRéputée euphorisante, elle est traditionnellement utilisée pour accompagner les baisses de moral, la mélancolie passagère et redonner un élan de joie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e✨ Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale, elle contribue à réguler la production de sébum et à redonner de l'éclat aux peaux ternes ou fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e💇 Beauté des cheveux\u003c\/h3\u003e\n \u003cp\u003eConnue pour fortifier la fibre capillaire, apporter brillance et souplesse, notamment aux cheveux secs ou abîmés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card\"\u003e\n \u003ch3\u003e🕯️ Ambiance sensorielle\u003c\/h3\u003e\n \u003cp\u003eSes notes chaudes et sensuelles créent une atmosphère intime et enveloppante dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle d'Ylang Ylang ?\u003c\/h2\u003e\n \u003cdiv class=\"yy-timeline\"\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez 4 à 6 gouttes dans votre diffuseur par séances de 20 à 30 minutes. Associez-la à la lavande vraie ou au petit grain bigarade pour une synergie relaxante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e💆 En massage relaxant\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à soupe d'huile végétale (amande douce, jojoba) et appliquez sur le plexus solaire, les poignets ou la nuque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🧴 En soin capillaire\u003c\/h3\u003e\n \u003cp\u003eAjoutez 1 à 2 gouttes dans votre dose de shampoing ou dans un masque à l'huile de coco. Laissez poser quelques minutes avant de rincer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-item\"\u003e\n \u003cdiv class=\"yy-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"yy-timeline-content\"\u003e\n \u003ch3\u003e🛁 En bain aromatique\u003c\/h3\u003e\n \u003cp\u003eMélangez 5 gouttes à une base dispersante (sel de bain, lait) avant de verser dans l'eau du bain pour un moment de détente profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Ylang Ylang : danger et précautions\u003c\/h2\u003e\n \u003cp class=\"yy-section-intro\"\u003eComme toute huile essentielle, l'huile essentielle d'Ylang Ylang demande quelques précautions. À forte dose ou pure sur la peau, elle peut provoquer des irritations cutanées ou des maux de tête. Respectez toujours une \u003cstrong\u003edilution de 20 % maximum\u003c\/strong\u003e dans une huile végétale.\u003c\/p\u003e\n \u003cdiv class=\"yy-grid-compact\"\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et allaitantes, ainsi qu'aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n \u003cp\u003eRéalisez un test au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e💊 Traitement médical\u003c\/h3\u003e\n \u003cp\u003eEn cas de traitement en cours, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"yy-card yy-card-warning\"\u003e\n \u003ch3\u003e⚕️ Avis médical\u003c\/h3\u003e\n \u003cp\u003eNe remplace en aucun cas un traitement médical. Usage en complément uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"yy-section\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"yy-accordion\"\u003e\n \u003cdetails class=\"yy-accordion-item\" open\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🌿 Identification botanique\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eNom botanique :\u003c\/strong\u003e \u003cem\u003eCananga odorata\u003c\/em\u003e\u003cbr\u003e\n \u003cstrong\u003ePartie distillée :\u003c\/strong\u003e fleurs\u003cbr\u003e\n \u003cstrong\u003eMéthode d'extraction :\u003c\/strong\u003e distillation complète à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🏷️ Certifications et qualité\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Agriculture biologique (AB)\u003cbr\u003e\n \u003cstrong\u003eChémotype :\u003c\/strong\u003e huile essentielle chémotypée\u003cbr\u003e\n \u003cstrong\u003eContenance :\u003c\/strong\u003e 10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🏭 Fabricant\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eFabricant :\u003c\/strong\u003e Distillerie Saint-Hilaire – Auvergne, France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"yy-accordion-item\"\u003e\n \u003csummary class=\"yy-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"yy-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de la chaleur pour préserver toute la richesse aromatique de cette huile essentielle d'Ylang Ylang bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"yy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"yy-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez-vous le spectre aromatique complet de l'Ylang Ylang bio – distillation intégrale, qualité chémotypée, savoir-faire d'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"yy-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --yy-cream: #fdf9f3;\n --yy-white: #ffffff;\n --yy-primary: #2d6a3f;\n --yy-primary-dark: #1b4a2b;\n --yy-primary-light: #e8f3ec;\n --yy-secondary: #e6c740;\n --yy-accent: #f5e27a;\n --yy-text: #1a1a1a;\n --yy-text-light: #5a5a5a;\n --yy-border: #e0e0e0;\n --yy-shadow: 0 4px 24px rgba(0,0,0,.08);\n --yy-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --yy-radius: 20px;\n --yy-radius-sm: 12px;\n}\n\n.yy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--yy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.yy-hero {\n position: relative;\n background: linear-gradient(135deg, var(--yy-primary-dark) 0%, var(--yy-primary) 50%, #3d8a54 100%);\n border-radius: var(--yy-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--yy-shadow-lg);\n}\n\n.yy-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(230,199,64,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(245,226,122,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.yy-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.yy-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.yy-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--yy-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.yy-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.yy-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.yy-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.yy-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.yy-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.yy-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--yy-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.yy-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--yy-primary), var(--yy-secondary));\n border-radius: 2px;\n}\n\n.yy-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--yy-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.yy-card {\n background: var(--yy-white);\n border-radius: var(--yy-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--yy-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.yy-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--yy-shadow-lg);\n border-color: var(--yy-primary);\n}\n\n.yy-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--yy-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.yy-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--yy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.yy-card-warning {\n border-left: 4px solid var(--yy-secondary);\n}\n\n\/* === GRILLES === *\/\n.yy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.yy-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.yy-grid-compact .yy-card {\n padding: 1rem;\n}\n\n.yy-grid-compact .yy-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.yy-grid-compact .yy-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.yy-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.yy-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.yy-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--yy-primary), var(--yy-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.yy-timeline-content {\n flex: 1;\n background: var(--yy-white);\n padding: 1rem 1.25rem;\n border-radius: var(--yy-radius-sm);\n box-shadow: var(--yy-shadow);\n transition: all .3s ease;\n}\n\n.yy-timeline-content:hover {\n transform: translateX(4px);\n box-shadow: var(--yy-shadow-lg);\n}\n\n.yy-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--yy-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.yy-timeline-content p {\n font-size: 14px;\n color: var(--yy-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.yy-accordion {\n background: var(--yy-white);\n border-radius: var(--yy-radius);\n box-shadow: var(--yy-shadow);\n overflow: hidden;\n}\n\n.yy-accordion-item {\n border-bottom: 1px solid var(--yy-border);\n margin: 0;\n padding: 0;\n}\n\n.yy-accordion-item:last-child {\n border-bottom: none;\n}\n\n.yy-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--yy-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.yy-accordion-header:hover {\n background: var(--yy-primary-light);\n}\n\n.yy-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.yy-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--yy-primary);\n transition: transform .2s ease;\n}\n\n.yy-accordion-item[open] .yy-accordion-header::after {\n content: '−';\n}\n\n.yy-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--yy-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.yy-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.yy-cta-box {\n background: linear-gradient(135deg, var(--yy-primary) 0%, var(--yy-primary-dark) 100%);\n border-radius: var(--yy-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.yy-cta-box::before {\n content: '';\n position: absolute;\n top: -50%; right: -20%;\n width: 300px; height: 300px;\n background: radial-gradient(circle, rgba(230,199,64,.2) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.yy-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.yy-disclaimer {\n font-size: 12px;\n color: var(--yy-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .yy-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .yy-card {\n padding: 1.125rem;\n }\n\n .yy-section {\n margin-bottom: 1.75rem;\n }\n\n .yy-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--yy-radius-sm);\n }\n\n .yy-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .yy-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .yy-grid-compact {\n gap: .625rem;\n }\n\n .yy-grid-compact .yy-card {\n padding: .75rem;\n }\n\n .yy-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .yy-timeline-content {\n padding: .875rem 1rem;\n }\n\n .yy-timeline-content h3 {\n font-size: 14px;\n }\n\n .yy-timeline-content p {\n font-size: 13px;\n }\n\n .yy-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .yy-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .yy-testimonial {\n padding: 1.25rem;\n }\n\n .yy-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .yy-card {\n animation: yyFadeInUp .5s ease backwards;\n }\n .yy-card:nth-child(1) { animation-delay: .05s; }\n .yy-card:nth-child(2) { animation-delay: .1s; }\n .yy-card:nth-child(3) { animation-delay: .15s; }\n .yy-card:nth-child(4) { animation-delay: .2s; }\n .yy-card:nth-child(5) { animation-delay: .25s; }\n .yy-card:nth-child(6) { animation-delay: .3s; }\n\n .yy-timeline-item {\n animation: yyFadeInUp .5s ease backwards;\n }\n .yy-timeline-item:nth-child(1) { animation-delay: .05s; }\n .yy-timeline-item:nth-child(2) { animation-delay: .1s; }\n .yy-timeline-item:nth-child(3) { animation-delay: .15s; }\n .yy-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes yyFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .yy-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858466918777,"sku":"NBAIDSH0012","price":9.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-ylang-ylang-complete-bio-saint-hilaire--packshothd.webp?v=1774427326"},{"product_id":"geranium-rosat-huile-essentielle-saint-hilaire","title":"Huile Essentielle de Géranium Rosat Bio - Saint Hilaire - 10 ml","description":"\u003cdiv class=\"gr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gr-hero\"\u003e\n \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gr-hero-content\"\u003e\n \u003cdiv class=\"gr-badges-top\"\u003e\n \u003cspan class=\"gr-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🌸 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gr-hero-title\"\u003eHuile essentielle de Géranium Rosat Bio\u003c\/span\u003e\n \u003cp class=\"gr-subtitle\"\u003eDistillerie Saint-Hilaire — 10 ml\u003c\/p\u003e\n \u003cp class=\"gr-description\"\u003eUn trésor floral aux vertus exceptionnelles pour la peau, l'esprit et le bien-être au quotidien. Pelargonium graveolens d'origine Égypte, distillé avec un savoir-faire artisanal d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eHuile essentielle de Géranium Rosat Bio – Un incontournable de l'aromathérapie\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de géranium rosat\u003c\/strong\u003e bio de la Distillerie Saint-Hilaire est un véritable trésor botanique. Obtenue par distillation à la vapeur d'eau des parties aériennes du \u003cem\u003ePelargonium graveolens\u003c\/em\u003e, elle dévoile un parfum floral et rosé d'une grande finesse.\u003c\/p\u003e\n \u003cp class=\"gr-section-intro\"\u003eQue vous cherchiez à prendre soin de votre peau, à éloigner les insectes ou à retrouver un équilibre émotionnel, cette \u003cstrong\u003ehuile essentielle bio\u003c\/strong\u003e saura répondre à vos attentes avec élégance.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de géranium rosat\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eLe \u003cstrong\u003egéranium rosat\u003c\/strong\u003e est l'une des huiles essentielles les plus polyvalentes en aromathérapie. Voici ses principales propriétés reconnues :\u003c\/p\u003e\n \u003cdiv class=\"gr-grid\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e✨ Régénérante cutanée\u003c\/h3\u003e\n \u003cp\u003eFavorise la cicatrisation des petites plaies, coupures et irritations. Particulièrement appréciée pour atténuer l'apparence des rides, des vergetures et des taches cutanées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🛡️ Anti-infectieuse et antifongique\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée en cas de mycoses cutanées, de candidoses ou d'affections comme l'eczéma, le psoriasis ou l'impétigo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💎 Astringente et tonifiante\u003c\/h3\u003e\n \u003cp\u003eResserre les pores, tonifie les tissus et améliore l'élasticité de la peau. Un allié précieux pour les peaux mixtes, grasses ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🦟 Répulsif naturel\u003c\/h3\u003e\n \u003cp\u003eSon arôme floral éloigne efficacement moustiques et autres nuisibles. Idéal en diffusion lors des soirées d'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧘 Apaisante émotionnelle\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, aide à réduire le stress, l'anxiété et la nervosité, instaurant une ambiance douce et harmonieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💜 Soutien circulatoire\u003c\/h3\u003e\n \u003cp\u003eHémostatique, elle contribue à atténuer les sensations de jambes lourdes et les petits saignements superficiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de géranium rosat ?\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eVoici quelques conseils pratiques pour profiter pleinement de ses bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"gr-timeline\"\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn soin cutané\u003c\/h3\u003e\n \u003cp\u003eDiluez 2 à 3 gouttes dans une cuillère à café d'huile végétale (jojoba, amande douce ou argan) et appliquez sur la zone concernée. Parfait pour le visage, les cicatrices ou les zones sujettes aux irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n \u003cp\u003eVersez 5 à 10 gouttes dans votre diffuseur pour créer une atmosphère relaxante et repousser les insectes naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003eEn synergie\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile essentielle géranium bourbon\u003c\/strong\u003e se marie parfaitement avec la lavande vraie, le palmarosa, l'ylang-ylang ou le citron pour des compositions personnalisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez 2 gouttes à votre crème de jour ou de nuit pour un soin anti-âge naturel et délicatement parfumé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePelargonium graveolens\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eParties aériennes (feuilles et tiges)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eÉgypte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronellol, géraniol, linalol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧪 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003ePelargonium graveolens oil*. *Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gr-accordion\"\u003e\n \u003cdetails class=\"gr-accordion-item\" open\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eComme toute huile essentielle, le géranium rosat doit être utilisé avec discernement. \u003cstrong\u003eNe jamais l'appliquer pure sur la peau\u003c\/strong\u003e : diluez-la toujours dans une huile végétale. Effectuez un test dans le pli du coude 48 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eElle est \u003cstrong\u003edéconseillée aux femmes enceintes et allaitantes\u003c\/strong\u003e ainsi qu'aux enfants de moins de 6 ans. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. Consultez votre médecin ou pharmacien pour tout usage thérapeutique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la Distillerie Saint-Hilaire ?\u003c\/h2\u003e\n \u003cdiv class=\"gr-cta-box\"\u003e\n \u003cp\u003eInstallée au cœur de l'Auvergne, la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e perpétue un savoir-faire artisanal exigeant. Chaque \u003cstrong\u003ehuile essentielle bio chémotypée\u003c\/strong\u003e est rigoureusement contrôlée pour garantir une traçabilité complète et une qualité irréprochable.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eEn choisissant cette huile essentielle de géranium rosat, vous optez pour un produit authentique, respectueux de la nature et de votre bien-être. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gr-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments et ne peuvent se substituer à un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gr-cream: #faf7f5;\n --gr-white: #ffffff;\n --gr-primary: #c76b8a;\n --gr-primary-dark: #2d4a3e;\n --gr-primary-light: #f5e8ed;\n --gr-secondary: #e8a0b5;\n --gr-accent: #8b5e3c;\n --gr-text: #1a1a1a;\n --gr-text-light: #5a5a5a;\n --gr-border: #e8ddd6;\n --gr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gr-radius: 20px;\n --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gr-primary-dark) 0%, #4a6e5d 40%, var(--gr-primary) 100%);\n border-radius: var(--gr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gr-shadow-lg);\n}\n\n.gr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,160,181,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.gr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gr-primary), var(--gr-secondary));\n border-radius: 2px;\n}\n\n.gr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gr-card {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gr-shadow-lg);\n border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n padding: 1rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gr-primary), var(--gr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gr-timeline-content {\n flex: 1;\n background: var(--gr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gr-radius-sm);\n box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n font-size: 14px;\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.gr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gr-primary-light);\n border-radius: var(--gr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gr-tip p {\n font-size: 14px;\n color: var(--gr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.gr-accordion {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n box-shadow: var(--gr-shadow);\n overflow: hidden;\n}\n\n.gr-accordion-item {\n border-bottom: 1px solid var(--gr-border);\n margin: 0;\n padding: 0;\n}\n\n.gr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gr-accordion-header:hover {\n background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gr-primary);\n transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n content: '−';\n}\n\n.gr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.gr-cta-box {\n background: linear-gradient(135deg, var(--gr-primary-dark) 0%, #4a6e5d 100%);\n border-radius: var(--gr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gr-disclaimer {\n font-size: 12px;\n color: var(--gr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gr-card {\n padding: 1.125rem;\n }\n\n .gr-section {\n margin-bottom: 1.75rem;\n }\n\n .gr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gr-radius-sm);\n }\n\n .gr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gr-grid-compact {\n gap: .625rem;\n }\n\n .gr-grid-compact .gr-card {\n padding: .75rem;\n }\n\n .gr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gr-timeline-content h3 {\n font-size: 14px;\n }\n\n .gr-timeline-content p {\n font-size: 13px;\n }\n\n .gr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gr-testimonial {\n padding: 1.25rem;\n }\n\n .gr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gr-card {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-card:nth-child(1) { animation-delay: .05s; }\n .gr-card:nth-child(2) { animation-delay: .1s; }\n .gr-card:nth-child(3) { animation-delay: .15s; }\n .gr-card:nth-child(4) { animation-delay: .2s; }\n .gr-card:nth-child(5) { animation-delay: .25s; }\n .gr-card:nth-child(6) { animation-delay: .3s; }\n .gr-card:nth-child(7) { animation-delay: .35s; }\n .gr-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes grFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858776445305,"sku":"NBAIDSH0003","price":9.84,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-geranium-rosat-bio-saint-hilaire-10-ml-packshothd.webp?v=1774513735"},{"product_id":"huile-vanille-bio-saint-hilaire","title":"Huile de Macération Vanille Bio - Saint Hilaire - 30 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Macération Vanille Bio - Saint Hilaire - 30 ml\nPalette détectée:\n - Primaire: #3A2F2B (brun foncé\/chocolat du flacon et de l'étiquette)\n - Secondaire: #C9A96E (doré\/or des liserés et textes sur l'étiquette)\n - Accent: #D4B896 (beige chaud\/sable de l'ambiance pierre naturelle)\nAmbiance: Luxe naturel, artisanal premium, chaleureux et sensuel, tons terre\/vanille, univers cosmétique haut de gamme avec racines botaniques\nPréfixe CSS: vh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Vanille Bio – Macérât huileux de Vanille de Madagascar\"\n 2. \"Pourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\"\n 3. \"Les bienfaits de cette huile corps vanille bio\"\n 4. \"Composition – 100 % biologique\"\n 5. \"Comment utiliser cette huile de vanille bio ?\"\n 6. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"vh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"vh-hero\"\u003e\n \u003cdiv class=\"vh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"vh-hero-content\"\u003e\n \u003cdiv class=\"vh-badges-top\"\u003e\n \u003cspan class=\"vh-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🇲🇬 Vanille de Madagascar\u003c\/span\u003e\n \u003cspan class=\"vh-badge\"\u003e🏔️ Fabriqué en Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"vh-hero-title\"\u003eHuile de macération vanille bio\u003c\/span\u003e\n \u003cp class=\"vh-subtitle\"\u003eDistillerie Saint-Hilaire · 30 ml\u003c\/p\u003e\n \u003cp class=\"vh-description\"\u003eUn macérât huileux d'exception, artisanal et 100 % biologique, qui enveloppe votre peau, vos cheveux et vos sens d'un parfum gourmand de vanille de Madagascar.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eHuile de Vanille Bio – Macérât huileux de Vanille de Madagascar\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eDécouvrez une huile au parfum enveloppant, gourmand et délicat, qui prend soin de votre peau, de vos cheveux et de vos sens.\u003c\/p\u003e\n \u003cdiv class=\"vh-highlight-box\"\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile de vanille bio\u003c\/strong\u003e signée Distillerie Saint-Hilaire est élaborée artisanalement en Auvergne. Ce \u003cstrong\u003emacérât huileux de vanille\u003c\/strong\u003e réunit le meilleur de la vanille de Madagascar et de l'huile de sésame biologique dans un flacon compte-gouttes de 30 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003ePourquoi choisir un macérât huileux plutôt qu'une huile essentielle de vanille ?\u003c\/h2\u003e\n \u003cdiv class=\"vh-testimonial\"\u003e\n \u003cp class=\"vh-testimonial-text\"\u003eContrairement à une \u003cstrong\u003ehuile essentielle de vanille bio\u003c\/strong\u003e — extrêmement rare et souvent reconstituée — le macérât huileux est obtenu par infusion lente des gousses dans une huile végétale. Ce procédé préserve les composés aromatiques et les actifs nourrissants de la vanille, tout en offrant un produit prêt à l'emploi, doux et adapté à une application directe sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eLes bienfaits de cette huile corps vanille bio\u003c\/h2\u003e\n \u003cdiv class=\"vh-grid\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de sésame biologique pénètre facilement l'épiderme pour nourrir en profondeur sans film gras. La peau retrouve souplesse et confort, même sur les zones les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la déshydratation\u003c\/h3\u003e\n \u003cp\u003eCe macérât forme un voile protecteur qui aide la peau à conserver son hydratation naturelle tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e✨ Soin capillaire réparateur\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, cette huile redonne brillance et douceur aux cheveux secs ou fragilisés. Quelques gouttes suffisent pour discipliner les frisottis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🤲 Huile de massage vanille bio\u003c\/h3\u003e\n \u003cp\u003eSon parfum chaud et sucré crée une atmosphère apaisante, idéale pour un massage relaxant. La vanille est réputée pour ses vertus réconfortantes et sensuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🪶 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eSa texture sèche et légère laisse la peau douce comme de la soie, sans sensation collante ni résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComposition – 100 % biologique\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eUne formule minimaliste ne contenant que trois ingrédients, tous d'origine naturelle et biologique.\u003c\/p\u003e\n \u003cdiv class=\"vh-grid-compact\"\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🌱 Sesamum indicum seed oil\u003c\/h3\u003e\n \u003cp\u003eHuile de sésame désodorisée bio, base nourrissante et légère\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card\"\u003e\n \u003ch3\u003e🫘 Vanilla planifolia fruit extract\u003c\/h3\u003e\n \u003cp\u003eExtrait de gousses de vanille de Madagascar bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-card vh-card-full\"\u003e\n \u003ch3\u003e🧪 Vanillin\u003c\/h3\u003e\n \u003cp\u003eVanilline naturelle, molécule aromatique caractéristique de la vanille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-tip\"\u003e\n \u003cspan class=\"vh-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Produit certifié \u003cstrong\u003eCOSMOS ORGANIC par Ecocert\u003c\/strong\u003e. 100 % des ingrédients sont issus de l'agriculture biologique. Sans conservateur synthétique, sans parfum artificiel, sans huile minérale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de vanille bio ?\u003c\/h2\u003e\n \u003cp class=\"vh-section-intro\"\u003eVersez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e dans le creux de vos mains et frottez-les pour réchauffer l'huile. Appliquez ensuite selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"vh-timeline\"\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez les zones sèches après la douche, sur peau légèrement humide pour une meilleure absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eUtilisez 2 gouttes le soir, en complément de votre crème habituelle, pour un effet nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eSur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les pointes en soin sans rinçage, ou en masque avant-shampoing pendant 30 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-item\"\u003e\n \u003cdiv class=\"vh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"vh-timeline-content\"\u003e\n \u003ch3\u003eEn massage\u003c\/h3\u003e\n \u003cp\u003eUtilisez généreusement et profitez de l'arôme envoûtant pour un moment de détente absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"vh-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"vh-accordion\"\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver la qualité des actifs et du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. Effectuez un test au pli du coude avant la première utilisation si vous avez la peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"vh-accordion-item\"\u003e\n \u003csummary class=\"vh-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"vh-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"vh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"vh-cta-box\"\u003e\n \u003cp\u003eFabriquée avec passion par la \u003cstrong\u003eDistillerie Saint-Hilaire en Auvergne\u003c\/strong\u003e, cette huile à la vanille de Madagascar transforme chaque geste beauté en un rituel de douceur. Un soin polyvalent, naturel et certifié bio, à glisser dans votre routine quotidienne. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"vh-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --vh-cream: #FAF6F1;\n --vh-white: #ffffff;\n --vh-primary: #3A2F2B;\n --vh-primary-dark: #2A201C;\n --vh-primary-light: #F0E8DF;\n --vh-secondary: #C9A96E;\n --vh-accent: #D4B896;\n --vh-text: #1a1a1a;\n --vh-text-light: #5a5a5a;\n --vh-border: #E8DDD2;\n --vh-shadow: 0 4px 24px rgba(58,47,43,.08);\n --vh-shadow-lg: 0 12px 48px rgba(58,47,43,.15);\n --vh-radius: 20px;\n --vh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.vh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--vh-shadow-lg);\n}\n\n.vh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(201,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,184,150,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(201,169,110,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.vh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--vh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vh-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vh-subtitle {\n color: var(--vh-secondary);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.vh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.vh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.vh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--vh-secondary), var(--vh-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.vh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vh-highlight-box {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--vh-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.vh-card {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vh-shadow-lg);\n border-color: var(--vh-secondary);\n}\n\n.vh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vh-grid-compact .vh-card {\n padding: 1rem;\n}\n\n.vh-grid-compact .vh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vh-grid-compact .vh-card p {\n font-size: 12px;\n}\n\n.vh-card-full {\n grid-column: 1 \/ -1;\n}\n\n\/* === TIMELINE === *\/\n.vh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vh-primary), var(--vh-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.vh-timeline-content {\n flex: 1;\n background: var(--vh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vh-radius-sm);\n box-shadow: var(--vh-shadow);\n}\n\n.vh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vh-timeline-content p {\n font-size: 14px;\n color: var(--vh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vh-testimonial {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vh-shadow);\n border-left: 4px solid var(--vh-secondary);\n}\n\n.vh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vh-accordion {\n background: var(--vh-white);\n border-radius: var(--vh-radius);\n box-shadow: var(--vh-shadow);\n overflow: hidden;\n}\n\n.vh-accordion-item {\n border-bottom: 1px solid var(--vh-border);\n margin: 0;\n padding: 0;\n}\n\n.vh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.vh-accordion-header:hover {\n background: var(--vh-primary-light);\n}\n\n.vh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vh-secondary);\n transition: transform .2s ease;\n}\n\n.vh-accordion-item[open] .vh-accordion-header::after {\n content: '−';\n}\n\n.vh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vh-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vh-primary-light);\n border-radius: var(--vh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vh-tip p {\n font-size: 14px;\n color: var(--vh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vh-cta-box {\n background: linear-gradient(135deg, var(--vh-primary) 0%, #4A3D38 50%, var(--vh-primary-dark) 100%);\n border-radius: var(--vh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.vh-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(201,169,110,.15) 0%, transparent 50%);\n}\n\n.vh-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.vh-disclaimer {\n font-size: 12px;\n color: var(--vh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .vh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vh-card {\n padding: 1.125rem;\n }\n\n .vh-section {\n margin-bottom: 1.75rem;\n }\n\n .vh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vh-radius-sm);\n }\n\n .vh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vh-grid-compact {\n gap: .625rem;\n }\n\n .vh-grid-compact .vh-card {\n padding: .75rem;\n }\n\n .vh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vh-timeline-content h3 {\n font-size: 14px;\n }\n\n .vh-timeline-content p {\n font-size: 13px;\n }\n\n .vh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vh-testimonial {\n padding: 1.25rem;\n }\n\n .vh-testimonial-text {\n font-size: 14px;\n }\n\n .vh-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vh-card {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-card:nth-child(1) { animation-delay: .05s; }\n .vh-card:nth-child(2) { animation-delay: .1s; }\n .vh-card:nth-child(3) { animation-delay: .15s; }\n .vh-card:nth-child(4) { animation-delay: .2s; }\n .vh-card:nth-child(5) { animation-delay: .25s; }\n .vh-card:nth-child(6) { animation-delay: .3s; }\n\n .vh-timeline-item {\n animation: vhFadeInUp .5s ease backwards;\n }\n .vh-timeline-item:nth-child(1) { animation-delay: .05s; }\n .vh-timeline-item:nth-child(2) { animation-delay: .1s; }\n .vh-timeline-item:nth-child(3) { animation-delay: .15s; }\n .vh-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes vhFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .vh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54858929013113,"sku":"NBAIDSH0025","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-maceration-vanille-bio-saint-hilaire-30-ml_11zon.jpg?v=1763470848"},{"product_id":"huile-avocat-bio-saint-hilaire-50ml","title":"Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Avocat Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #6B8E23 (vert olive\/avocat de l'étiquette)\n - Secondaire: #8B5E3C (brun ambré du flacon en verre)\n - Accent: #C5D45A (vert-jaune chartreuse de la bande étiquette)\nAmbiance: Naturel\/bio, botanique, authentique, artisanal français (Auvergne), soin cosmétique végétal\nPréfixe CSS: av\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\"\n 2. \"Pourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\"\n 3. \"Bienfaits de l'huile végétale d'avocat bio pour la peau\"\n 4. \"Bienfaits de l'huile d'avocat bio pour les cheveux\"\n 5. \"Comment utiliser l'huile d'avocat bio au quotidien ?\"\n 6. \"Quels types de peau et de cheveux sont concernés ?\"\n 7. \"La Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\"\n 8. \"Précautions d'emploi et conservation\"\n 9. \"Questions fréquentes sur l'huile végétale d'avocat bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🫒 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🇫🇷 Distillé en Auvergne\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🧴 Flacon verre 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003eHuile végétale d'avocat bio\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003eDistillerie Saint-Hilaire — 50 ml\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eNutrition intense pour la peau et les cheveux. 100 % pure, vierge, extraite de la pulpe d'avocats bio par première pression à froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eHuile végétale d'avocat bio : le soin nourrissant par excellence pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez une huile végétale d'avocat de qualité, capable de nourrir en profondeur une peau assoiffée ou de redonner vie à des cheveux fatigués ?\u003c\/p\u003e\n \u003cdiv class=\"av-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ehuile d'avocat bio\u003c\/strong\u003e de la Distillerie Saint-Hilaire est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid de la pulpe\u003c\/strong\u003e d'avocats issus de l'agriculture biologique (\u003cem\u003ePersea gratissima\u003c\/em\u003e), elle conserve l'intégralité de ses acides gras, vitamines et antioxydants — sans aucun raffinage, sans additif, sans compromis.\u003c\/p\u003e\n \u003cp\u003eConditionnée dans un élégant \u003cstrong\u003eflacon en verre de 50 ml\u003c\/strong\u003e équipé d'un spray pratique, cette huile végétale bio est pensée pour s'intégrer facilement à votre routine beauté quotidienne, que ce soit en soin visage, corps ou capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile végétale d'avocat ? Composition et richesse nutritive\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eL'huile bio d'avocat se distingue des autres huiles végétales par un profil lipidique exceptionnellement riche et équilibré. Sa composition en fait un véritable concentré de bienfaits :\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫒 Acide oléique (oméga-9)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e55 à 70 %\u003c\/strong\u003e — acide gras mono-insaturé principal. Pénètre facilement l'épiderme pour nourrir les couches profondes, renforce le film hydrolipidique et apporte une souplesse durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Acide palmitoléique (oméga-7)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 à 10 %\u003c\/strong\u003e — rare dans le monde végétal, naturellement présent dans le sébum humain. Contribue à la régénération des peaux matures ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💧 Acide linoléique (oméga-6)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 15 %\u003c\/strong\u003e — essentiel au maintien de la barrière cutanée. Aide à prévenir la déshydratation et apaise les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Acide palmitique\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 à 20 %\u003c\/strong\u003e — participe à l'effet protecteur et émollient de l'huile, renforçant la couche lipidique naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌟 Vitamines A, D, E et K\u003c\/h3\u003e\n \u003cp\u003eLa vitamine E agit comme un puissant antioxydant. La vitamine A soutient le renouvellement cellulaire. La vitamine K contribue à atténuer cernes et rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Phytostérols et caroténoïdes\u003c\/h3\u003e\n \u003cp\u003eComposés bioactifs qui renforcent les propriétés réparatrices et anti-âge de l'huile pour une peau visiblement revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient INCI :\u003c\/strong\u003e Persea Gratissima Oil* — \u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003cbr\u003e\n \u003cstrong\u003ePartie pressée :\u003c\/strong\u003e pulpe du fruit. C'est cette extraction à partir de la chair (et non du noyau) qui confère à l'huile sa couleur verte caractéristique et sa richesse exceptionnelle en nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile végétale d'avocat bio pour la peau\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLes bienfaits de l'huile végétale d'avocat sur la peau sont multiples et particulièrement appréciés des peaux sèches, matures ou fragilisées. Tous les types de peau peuvent y trouver leur compte.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💦 Nutrition intense des peaux sèches et déshydratées\u003c\/h3\u003e\n \u003cp\u003eSi votre peau tiraille, pèle ou manque cruellement de confort, l'huile d'avocat est l'une des huiles végétales les plus nourrissantes. Sa texture riche mais non grasse pénètre remarquablement bien sans laisser de film collant. Elle restaure le film hydrolipidique et aide la peau à retenir son hydratation naturelle. Vous sentirez la différence dès les premières applications : une peau plus douce, plus souple, véritablement apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Soin anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en \u003cstrong\u003evitamine E, en phytostérols et en acide palmitoléique\u003c\/strong\u003e, cette huile contribue à préserver l'élasticité de la peau et à atténuer les signes visibles du vieillissement. Elle soutient le renouvellement cellulaire et aide à maintenir une peau d'apparence ferme et lumineuse. Un soin anti-âge naturel précieux, en complément de votre crème habituelle ou utilisée seule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🩹 Réparation des peaux abîmées et fragilisées\u003c\/h3\u003e\n \u003cp\u003ePeaux irritées par le froid, le vent, le soleil ou des soins trop agressifs ? L'huile d'avocat bio agit comme un véritable baume réparateur. Elle calme les inconforts, aide à restaurer la barrière cutanée endommagée et protège la peau des agressions extérieures. Excellent soin pour les coudes, genoux, talons et mains gercées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Alliée des peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eNaturellement bien tolérée, cette huile végétale convient aux peaux les plus délicates. Son profil en acides gras proches de ceux du sébum humain lui confère une excellente affinité avec la peau, minimisant les risques de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile d'avocat bio pour les cheveux\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eSi vous avez les cheveux secs, cassants, ternes ou crépus, l'huile végétale d'avocat pourrait bien devenir votre meilleure alliée capillaire.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💪 Nutrition profonde de la fibre capillaire\u003c\/h3\u003e\n \u003cp\u003eContrairement à de nombreuses huiles qui restent en surface, l'huile d'avocat possède une capacité remarquable à pénétrer la fibre du cheveu. Elle nourrit de l'intérieur, redonnant souplesse, brillance et résistance aux cheveux les plus desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Protection contre la casse\u003c\/h3\u003e\n \u003cp\u003eEn renforçant la structure du cheveu, elle réduit significativement la casse et les pointes fourchues. Particulièrement recommandée si vos cheveux sont abîmés par les colorations, le lissage ou les appareils chauffants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Soin du cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAppliquée en massage sur le cuir chevelu, elle nourrit la peau et favorise un environnement sain pour la pousse. D'un grand secours en cas de cuir chevelu sec ou sujet aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Discipline des cheveux frisés et crépus\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les longueurs et les pointes suffisent à dompter les frisottis et à définir les boucles, tout en apportant un toucher soyeux et une brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'avocat bio au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eLa polyvalence de cette huile végétale est l'un de ses plus grands atouts. Voici des conseils d'utilisation concrets pour en tirer le meilleur parti :\u003c\/p\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage quotidien\u003c\/h3\u003e\n \u003cp\u003eLe soir, après avoir nettoyé votre peau, appliquez \u003cstrong\u003e3 à 5 gouttes\u003c\/strong\u003e sur le visage et le cou. Massez doucement en mouvements circulaires ascendants. Utilisez-la seule ou mélangée à votre crème de nuit. Le matin, une ou deux gouttes sur les zones sèches suffisent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez délicatement une micro-goutte sous chaque œil, du coin interne vers le coin externe. Sa teneur en vitamine K en fait un soin intéressant pour la zone fragile du contour des yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn soin corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur une peau encore légèrement humide, appliquez généreusement sur les zones sèches (jambes, bras, mains, pieds). L'eau résiduelle facilite l'absorption et renforce l'effet hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire avant-shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs et les pointes, massez le cuir chevelu. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 1 à 2 heures\u003c\/strong\u003e (ou toute une nuit). Procédez ensuite à votre shampooing — deux lavages peuvent être nécessaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn sérum sans rinçage pour les pointes\u003c\/h3\u003e\n \u003cp\u003eSur cheveux secs ou humides, frottez une à deux gouttes entre vos paumes et lissez-les sur les pointes. Cela protège les cheveux de la sécheresse sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eEn base pour vos mélanges cosmétiques maison\u003c\/h3\u003e\n \u003cp\u003eExcellente base pour diluer des huiles essentielles ou créer vos propres sérums. Se marie parfaitement avec l'huile essentielle de \u003cstrong\u003elavande\u003c\/strong\u003e (apaisante), d'\u003cstrong\u003eylang-ylang\u003c\/strong\u003e (cheveux) ou de \u003cstrong\u003egéranium rosat\u003c\/strong\u003e (anti-âge).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eQuels types de peau et de cheveux sont concernés ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003ePour vous aider à savoir si cette huile bio d'avocat est faite pour vous, voici un récapitulatif :\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eTerrain de prédilection. Effet nourrissant immédiat et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eSoin anti-âge naturel grâce aux antioxydants et au soutien de l'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles ou irritées\u003c\/h3\u003e\n \u003cp\u003eApaisante et protectrice, elle restaure le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Peaux ternes et fatiguées\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat et donne un aspect plus lumineux au teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💇 Cheveux secs, cassants ou abîmés\u003c\/h3\u003e\n \u003cp\u003eNutrition et réparation en profondeur de la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e〰️ Cheveux crépus, frisés ou bouclés\u003c\/h3\u003e\n \u003cp\u003eDiscipline, définition des boucles et brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🧴 Cuir chevelu sec\u003c\/h3\u003e\n \u003cp\u003eApaise et nourrit sans agresser le cuir chevelu sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRemarque :\u003c\/strong\u003e si vous avez la peau grasse ou à tendance acnéique, l'huile d'avocat peut s'avérer un peu trop riche en application quotidienne sur le visage. Privilégiez une utilisation ponctuelle ou localisée sur les zones sèches uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eLa Distillerie Saint-Hilaire : un savoir-faire ancré en Auvergne\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eCette huile végétale est produite par la Distillerie Saint-Hilaire, une maison installée au cœur de l'Auvergne, reconnue pour son engagement envers la qualité et le respect de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌿 Agriculture biologique certifiée\u003c\/h3\u003e\n \u003cp\u003eLes avocats utilisés sont issus de cultures biologiques, sans pesticides ni engrais chimiques de synthèse. Un engagement fort pour la nature et votre santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n \u003cp\u003eCette méthode d'extraction douce, sans chaleur excessive, préserve l'intégralité des nutriments et des propriétés actives de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e💎 Huile 100 % pure et vierge\u003c\/h3\u003e\n \u003cp\u003eAucun additif, aucun conservateur, aucune dilution. Un produit brut et authentique, dans toute sa richesse naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e♻️ Flacon en verre recyclable\u003c\/h3\u003e\n \u003cp\u003eLe conditionnement en verre ambré protège l'huile de la lumière qui dégrade les vitamines, tout en s'inscrivant dans une démarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧴 Usage et application\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Évitez toute application sur les enfants de moins de 3 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e⚠️ Allergies et test cutané\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue à l'avocat ou au latex (allergie croisée possible), effectuez un test cutané dans le pli du coude \u003cstrong\u003e48 heures avant\u003c\/strong\u003e la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière directe\u003c\/strong\u003e pour préserver toutes les propriétés de l'huile. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue en aucun cas un traitement médical et ne saurait se substituer à l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eVos interrogations sur l'huile végétale d'avocat bio\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat bio est-elle comédogène ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile d'avocat possède un \u003cstrong\u003eindice de comédogénicité de 2 sur 5\u003c\/strong\u003e, ce qui la classe parmi les huiles modérément comédogènes. Pour la plupart des types de peau, elle ne pose aucun problème. Toutefois, si vous avez la peau très grasse ou sujette aux imperfections, privilégiez une utilisation avec parcimonie sur le visage ou réservez-la aux soins capillaires et corporels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on utiliser l'huile d'avocat autour des yeux ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tout à fait. Sa richesse en vitamines et sa texture qui pénètre bien en font un soin adapté à cette zone fragile. Veillez simplement à ne pas en appliquer directement dans les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eL'huile d'avocat convient-elle aux femmes enceintes ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile végétale d'avocat pure, sans ajout d'huiles essentielles, est généralement bien tolérée pendant la grossesse. Elle est d'ailleurs souvent recommandée pour prévenir les vergetures. En cas de doute, demandez l'avis de votre médecin ou de votre sage-femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003eComment savoir si mon huile d'avocat est encore bonne ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eUne huile d'avocat bio de qualité possède une \u003cstrong\u003eodeur douce et légèrement verte\u003c\/strong\u003e, caractéristique du fruit. Si elle dégage une odeur rance ou désagréable, elle s'est oxydée et il est préférable de ne plus l'utiliser. Bien conservée, elle se garde généralement entre \u003cstrong\u003e6 et 12 mois\u003c\/strong\u003e après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"av-accordion-item\"\u003e\n \u003csummary class=\"av-accordion-header\"\u003ePeut-on mélanger l'huile d'avocat avec d'autres huiles végétales ?\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. L'huile d'avocat se marie très bien avec l'\u003cstrong\u003ehuile de jojoba\u003c\/strong\u003e (pour équilibrer les peaux mixtes), l'\u003cstrong\u003ehuile de coco\u003c\/strong\u003e (pour un masque capillaire ultra-nourrissant) ou l'\u003cstrong\u003ehuile de rose musquée\u003c\/strong\u003e (pour renforcer l'effet anti-âge). N'hésitez pas à créer vos propres synergies selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"av-cta-box\"\u003e\n \u003cp\u003e🥑 Offrez à votre peau et vos cheveux le meilleur de la nature avec cette huile d'avocat bio, pure et authentique, distillée avec soin au cœur de l'Auvergne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Usage cosmétique externe uniquement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #6B8E23;\n --av-primary-dark: #3d5a0f;\n --av-primary-light: #f0f4e4;\n --av-secondary: #8B5E3C;\n --av-accent: #C5D45A;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #e0e0e0;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5a0f 0%, #6B8E23 40%, #8B5E3C 100%);\n border-radius: var(--av-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(197,212,90,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,94,60,.1) 0%, transparent 70%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.av-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.av-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.av-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--av-primary), var(--av-accent));\n border-radius: 2px;\n}\n\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.av-highlight-box {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--av-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.av-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107,142,35,.3);\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.av-testimonial {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-testimonial {\n padding: 1.25rem;\n }\n\n .av-testimonial-text {\n font-size: 14px;\n }\n\n .av-highlight-box {\n padding: 1.25rem;\n }\n\n .av-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n .av-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54861991182713,"sku":"NBAIDSH0024","price":6.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HVavocat_1_-min.jpg?v=1736419851"},{"product_id":"huile-vegetale-abricot-bio-50ml","title":"Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile Végétale d'Abricot Bio - Saint-Hilaire - 50 ml\nPalette détectée:\n - Primaire: #2D4A3E (vert foncé profond du logo\/étiquette Saint-Hilaire)\n - Secondaire: #E8A87C (pêche\/abricot doux de la bande étiquette)\n - Accent: #D4874D (ambre doré de l'huile\/flacon)\n - Background: #FDF5EE (beige rosé très clair, rappel du fond photo)\nAmbiance: Naturel, bio, artisanal, cosmétique premium, douceur, Auvergne, authenticité\nPréfixe CSS: ab\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\"\n 2. \"Les bienfaits de l'huile d'abricot pour le visage et le corps\"\n 3. \"Comment utiliser l'huile noyau d'abricot au quotidien ?\"\n 4. \"Composition\"\n 5. \"Qualité et engagement Saint-Hilaire\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ab-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ab-hero\"\u003e\n \u003cdiv class=\"ab-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-hero-content\"\u003e\n \u003cdiv class=\"ab-badges-top\"\u003e\n \u003cspan class=\"ab-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🍑 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🇫🇷 Distillerie d'Auvergne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eHuile végétale d'abricot bio\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eSaint-Hilaire — Flacon 50 ml avec pompe doseuse\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eL'éclat naturel d'une huile précieuse, pressée à froid à partir des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e. Riche en bêta-carotène et en vitamines A \u0026amp; E pour une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eHuile végétale de noyau d'abricot bio : l'alliée éclat de votre peau\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eVous cherchez une huile végétale d'abricot capable de redonner vie à votre teint tout en nourrissant votre peau en profondeur ?\u003c\/p\u003e\n \u003cdiv class=\"ab-highlight-box\"\u003e\n \u003cp\u003eL'huile végétale de noyau d'abricot bio de la \u003cstrong\u003eDistillerie Saint-Hilaire\u003c\/strong\u003e est exactement ce qu'il vous faut. Obtenue par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des amandons de \u003cem\u003ePrunus armeniaca\u003c\/em\u003e, elle conserve toute la richesse de ses actifs naturels : \u003cstrong\u003eacides gras insaturés\u003c\/strong\u003e, \u003cstrong\u003evitamine A\u003c\/strong\u003e (bêta-carotène) et \u003cstrong\u003evitamine E\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCertifiée \u003cstrong\u003ebiologique\u003c\/strong\u003e, cette huile est présentée dans un flacon en verre ambré de 50 ml muni d'une pompe doseuse, pour une utilisation précise et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'abricot pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile polyvalente à la texture sèche qui pénètre rapidement sans laisser de film gras.\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine immédiat\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa concentration en bêta-carotène, elle ravive les teints ternes et fatigués. Quelques gouttes suffisent pour retrouver un éclat lumineux, même en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eRiche en acide oléique (oméga 9) et en acide linoléique (oméga 6), elle renforce le film hydrolipidique cutané. La peau reste souple, douce et protégée des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌸 Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A et E agissent en synergie pour aider à réduire l'apparence des rides et ridules. La peau retrouve progressivement fermeté et élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🤍 Convient à toutes les peaux\u003c\/h3\u003e\n \u003cp\u003eSa légèreté la rend aussi confortable sur les peaux mixtes que sur les peaux sèches, sensibles ou matures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire nourrissant\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les longueurs et les pointes, elle gaine la fibre capillaire, réduit les frisottis et redonne brillance aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile noyau d'abricot au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile remarquablement facile à intégrer à votre routine beauté.\u003c\/p\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn soin visage matin et soir\u003c\/h3\u003e\n \u003cp\u003eAppliquez 3 à 4 gouttes sur une peau propre et légèrement humide. Massez doucement du centre du visage vers l'extérieur. Vous pouvez l'utiliser seule ou la mélanger à votre crème habituelle pour enrichir son pouvoir nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn huile démaquillante\u003c\/h3\u003e\n \u003cp\u003eVersez une noisette dans le creux de vos mains, massez l'ensemble du visage, puis rincez à l'eau tiède ou retirez avec un coton humide. Elle dissout efficacement le maquillage, même waterproof.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn massage corporel\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la pure ou associée à quelques gouttes d'huile essentielle de votre choix pour un massage relaxant et hydratant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eEn masque capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur les longueurs, laissez poser 30 minutes à une nuit sous une serviette, puis procédez à votre shampooing habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e sur peau légèrement humide, l'huile pénètre encore plus vite et laisse un fini soyeux incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003ePrunus Armeniaca Kernel Oil*\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌰 Partie pressée\u003c\/h3\u003e\n \u003cp\u003eAmandon du noyau d'abricot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧴 Flacon\u003c\/h3\u003e\n \u003cp\u003eVerre ambré avec pompe doseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eQualité et engagement Saint-Hilaire\u003c\/h2\u003e\n \u003cdiv class=\"ab-testimonial\"\u003e\n \u003cp class=\"ab-testimonial-text\"\u003eLa Distillerie Saint-Hilaire, installée en Auvergne, cultive un savoir-faire artisanal depuis plusieurs décennies. Cette huile d'abricot bio est extraite à froid pour préserver l'intégralité de ses nutriments. Le flacon en verre ambré protège l'huile de l'oxydation, tandis que la pompe doseuse évite tout gaspillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eNutriments préservés à 100 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🫙 Verre ambré\u003c\/h3\u003e\n \u003cp\u003eProtection anti-oxydation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌱 Agriculture bio\u003c\/h3\u003e\n \u003cp\u003eCertification biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🏔️ Savoir-faire auvergnat\u003c\/h3\u003e\n \u003cp\u003eArtisanat depuis des décennies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ab-accordion\"\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e⚠️ Usage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage \u003cstrong\u003eexterne uniquement\u003c\/strong\u003e. Conservez le flacon bien fermé, à l'abri de la lumière directe et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue aux fruits à coque, réalisez un test cutané dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ab-accordion-item\"\u003e\n \u003csummary class=\"ab-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ab-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ab-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à votre peau l'éclat naturel de l'abricot bio d'Auvergne.\u003cbr\u003eUne huile précieuse, un geste simple, une peau lumineuse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ab-cream: #FDF5EE;\n --ab-white: #ffffff;\n --ab-primary: #2D4A3E;\n --ab-primary-dark: #1E352B;\n --ab-primary-light: #E8F0EC;\n --ab-secondary: #E8A87C;\n --ab-accent: #D4874D;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #e8ddd4;\n --ab-shadow: 0 4px 24px rgba(45,74,62,.08);\n --ab-shadow-lg: 0 12px 48px rgba(45,74,62,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ab-hero {\n position: relative;\n background: linear-gradient(135deg, #2D4A3E 0%, #3A6354 40%, #D4874D 100%);\n border-radius: var(--ab-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ab-shadow-lg);\n}\n\n.ab-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(232,168,124,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,135,77,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ab-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ab-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ab-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ab-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ab-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ab-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ab-primary), var(--ab-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ab-highlight-box {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-secondary);\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ab-text);\n line-height: 1.8;\n}\n\n.ab-highlight-box p {\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ab-card {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ab-shadow-lg);\n border-color: var(--ab-secondary);\n}\n\n.ab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ab-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ab-grid-compact .ab-card {\n padding: 1rem;\n}\n\n.ab-grid-compact .ab-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ab-grid-compact .ab-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ab-primary), var(--ab-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ab-timeline-content {\n flex: 1;\n background: var(--ab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ab-radius-sm);\n box-shadow: var(--ab-shadow);\n}\n\n.ab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ab-timeline-content p {\n font-size: 14px;\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ab-testimonial {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n border-left: 4px solid var(--ab-primary);\n}\n\n.ab-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ab-accordion {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n box-shadow: var(--ab-shadow);\n overflow: hidden;\n}\n\n.ab-accordion-item {\n border-bottom: 1px solid var(--ab-border);\n margin: 0;\n padding: 0;\n}\n\n.ab-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ab-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ab-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ab-accordion-header:hover {\n background: var(--ab-primary-light);\n}\n\n.ab-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ab-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ab-primary);\n transition: transform .2s ease;\n}\n\n.ab-accordion-item[open] .ab-accordion-header::after {\n content: '−';\n}\n\n.ab-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ab-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ab-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ab-primary-light);\n border-radius: var(--ab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ab-tip p {\n font-size: 14px;\n color: var(--ab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-accent) 100%);\n border-radius: var(--ab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ab-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(232,168,124,.2) 0%, transparent 50%);\n}\n\n.ab-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.ab-disclaimer {\n font-size: 12px;\n color: var(--ab-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ab-card {\n padding: 1.125rem;\n }\n\n .ab-section {\n margin-bottom: 1.75rem;\n }\n\n .ab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ab-radius-sm);\n }\n\n .ab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ab-grid-compact {\n gap: .625rem;\n }\n\n .ab-grid-compact .ab-card {\n padding: .75rem;\n }\n\n .ab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ab-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ab-timeline-content h3 {\n font-size: 14px;\n }\n\n .ab-timeline-content p {\n font-size: 13px;\n }\n\n .ab-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ab-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ab-testimonial {\n padding: 1.25rem;\n }\n\n .ab-testimonial-text {\n font-size: 14px;\n }\n\n .ab-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ab-card {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-card:nth-child(1) { animation-delay: .05s; }\n .ab-card:nth-child(2) { animation-delay: .1s; }\n .ab-card:nth-child(3) { animation-delay: .15s; }\n .ab-card:nth-child(4) { animation-delay: .2s; }\n .ab-card:nth-child(5) { animation-delay: .25s; }\n .ab-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ab-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54862241825145,"sku":"NBAIDSH0016","price":7.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-dabricot-bio-saint-hilaire-50-ml-ingredients.webp?v=1771577056"},{"product_id":"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":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/HV_jojoba-min.jpg?v=1770369059"},{"product_id":"aromaspray-arbre-a-the-ravintsara-100ml","title":"Aromaspray Arbre à thé Ravintsara 100 ml - Bouclier protecteur","description":"\u003cp\u003eDécouvrez le spray d'ambiance \u003cstrong\u003eAromaspray Arbre à Thé Ravintsara\u003c\/strong\u003e, une synergie d'huiles essentielles 100% pures et naturelles conçue pour purifier et rafraîchir votre environnement. Ce spray offre une atmosphère saine et agréable, tout en éliminant instantanément les mauvaises odeurs.\u003c\/p\u003e\n\u003ch2\u003eComposition et bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eArbre à Thé (Tea Tree)\u003c\/strong\u003e : Reconnu pour ses propriétés antibactériennes et antivirales, il aide à assainir l'air ambiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRavintsara\u003c\/strong\u003e : Apprécié pour son action stimulante sur les défenses immunitaires et ses vertus purifiantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNiaouli\u003c\/strong\u003e : Contribue à purifier l'atmosphère grâce à ses propriétés antiseptiques.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrange Douce\u003c\/strong\u003e : Apporte une note fruitée et relaxante, favorisant une ambiance apaisante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMenthe Poivrée\u003c\/strong\u003e : Diffuse une fraîcheur vivifiante, idéale pour revitaliser l'environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBois de Cèdre\u003c\/strong\u003e : Offre une touche boisée et réconfortante, complétant harmonieusement le mélange.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUtilisations polyvalentes\u003c\/h2\u003e\n\u003cp\u003eLe spray \u003cstrong\u003eAromaspray Arbre à Thé Ravintsara\u003c\/strong\u003e est idéal pour :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePurifier l'air de vos espaces de vie tels que le salon, la chambre ou le bureau.\u003c\/li\u003e\n\u003cli\u003eAssainir les textiles comme les masques, mouchoirs ou oreillers.\u003c\/li\u003e\n\u003cli\u003eCréer une ambiance olfactive unique et naturelle, propice à la détente et au bien-être.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eVaporisez quelques secondes dans l'air, vers le haut, à raison de 1 à 2 pulvérisations pour 10 m³, et répétez selon vos besoins. Vous pouvez également appliquer une pulvérisation sur un masque, un mouchoir ou un oreiller. Veillez à ne pas vaporiser près des yeux ou d'une personne sensible. Aérez la pièce après diffusion.\u003c\/p\u003e\n\u003ch2\u003eEngagement qualité et écologique\u003c\/h2\u003e\n\u003cp\u003eFabriqué en France, ce spray est garanti sans colorants, sans conservateurs et sans gaz propulseur, respectant ainsi votre santé et l'environnement. Les huiles essentielles utilisées sont sélectionnées avec soin pour leur pureté et leur naturalité.\u003c\/p\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, aux enfants de moins de 12 ans et aux personnes asthmatiques. Tenir hors de portée des enfants. Conserver à l'écart de toute flamme ou source d'étincelle, au frais, au sec et à l'abri de la lumière. Éviter le contact avec la peau et les yeux.\u003cbr\u003e\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54863675818361,"sku":"SC8560","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-arbre-a-the-ravintsara-100ml-bouclier-protecteur_1_11zon.jpg?v=1766575368"},{"product_id":"spray-rafraichissant-cedre-citron-100ml","title":"Aromaspray Cèdre Citron 100 ml - Dynamisant fraîcheur","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003eSpray d'Ambiance Rafraîchissant Cèdre Citron\u003c\/strong\u003e d'Aromaspray, une synergie d'huiles essentielles 100% pures et naturelles conçue pour dynamiser et purifier votre intérieur. Ce spray offre une atmosphère fraîche et vivifiante, tout en éliminant instantanément les mauvaises odeurs.\u003c\/p\u003e\n\u003ch2\u003eComposition et bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Cèdre de Virginie\u003c\/strong\u003e : Réputée pour ses propriétés décontractantes et respiratoires, elle aide à assainir l'air ambiant et apporte une note boisée apaisante. \u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Citron\u003c\/strong\u003e : Connue pour ses vertus antiseptiques et stimulantes, elle diffuse une fragrance fraîche et acidulée, contribuant à une ambiance énergisante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAutres Huiles Essentielles\u003c\/strong\u003e : Basilic, orange douce, pamplemousse et patchouli complètent cette composition pour un parfum unique et harmonieux. \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUtilisations polyvalentes\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eSpray d'Ambiance Cèdre Citron\u003c\/strong\u003e est idéal pour :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eDésodoriser et purifier l'air de vos espaces de vie tels que le salon, la chambre ou le bureau.\u003c\/li\u003e\n\u003cli\u003eCréer une ambiance olfactive fraîche et dynamique, propice à la détente et au bien-être.\u003c\/li\u003e\n\u003cli\u003eApporter une touche naturelle et revitalisante à votre environnement quotidien.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eVaporisez dans l'air, vers le haut de la pièce, à raison de 1 à 2 pulvérisations pour 10 m³, et répétez selon vos besoins. Il est recommandé d'aérer la pièce après diffusion. Évitez de vaporiser près des yeux ou d'une personne sensible.\u003c\/p\u003e\n\u003ch2\u003eEngagement qualité et écologique\u003c\/h2\u003e\n\u003cp\u003eFabriqué en France, ce spray est garanti sans colorants, sans conservateurs et sans gaz propulseur, respectant ainsi votre santé et l'environnement. Les huiles essentielles utilisées sont sélectionnées avec soin pour leur pureté et leur naturalité.\u003c\/p\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, aux enfants de moins de 3 ans et aux personnes asthmatiques. Tenir hors de portée des enfants. Conserver à l'écart de toute flamme ou source d'étincelle, au frais, au sec et à l'abri de la lumière. Éviter le contact avec la peau et les yeux. \u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54863715303801,"sku":"SC8510","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-cedre-citron-100-ml-dynamisant-fraicheur-ingredients.jpg?v=1766574374"},{"product_id":"aromaspray-lavande-romarin-ambiance","title":"Aromaspray Lavande Romarin 100 ml - Relaxant Provence","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003eSpray d'Ambiance Relaxant Lavande Romarin\u003c\/strong\u003e d'Aromaspray, une synergie d'huiles essentielles 100% pures et naturelles conçue pour créer une atmosphère apaisante et purifier votre intérieur. Ce spray diffuse un parfum délicat aux notes provençales, idéal pour favoriser la détente et le bien-être.\u003c\/p\u003e\n\u003ch2\u003eComposition et bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Lavande Vraie\u003c\/strong\u003e : Réputée pour ses propriétés relaxantes et apaisantes, elle aide à équilibrer le système nerveux et à créer une ambiance sereine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile Essentielle de Romarin\u003c\/strong\u003e : Connue pour ses vertus toniques et vivifiantes, elle contribue à purifier l'air ambiant tout en apportant une note aromatique fraîche. \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUtilisations polyvalentes\u003c\/h2\u003e\n\u003cp\u003eLe \u003cstrong\u003eSpray d'Ambiance Lavande Romarin\u003c\/strong\u003e est idéal pour :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eCréer une ambiance apaisante dans vos espaces de vie tels que le salon, la chambre ou le bureau.\u003c\/li\u003e\n\u003cli\u003eFavoriser la détente avant le coucher en vaporisant sur l'oreiller ou les draps.\u003c\/li\u003e\n\u003cli\u003eAssainir l'air intérieur en éliminant les mauvaises odeurs de manière naturelle.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eVaporisez dans l'air, vers le haut de la pièce, à raison de 1 à 2 pulvérisations pour 10 m³, et répétez selon vos besoins. Il est recommandé d'aérer la pièce après diffusion. Évitez de vaporiser près des yeux ou d'une personne sensible. \u003c\/p\u003e\n\u003ch2\u003eEngagement qualité et écologique\u003c\/h2\u003e\n\u003cp\u003eFabriqué en France, ce spray est garanti sans colorants, sans conservateurs et sans gaz propulseur, respectant ainsi votre santé et l'environnement. Les huiles essentielles utilisées sont sélectionnées avec soin pour leur pureté et leur naturalité. \u003c\/p\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, aux enfants de moins de 3 ans et aux personnes asthmatiques. Tenir hors de portée des enfants. Conserver à l'écart de toute flamme ou source d'étincelle, au frais, au sec et à l'abri de la lumière. Éviter le contact avec la peau et les yeux. \u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54863732998521,"sku":"SC8520","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-lavande-romarin-100ml-relaxant-provence_11zon.jpg?v=1766575971"},{"product_id":"aromaspray-lemongrass-serpolet-100-ml","title":"Aromaspray Lemongrass Serpolet 100 ml - Vivifiant tonique","description":"\u003cp\u003eApportez fraîcheur et vitalité à votre espace avec le \u003cstrong\u003eSpray d'Ambiance Vivifiant Lemongrass Serpolet\u003c\/strong\u003e d'Aromaspray. Élaboré à partir d'ingrédients naturels, ce spray associe les propriétés revigorantes du lemongrass à la douceur apaisante du serpolet. Son format pratique de 100 ml en fait un compagnon idéal pour une utilisation à la maison, au bureau ou en déplacement.\u003c\/p\u003e\n\u003ch2\u003eUn parfum naturel et énergisant\u003c\/h2\u003e\n\u003cp\u003eCe spray d'ambiance diffuse un mélange aromatique rafraîchissant et tonifiant. L'huile essentielle de lemongrass, réputée pour ses vertus dynamisantes, est idéale pour booster votre énergie et éveiller vos sens. Le serpolet, quant à lui, apporte une touche herbacée douce et apaisante qui favorise la détente et l'équilibre émotionnel.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits du Spray d'Ambiance Vivifiant\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurifie l'air ambiant :\u003c\/strong\u003e grâce aux propriétés naturelles des huiles essentielles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRevigore et stimule :\u003c\/strong\u003e une synergie parfaite pour un environnement frais et énergisant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e100 % naturel :\u003c\/strong\u003e sans additifs chimiques, respectueux de votre santé et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat pratique :\u003c\/strong\u003e sa taille compacte permet de l’emporter partout avec vous.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eMode d’emploi\u003c\/h2\u003e\n\u003cp\u003eVaporisez quelques pressions dans l’air ou sur des textiles non fragiles pour profiter immédiatement des bienfaits aromatiques. Évitez le contact direct avec les yeux et la peau. Ne pas utiliser en présence d’enfants de moins de 3 ans ou de femmes enceintes sans avis médical.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir Aromaspray ?\u003c\/h2\u003e\n\u003cp\u003eAromaspray s'engage à offrir des produits alliant qualité, naturalité et efficacité. Le Spray d'Ambiance Vivifiant Lemongrass Serpolet est conçu dans le respect de l’environnement et de votre bien-être. En optant pour ce spray, vous choisissez une solution naturelle pour parfumer et revitaliser votre intérieur.\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54863747907961,"sku":"SC8525","price":8.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-lemongrass-serpolet-100-ml-vivifiant-tonique-ingredients.jpg?v=1766574189"},{"product_id":"aromaspray-menthe-eucalyptus-100-ml","title":"Aromaspray Menthe Eucalyptus 100 ml - Fraîcheur Aromatique","description":"\u003cp\u003eOffrez à votre intérieur une bouffée d'air pur avec le \u003cstrong\u003eSpray d'Ambiance Fraîcheur Menthe Eucalyptus\u003c\/strong\u003e d'Aromaspray. Formulé à partir d'huiles essentielles 100 % naturelles, ce spray associe la fraîcheur vivifiante de la menthe aux propriétés purifiantes de l’eucalyptus. Son format pratique de 100 ml vous permet de profiter d’un environnement revitalisé à tout moment de la journée.\u003c\/p\u003e\n\u003ch2\u003eUn parfum naturel pour une ambiance tonique\u003c\/h2\u003e\n\u003cp\u003eLe Spray d'Ambiance Fraîcheur combine deux huiles essentielles puissantes. La menthe, connue pour ses vertus rafraîchissantes et stimulantes, redonne énergie et clarté mentale. L’eucalyptus, reconnu pour son effet purifiant, assainit l’air tout en apportant une sensation de légèreté et de bien-être.\u003c\/p\u003e\n\u003ch2\u003eLes avantages du spray d'ambiance fraîcheur\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAssainit l’air :\u003c\/strong\u003e élimine les mauvaises odeurs et purifie naturellement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffet rafraîchissant :\u003c\/strong\u003e idéal pour une sensation de fraîcheur immédiate.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormulation 100 % naturelle :\u003c\/strong\u003e respectueuse de votre santé et de l’environnement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFormat pratique :\u003c\/strong\u003e sa taille compacte est idéale pour une utilisation quotidienne.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eMode d’emploi\u003c\/h2\u003e\n\u003cp\u003eVaporisez quelques pressions dans l’air ou sur des textiles non fragiles pour profiter immédiatement d’une ambiance fraîche et revitalisante. Évitez le contact direct avec les yeux et la peau. Ne pas utiliser en présence d’enfants de moins de 3 ans ou de femmes enceintes sans avis médical.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir le spray Menthe Eucalyptus d'Aromaspray ?\u003c\/h2\u003e\n\u003cp\u003eAromaspray s'engage à vous offrir des produits alliant naturalité et efficacité. Le Spray d'Ambiance Fraîcheur Menthe Eucalyptus est conçu dans le respect de l'environnement et de votre bien-être. En choisissant ce spray, vous optez pour une solution naturelle et écologique pour parfumer et purifier votre intérieur.\u003c\/p\u003e","brand":"AROMASPRAY","offers":[{"title":"Default Title","offer_id":54863762784633,"sku":"SC8530","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aromaspray-menthe-eucalyptus-100-ml-fraicheur-aromatique-ingredients.jpg?v=1766575800"},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/aromatherapie-611615.jpg?v=1732719423","url":"https:\/\/www.naturellement-bio.com\/collections\/aromatherapie.oembed?page=5","provider":"Naturellement Bio","version":"1.0","type":"link"}