{"title":"Hydratant","description":"\u003cp\u003ePeau qui tiraille après la douche, inconfort en hiver, texture de peau rugueuse sur les coudes ou les jambes... L'hydratation du corps est souvent reléguée au second plan, alors qu'elle constitue un geste essentiel pour \u003cstrong\u003emaintenir le film hydrolipidique\u003c\/strong\u003e de votre peau. Contrairement au visage, la peau du \u003ca href=\"\/collections\/corps\"\u003ecorps\u003c\/a\u003e présente des zones aux besoins très différents : certaines zones grasses (dos), d'autres sèches (jambes), d'autres encore sollicitées par les frottements (cuisses). Choisir le bon soin hydratant corps, c'est avant tout comprendre votre peau et identifier la galénique qui lui conviendra le mieux.\u003c\/p\u003e\n\u003ch2\u003ePourquoi la peau du corps se déshydrate-t-elle ?\u003c\/h2\u003e\n\u003cp\u003eAvant de parler solutions, prenons un instant pour comprendre ce qui se passe vraiment. Parce qu'entre nous, on confond souvent tout : déshydratation, sécheresse, tiraillements... Et pourtant, ce sont des mécanismes bien distincts.\u003c\/p\u003e\n\u003cp\u003eLa déshydratation, c'est un \u003cstrong\u003emanque d'eau dans les cellules cutanées.\u003c\/strong\u003e La sécheresse, elle, correspond à un déficit en lipides, ces précieux corps gras qui forment une barrière protectrice à la surface de votre peau. Une peau peut être déshydratée sans être sèche (et inversement), d'où l'importance de bien identifier votre besoin.\u003c\/p\u003e\n\u003cp\u003eMaintenant, parlons des coupables du quotidien. Les douches brûlantes, c'est agréable, mais elles décapent littéralement votre film hydrolipidique. Les savons trop agressifs font de même. Le chlore de la piscine, le chauffage en hiver, la climatisation en été, les vêtements synthétiques qui ne laissent pas respirer la peau... Tous ces facteurs contribuent à fragiliser votre barrière cutanée.\u003c\/p\u003e\n\u003cp\u003eCertaines zones sont particulièrement vulnérables : les tibias (peu de glandes sébacées), les coudes et genoux (frottements répétés), les mains (exposées en permanence). Et puis, avec l'âge,\u003cstrong\u003e la production naturelle de sébum et d'acide hyaluronique diminue progressivement\u003c\/strong\u003e. Résultat : une peau qui a besoin d'un coup de pouce externe.\u003c\/p\u003e\n\u003cp\u003eLes signaux d'alerte ? Une desquamation (ces petites peaux qui se détachent), des tiraillements après la douche, des démangeaisons sans raison apparente, une perte d'élasticité. Si vous cochez plusieurs cases, votre peau vous envoie un message clair : elle a soif.\u003c\/p\u003e\n\u003ch2\u003eComment intégrer l'hydratation dans votre routine corps ?\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas se mentir : s'hydrater le corps demande un peu de temps. Mais une fois que vous aurez trouvé votre rythme et le bon produit, ça devient un vrai moment de bien-être. Et puis, votre peau vous remerciera.\u003c\/p\u003e\n\u003ch3\u003eLe timing parfait\u003c\/h3\u003e\n\u003cp\u003eLe meilleur moment pour appliquer votre \u003cstrong\u003esoin hydratant corps\u003c\/strong\u003e ? Juste après la douche, sur peau encore légèrement humide. Cette eau résiduelle va être emprisonnée par votre soin et permettre une meilleure pénétration des actifs. C'est ce qu'on appelle l'effet occlusif : vous créez une barrière qui retient l'hydratation.\u003c\/p\u003e\n\u003cp\u003eSéchez-vous en tamponnant plutôt qu'en frottant vigoureusement. Laissez votre peau un peu humide, puis appliquez généreusement votre produit. D'ailleurs, n'hésitez pas à être généreux : le corps représente une grande surface, et c'est souvent là qu'on lésine sur les quantités.\u003c\/p\u003e\n\u003ch3\u003eQuelle fréquence adopter ?\u003c\/h3\u003e\n\u003cp\u003eTout dépend de votre type de peau. Pour les peaux sèches à très sèches, l'hydratation quotidienne est non négociable. Pour les peaux normales, 2 à 3 fois par semaine peuvent suffire. Mais franchement, le meilleur indicateur, c'est votre \u003cstrong\u003eressenti\u003c\/strong\u003e. Votre peau tiraille ? Elle a besoin de vous.\u003c\/p\u003e\n\u003cp\u003eEn hiver, les besoins augmentent naturellement. Le froid, le vent, le chauffage... Tout conspire contre votre épiderme. À l'inverse, en été, vous pouvez alléger un peu la cadence, sauf si vous vous exposez au soleil ou à l'eau chlorée.\u003c\/p\u003e\n\u003ch3\u003eLa technique d'application\u003c\/h3\u003e\n\u003cp\u003eAppliquez votre \u003cstrong\u003ecrème hydratante corps bio\u003c\/strong\u003e par mouvements circulaires ascendants, en partant des chevilles vers le haut. Cette gestuelle favorise la circulation et aide à la pénétration du produit. Insistez sur les zones rugueuses : coudes, genoux, talons. Ces zones-là méritent une attention particulière, voire un soin plus riche de manière ciblée.\u003c\/p\u003e\n\u003cp\u003ePrévoyez 5 à 10 minutes d'absorption avant de vous habiller. Profitez-en pour préparer votre café, consulter vos messages... Ce petit temps de pause évite les traces sur les vêtements et permet au produit de vraiment pénétrer.\u003c\/p\u003e\n\u003ch3\u003eLe layering corps, vous connaissez ?\u003c\/h3\u003e\n\u003cp\u003ePour les peaux très sèches ou en plein hiver, vous pouvez superposer les textures. Commencez par une \u003cstrong\u003ehuile hydratante corps\u003c\/strong\u003e sur peau humide, puis ajoutez une crème par-dessus. Cette technique de layering crée une hydratation en profondeur + une protection en surface. C'est particulièrement efficace pour les peaux matures ou très sollicitées.\u003c\/p\u003e\n\u003ch2\u003eQuelle texture choisir selon votre type de peau ?\u003c\/h2\u003e\n\u003cp\u003eBon, entrons dans le vif du sujet : comment choisir parmi toutes ces galéniques ? Huile, beurre, crème, lait, baume... Chacune a ses spécificités et ses indications. Décryptons tout ça ensemble.\u003c\/p\u003e\n\u003ch3\u003eLes huiles végétales : légèreté et nutrition\u003c\/h3\u003e\n\u003cp\u003eLes huiles végétales sont idéales pour les peaux normales à sèches. Riches en acides gras essentiels (acide oléique, acide linoléique), elles nourrissent en profondeur tout en restant relativement légères. L'\u003ca href=\"\/products\/huile-de-sesame-oriental-epice-bio-50-ml\"\u003ehuile de sésame Oriental épicé bio d'Arc en Sels\u003c\/a\u003e offre par exemple une pénétration rapide et une senteur enveloppante, parfaite pour un moment cocooning après la douche.\u003c\/p\u003e\n\u003cp\u003eL'huile d'amande douce est un classique pour les peaux sensibles. Le sésame convient bien aux peaux normales et apporte une touche de brillance satinée. L'\u003ca href=\"\/products\/huile-de-camelia-100-bio-30-ml-arc-en-sels\"\u003ehuile de Camélia Bio d'Arc en Sels\u003c\/a\u003e, elle, est particulièrement appréciée pour sa finesse et sa richesse en antioxydants naturels.\u003c\/p\u003e\n\u003cp\u003eL'avantage des huiles ? Elles se conservent bien, ne contiennent généralement pas d'eau (donc pas besoin de conservateurs), et leur composition INCI est souvent très courte. En cosmétique, c'est un choix sûr et efficace.\u003c\/p\u003e\n\u003ch3\u003eLes beurres végétaux : protection intense\u003c\/h3\u003e\n\u003cp\u003eLe \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e, star incontestée de l'hydratation naturelle, convient aux peaux très sèches et aux zones particulièrement sollicitées. Sa texture riche crée un véritable film protecteur longue durée. Le \u003ca href=\"\/products\/beurre-de-karite-peau-et-cheveux-secs-100-ml-comptoir-des-huiles-1\"\u003ebeurre de karité Bio de Comptoir des Huiles\u003c\/a\u003e est d'ailleurs un indispensable à avoir chez soi, utilisable aussi bien sur le corps que sur les zones très sèches du visage ou les cheveux.\u003c\/p\u003e\n\u003cp\u003eLe beurre de cacao est également très nourrissant, avec une odeur gourmande naturelle. Ces textures riches sont parfaites en hiver ou pour les peaux matures qui ont besoin d'un apport lipidique conséquent. Attention toutefois : elles demandent un peu plus de temps d'absorption et peuvent laisser un fini légèrement gras (ce qui n'est pas forcément un défaut, juste une caractéristique à connaître).\u003c\/p\u003e\n\u003ch3\u003eCrèmes et laits : le juste équilibre\u003c\/h3\u003e\n\u003cp\u003eLes crèmes et laits corporels offrent un \u003cstrong\u003ecompromis idéal entre hydratation et confort sensoriel\u003c\/strong\u003e. Leur formulation en émulsion (mélange eau\/huile) permet une absorption rapide tout en apportant à la fois de l'eau et des lipides. Parfait pour tous les types de peaux et pour une utilisation quotidienne sans contrainte.\u003c\/p\u003e\n\u003cp\u003eLes laits sont généralement plus fluides, \u003cstrong\u003eidéaux pour les grandes surfaces \u003c\/strong\u003eet les peaux normales. Les crèmes, plus épaisses, conviennent mieux aux peaux sèches. Dans tous les cas, privilégiez des formules certifiées bio, sans silicones ni huiles minérales qui créent une illusion d'hydratation sans réellement nourrir la peau.\u003c\/p\u003e\n\u003ch3\u003eLes baumes concentrés : SOS zones critiques\u003c\/h3\u003e\n\u003cp\u003eLes baumes sont vos alliés pour les zones localisées très sèches : coudes rugueux, talons fendillés, mains abîmées par le froid. Leur texture anhydre (sans eau) concentre les actifs réparateurs pour une action intensive. Le \u003ca href=\"\/products\/baume-des-4-saisons-bio-60-ml-propolia-apimab\"\u003ebaume des 4 saisons Bio à la Propolis de Propolia\u003c\/a\u003e illustre bien cette approche : une formule riche en propolis et actifs naturels pour réparer et protéger les zones sensibilisées.\u003c\/p\u003e\n\u003cp\u003eOn peut aussi utiliser les baumes en prévention, avant une sortie par grand froid par exemple, pour créer une barrière protectrice. Ou après une séance de \u003ca href=\"\/collections\/gommages-et-exfoliants\"\u003egommage\u003c\/a\u003e, quand la peau a besoin d'un soin réparateur intense.\u003c\/p\u003e\n\u003ch3\u003eCas particuliers et besoins spécifiques\u003c\/h3\u003e\n\u003cp\u003ePour les peaux sensibles ou réactives, orientez-vous vers des formules minimalistes contenant du calendula, de la propolis ou du miel de manuka, reconnus pour leurs propriétés apaisantes. Pour les peaux matures, cherchez des actifs raffermissants naturels comme l'huile de rose musquée ou les extraits de prêle.\u003c\/p\u003e\n\u003cp\u003eEt puis, n'oubliez pas d'adapter vos textures selon les saisons : plus riches en hiver pour contrer le froid et le chauffage, plus légères en été pour éviter l'effet poisseux. Votre peau évolue au fil de l'année, votre routine aussi.\u003c\/p\u003e\n\u003ch2\u003eTableau comparatif : trouvez votre soin hydratant idéal\u003c\/h2\u003e\n\u003cp\u003ePour vous aider à y voir plus clair, voici un récapitulatif des différentes galéniques et leurs indications :\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; margin: 20px 0;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f5f5f5;\"\u003e\n\u003cth style=\"border: 1px solid #ddd; padding: 12px; text-align: left;\"\u003eType de soin\u003c\/th\u003e\n\u003cth style=\"border: 1px solid #ddd; padding: 12px; text-align: left;\"\u003eType de peau\u003c\/th\u003e\n\u003cth style=\"border: 1px solid #ddd; padding: 12px; text-align: left;\"\u003eTexture\u003c\/th\u003e\n\u003cth style=\"border: 1px solid #ddd; padding: 12px; text-align: left;\"\u003eAbsorption\u003c\/th\u003e\n\u003cth style=\"border: 1px solid #ddd; padding: 12px; text-align: left;\"\u003eMeilleur moment\u003c\/th\u003e\n\u003cth style=\"border: 1px solid #ddd; padding: 12px; text-align: left;\"\u003eActifs clés\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003e\u003cstrong\u003eHuile végétale\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eNormale à sèche\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eFluide, satinée\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eRapide (5 min)\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eSur peau humide\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eAcide oléique, linoléique, vitamine E\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fafafa;\"\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003e\u003cstrong\u003eBeurre végétal\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eTrès sèche, mature\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eRiche, fondante\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eMoyenne (10 min)\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eSoir ou hiver\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eAcides gras, insaponifiables\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003e\u003cstrong\u003eLait corps\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eNormale\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eLégère, fluide\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eTrès rapide (3 min)\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eQuotidien, matin\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eGlycérine, aloe vera\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #fafafa;\"\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003e\u003cstrong\u003eCrème riche\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eSèche à très sèche\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eOnctueuse, confortable\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eMoyenne (7 min)\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eQuotidien, soir\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eBeurres, huiles, acide hyaluronique\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003e\u003cstrong\u003eBaume réparateur\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eZones localisées\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eTrès riche, protectrice\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eLente (15 min)\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003eCiblé, SOS\u003c\/td\u003e\n\u003ctd style=\"border: 1px solid #ddd; padding: 10px;\"\u003ePropolis, cire d'abeille, calendula\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eCe tableau vous donne une vision d'ensemble, mais n'oubliez pas : le meilleur soin reste celui qui vous fait plaisir et que vous utiliserez régulièrement. Une \u003cstrong\u003ehydratation naturelle peau\u003c\/strong\u003e efficace, c'est avant tout une routine que vous maintenez dans la durée.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes sur les soins hydratants bio pour le corps\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la meilleure hydratation naturelle pour le corps ?\u003c\/summary\u003e\n\u003cp\u003eTout dépend de votre type de peau, mais certains ingrédients font l'unanimité en cosmétique naturelle. Les huiles végétales comme l'amande douce ou le sésame offrent un excellent équilibre entre légèreté et nutrition pour les peaux normales à sèches. Le beurre de karité reste la référence pour les peaux très sèches ou les zones particulièrement sollicitées.\u003c\/p\u003e\n\u003cp\u003eL'essentiel est de vérifier la composition INCI : privilégiez des formules courtes, sans silicones (dimethicone, cyclomethicone) ni huiles minérales (paraffinum liquidum, petrolatum) qui créent une illusion d'hydratation sans réellement nourrir la peau. Les certifications bio (Cosmos, Ecocert, Nature \u0026amp; Progrès) sont de bons indicateurs de qualité. Le \u003ca href=\"\/products\/beurre-de-karite-peau-et-cheveux-secs-100-ml-comptoir-des-huiles-1\"\u003eBeurre de Karité Bio du Comptoir des Huiles\u003c\/a\u003e illustre bien cette approche : un seul ingrédient, 100% pur, pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est l'huile la plus hydratante pour le corps ?\u003c\/summary\u003e\n\u003cp\u003eAttention, petite précision importante : les huiles ne \"hydratent\" pas au sens strict (elles n'apportent pas d'eau), elles nourrissent et aident à retenir l'hydratation. Cette nuance est essentielle pour bien choisir.\u003c\/p\u003e\n\u003cp\u003eL'huile de coco est très nourrissante mais peut être comédogène sur certaines peaux. L'huile d'amande douce et l'huile de sésame offrent un meilleur équilibre : riches en acide linoléique, elles aident à maintenir le film hydrolipidique sans effet occlusif excessif. L'huile de camélia, très fine, convient particulièrement aux peaux qui n'aiment pas les textures grasses. Pour une efficacité optimale, appliquez toujours votre huile sur peau légèrement humide après la douche : vous emprisonnez ainsi l'eau résiduelle et créez une véritable synergie hydratation + nutrition.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePuis-je utiliser de l'huile pour hydrater mon corps ?\u003c\/summary\u003e\n\u003cp\u003eOui, absolument, mais avec la bonne technique. L'huile seule n'apporte pas d'eau (hydratation), elle apporte des lipides (nutrition). C'est pourquoi il faut l'appliquer sur peau légèrement humide après la douche : l'huile va emprisonner cette eau résiduelle et créer une barrière protectrice qui limite l'évaporation.\u003c\/p\u003e\n\u003cp\u003ePour les peaux très sèches ou en hiver, vous pouvez même pratiquer le layering : huile d'abord sur peau humide, puis crème par-dessus une fois l'huile absorbée. Cette double action (nutrition + hydratation) est particulièrement efficace pour restaurer un film hydrolipidique fragilisé. Si votre peau tiraille malgré l'huile, c'est qu'elle manque aussi d'eau : pensez à boire suffisamment et à ajouter une crème à votre routine.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQu'est-ce qui hydrate le plus la peau du corps ?\u003c\/summary\u003e\n\u003cp\u003eLa meilleure hydratation combine plusieurs approches. D'abord, l'hydratation de l'intérieur : boire suffisamment d'eau (1,5 à 2 litres par jour) reste la base. Ensuite, côté cosmétique, les formules les plus efficaces associent des actifs humectants (qui attirent l'eau) comme l'acide hyaluronique ou la glycérine, avec des agents occlusifs (qui retiennent l'eau) comme les beurres et huiles végétales.\u003c\/p\u003e\n\u003cp\u003eUne crème riche ou un baume concentré sera plus hydratant qu'une huile seule, car il combine eau + lipides. Mais le timing compte aussi : un soin appliqué sur peau humide sera toujours plus efficace. Et puis, n'oubliez pas les gestes du quotidien : douches tièdes plutôt que brûlantes, savons surgras, exfoliation régulière pour éliminer les cellules mortes qui font barrière... L'hydratation, c'est une approche globale, pas juste un produit miracle.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eFaut-il hydrater sa peau tous les jours ?\u003c\/summary\u003e\n\u003cp\u003eLa réponse dépend vraiment de votre type de peau et de votre ressenti. Pour les peaux sèches à très sèches, l'hydratation quotidienne est indispensable, voire deux fois par jour en plein hiver. Pour les peaux normales, 2 à 3 applications par semaine peuvent suffire en période tempérée.\u003c\/p\u003e\n\u003cp\u003eLe meilleur indicateur reste votre peau elle-même : elle tiraille ? Elle desquame ? Elle manque de souplesse ? C'est qu'elle a besoin de vous. Certaines périodes augmentent naturellement les besoins : l'hiver avec le froid et le chauffage, après une exposition solaire, après une épilation ou un gommage, pendant la grossesse... Écoutez votre peau plutôt que de suivre une règle stricte. Une routine adaptée, c'est une routine que vous maintenez sur la durée parce qu'elle vous fait du bien.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle différence entre une crème et un baume pour le corps ?\u003c\/summary\u003e\n\u003cp\u003eLa différence tient à la galénique, c'est-à-dire la formulation. Une crème est une émulsion eau\/huile : elle contient de l'eau (phase aqueuse) mélangée à des corps gras (phase huileuse), stabilisée par des émulsifiants. Résultat : une texture onctueuse, facile à étaler, qui pénètre relativement vite. Elle convient à une hydratation quotidienne sur l'ensemble du corps.\u003c\/p\u003e\n\u003cp\u003eUn baume, lui, est une formule anhydre (sans eau) : uniquement des corps gras (beurres, huiles, cires) fondus ensemble. Sa texture est beaucoup plus riche, plus concentrée, et il laisse un film protecteur en surface. Il pénètre plus lentement mais offre une action réparatrice intense. On l'utilise plutôt de manière ciblée sur les zones très sèches : coudes, genoux, talons, mains abîmées. En résumé : crème pour l'entretien quotidien, baume pour la réparation localisée.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"spray-dermo-action-spray-100-ml-quinton","title":"Spray Dermo Action - Hydrate, Apaise \u0026 Revitalise - 100 ml - Quinton","description":"\u003cdiv class=\"qda-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qda-hero\"\u003e\n\u003cdiv class=\"qda-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qda-hero-content\"\u003e\n\u003cdiv class=\"qda-badges-top\"\u003e\n\u003cspan class=\"qda-badge\"\u003e🌊 Eau de mer pure Quinton\u003c\/span\u003e \u003cspan class=\"qda-badge\"\u003e🧴 Format spray 100 ml\u003c\/span\u003e \u003cspan class=\"qda-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qda-hero-title\"\u003eSpray Dermo Action Quinton\u003c\/span\u003e\n\u003cp class=\"qda-subtitle\"\u003eHydrate, apaise \u0026amp; revitalise votre peau\u003c\/p\u003e\n\u003cp class=\"qda-description\"\u003eUne solution hypertonic d'eau de mer pure, enrichie en oligo-éléments marins, pour offrir à votre peau un soin intensif et 100% naturel. Sans conservateurs, sans parfums artificiels, sans colorants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION INTRO : Présentation --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003cp class=\"qda-section-intro\"\u003eDécouvrez le \u003cstrong\u003eSpray Dermo Action 100 ml de Quinton\u003c\/strong\u003e, une solution 100% naturelle élaborée pour offrir à votre peau une hydratation et un soin intensifs. Formulé à partir de l'eau de mer d'origine pure Quinton, ce spray innovant est idéal pour apaiser les irritations, hydrater en profondeur et revitaliser l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"qda-grid-compact\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003ePénètre en profondeur pour nourrir et désaltérer la peau durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌸 Apaisement immédiat\u003c\/h3\u003e\n\u003cp\u003eCalme les irritations et rougeurs même sur les peaux les plus sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e✨ Régénération cellulaire\u003c\/h3\u003e\n\u003cp\u003eStimule le renouvellement des cellules cutanées pour une peau revitalisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🛡️ Barrière protectrice\u003c\/h3\u003e\n\u003cp\u003eRenforce la protection naturelle de la peau contre les agressions extérieures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"qda-section-intro\" style=\"margin-top: 1.25rem;\"\u003eConçu pour convenir à \u003cstrong\u003etous les types de peau\u003c\/strong\u003e, y compris les plus sensibles. Son format pratique de 100 ml l'accompagne partout, pour une peau rafraîchie et revitalisée en toutes circonstances.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #1 : Conseil d'utilisation --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp class=\"qda-section-intro\"\u003ePour profiter pleinement des bienfaits du \u003cstrong\u003eSpray Dermo Action Quinton\u003c\/strong\u003e, suivez ces quelques étapes simples :\u003c\/p\u003e\n\u003cdiv class=\"qda-timeline\"\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez bien avant chaque utilisation pour mélanger uniformément les composants actifs marins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003ePulvérisez sur peau propre\u003c\/h3\u003e\n\u003cp\u003eVaporisez directement sur la peau propre et sèche, en couvrant bien la zone souhaitée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher naturellement\u003c\/h3\u003e\n\u003cp\u003ePour une absorption optimale, ne frottez pas : laissez le produit pénétrer et sécher à l'air libre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-item\"\u003e\n\u003cdiv class=\"qda-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"qda-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez au besoin\u003c\/h3\u003e\n\u003cp\u003eUtilisez plusieurs fois par jour pour maintenir une hydratation continue et apaiser les irritations éventuelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-tip\"\u003e\n\u003cspan class=\"qda-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe spray peut également être utilisé comme \u003cstrong\u003etonique après le nettoyage de la peau\u003c\/strong\u003e, pour une sensation de fraîcheur immédiate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 : Composition --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"qda-section-intro\"\u003eLa formule du Spray Dermo Action est entièrement naturelle, conçue pour respecter et revitaliser la peau.\u003c\/p\u003e\n\u003cdiv class=\"qda-grid\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌊 Eau de mer isotonic Quinton\u003c\/h3\u003e\n\u003cp\u003eReconnue pour ses propriétés thérapeutiques et régénératrices, elle apporte une mine de nutriments essentiels et oligo-éléments indispensables à votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🐚 Extraits marins\u003c\/h3\u003e\n\u003cp\u003eDes extraits riches en minéraux pour hydrater et purifier la peau en profondeur, issus de l'environnement marin pur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n\u003cp\u003eFormule pure et respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans parfums artificiels\u003c\/h3\u003e\n\u003cp\u003eTolérance maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🚫 Sans colorants\u003c\/h3\u003e\n\u003cp\u003eSoin naturel et sain\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qda-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eRespectueux de l'épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 : Origine et fabrication --\u003e\n\u003csection class=\"qda-section\"\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cdiv class=\"qda-accordion\"\u003e\n\u003cdetails class=\"qda-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"qda-accordion-header\"\u003e🏛️ Les laboratoires Quinton\u003c\/summary\u003e\n\u003cdiv class=\"qda-accordion-content mt-3\"\u003e\n\u003cp\u003eLe Spray Dermo Action est fabriqué à partir d'eau de mer validée par les \u003cstrong\u003elaboratoires Quinton\u003c\/strong\u003e pour sa pureté et ses bienfaits. Fondés par le biologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, ces laboratoires sont situés en \u003cstrong\u003eEspagne\u003c\/strong\u003e et bénéficient d'une renommée internationale pour leurs produits naturels et biologiques. Chaque flacon est préparé avec la plus grande exigence pour garantir une qualité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qda-accordion-item\"\u003e\n\u003csummary class=\"qda-accordion-header\"\u003e🌍 Engagement éco-responsable\u003c\/summary\u003e\n\u003cdiv class=\"qda-accordion-content mt-3\"\u003e\n\u003cp\u003eLa mer, source de vie et de bienfaits, est au cœur de ce produit fabriqué de manière \u003cstrong\u003eéco-responsable\u003c\/strong\u003e. De la récolte de l'eau de mer jusqu'à l'emballage du produit fini, chaque étape est réalisée dans le respect de l'environnement, assurant ainsi un impact minimal sur notre planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"qda-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"qda-cta-box\"\u003e\n\u003cp\u003e🌊 Offrez à votre peau le pouvoir régénérant de la mer avec le Spray Dermo Action Quinton, hydratation, apaisement et revitalisation en un seul geste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"qda-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Produit cosmétique, ne se substitue pas à un avis médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --qda-cream: #FFF9F2;\n --qda-white: #ffffff;\n --qda-primary: #E8922A;\n --qda-primary-dark: #B5691A;\n --qda-primary-light: #FFF3E6;\n --qda-secondary: #C4466C;\n --qda-accent: #F5B731;\n --qda-text: #1a1a1a;\n --qda-text-light: #5a5a5a;\n --qda-border: #F0E0D0;\n --qda-shadow: 0 4px 24px rgba(0,0,0,.08);\n --qda-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --qda-radius: 20px;\n --qda-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qda-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qda-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qda-hero {\n position: relative;\n background: linear-gradient(135deg, #E8922A 0%, #D9753E 35%, #C4466C 70%, #9B3A6A 100%);\n border-radius: var(--qda-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(--qda-shadow-lg);\n}\n\n.qda-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 40%),\n radial-gradient(circle at 60% 60%, rgba(255,255,255,.04) 0%, transparent 30%);\n opacity: 1;\n}\n\n.qda-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.qda-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.qda-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .01em;\n}\n\n.qda-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.qda-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qda-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(--qda-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qda-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qda-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qda-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qda-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.qda-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(--qda-primary), var(--qda-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qda-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qda-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.qda-card {\n background: var(--qda-white);\n border-radius: var(--qda-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qda-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qda-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qda-shadow-lg);\n border-color: var(--qda-primary);\n}\n\n.qda-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qda-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qda-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qda-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qda-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qda-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qda-grid-compact .qda-card {\n padding: 1rem;\n}\n\n.qda-grid-compact .qda-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qda-grid-compact .qda-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qda-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qda-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qda-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qda-primary), var(--qda-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.qda-timeline-content {\n flex: 1;\n background: var(--qda-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qda-radius-sm);\n box-shadow: var(--qda-shadow);\n}\n\n.qda-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qda-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qda-timeline-content p {\n font-size: 14px;\n color: var(--qda-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.qda-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qda-primary-light);\n border-radius: var(--qda-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qda-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qda-tip p {\n font-size: 14px;\n color: var(--qda-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.qda-accordion {\n background: var(--qda-white);\n border-radius: var(--qda-radius);\n box-shadow: var(--qda-shadow);\n overflow: hidden;\n}\n\n.qda-accordion-item {\n border-bottom: 1px solid var(--qda-border);\n margin: 0;\n padding: 0;\n}\n\n.qda-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qda-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qda-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.qda-accordion-header:hover {\n background: var(--qda-primary-light);\n}\n\n.qda-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qda-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qda-primary);\n transition: transform .2s ease;\n}\n\n.qda-accordion-item[open] .qda-accordion-header::after {\n content: '−';\n}\n\n.qda-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qda-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qda-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.qda-cta-box {\n background: linear-gradient(135deg, var(--qda-primary) 0%, var(--qda-secondary) 100%);\n border-radius: var(--qda-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.qda-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.qda-disclaimer {\n font-size: 12px;\n color: var(--qda-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 .qda-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qda-card {\n padding: 1.125rem;\n }\n\n .qda-section {\n margin-bottom: 1.75rem;\n }\n\n .qda-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qda-radius-sm);\n }\n\n .qda-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qda-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qda-grid-compact {\n gap: .625rem;\n }\n\n .qda-grid-compact .qda-card {\n padding: .75rem;\n }\n\n .qda-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qda-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qda-timeline-content h3 {\n font-size: 14px;\n }\n\n .qda-timeline-content p {\n font-size: 13px;\n }\n\n .qda-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qda-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qda-card {\n animation: qdaFadeInUp .5s ease backwards;\n }\n .qda-card:nth-child(1) { animation-delay: .05s; }\n .qda-card:nth-child(2) { animation-delay: .1s; }\n .qda-card:nth-child(3) { animation-delay: .15s; }\n .qda-card:nth-child(4) { animation-delay: .2s; }\n .qda-card:nth-child(5) { animation-delay: .25s; }\n .qda-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qdaFadeInUp {\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 .qda-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754679066781,"sku":"QU0005","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-dermo-action-quinton-100-ml-hydrate-apaise-revitalise-lifestyle.webp?v=1770973831"},{"product_id":"huile-de-karanja-anti-oxydante-bio-100-ml-acorelle","title":"Huile De Karanja Anti Oxydante Bio - 100 ml - Acorelle","description":"\u003cdiv class=\"kar-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"kar-hero\"\u003e\n\u003cdiv class=\"kar-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kar-hero-content\"\u003e\n\u003cdiv class=\"kar-badges-top\"\u003e\n\u003cspan class=\"kar-badge\"\u003e🌿 100% Bio\u003c\/span\u003e \u003cspan class=\"kar-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"kar-badge\"\u003e🛡️ Antioxydant\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kar-hero-title\"\u003eHuile de Karanja Bio Acorelle\u003c\/span\u003e\n\u003cp class=\"kar-subtitle\"\u003eProtection antioxydante \u0026amp; nutrition intense\u003c\/p\u003e\n\u003cp class=\"kar-description\"\u003eL'alliance parfaite entre tradition indienne et cosmétique bio française pour une peau protégée, nourrie et sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eL'huile de Karanja bio Acorelle : votre bouclier antioxydant naturel\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eVous recherchez une \u003cstrong\u003ehuile pour le corps hydratante\u003c\/strong\u003e qui protège véritablement votre peau des agressions quotidiennes ? L'\u003cstrong\u003ehuile de Karanja\u003c\/strong\u003e bio d'Acorelle répond à cette attente avec brio.\u003c\/p\u003e\n\u003cdiv class=\"kar-highlight-box\"\u003e\n\u003cdiv class=\"kar-highlight-content\"\u003e\n\u003cp\u003e🌺 Extraite des graines de \u003cem\u003ePongamia Glabra\u003c\/em\u003e, un arbre traditionnel indien, cette huile précieuse concentre des actifs naturels d'une efficacité remarquable pour \u003cstrong\u003enourrir, protéger et sublimer\u003c\/strong\u003e votre peau au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eHuile de Karanja : bienfaits exceptionnels pour votre peau\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003ePourquoi l'huile de Karanja suscite-t-elle autant d'intérêt dans le monde de la cosmétique naturelle ? Ses propriétés uniques en font une alliée incomparable.\u003c\/p\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eNaturellement riche en flavonoïdes et pongamol, elle neutralise les radicaux libres responsables du vieillissement cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e☀️ Bouclier anti-UV\u003c\/h3\u003e\n\u003cp\u003ePrépare et protège la peau des effets néfastes du soleil, idéale avant et après l'exposition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eSes acides gras essentiels restaurent le film hydrolipidique et préservent l'hydratation naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e✨ Action réparatrice\u003c\/h3\u003e\n\u003cp\u003eApaise les peaux fragilisées et aide à retrouver souplesse et élasticité durablement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n\u003cp\u003eRapidement absorbée et non grasse, elle convient parfaitement comme huile quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003ePour qui cette huile hydratante pour le corps est-elle idéale ?\u003c\/h2\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e👵 Peaux matures\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un soin anti-âge naturel qui préserve la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n\u003cp\u003eQui ont besoin d'une nutrition profonde et durable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSa formule douce et certifiée bio respecte les épidermes les plus délicats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌞 Peaux mates et bronzées\u003c\/h3\u003e\n\u003cp\u003eSublime le hâle et prolonge l'éclat du bronzage naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs et abîmés\u003c\/h3\u003e\n\u003cp\u003eEn soin des pointes pour nourrir et réparer en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eHuile de Karanja : danger ou sécurité ?\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eVous avez peut-être lu des interrogations sur l'huile de Karanja. Rassurez-vous : utilisée en cosmétique dans des formulations adaptées comme celle d'Acorelle, cette huile est \u003cstrong\u003eparfaitement sûre\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"kar-safety-box\"\u003e\n\u003cdiv class=\"kar-safety-header\"\u003e\n\u003cspan class=\"kar-safety-icon\"\u003e✅\u003c\/span\u003e \u003cspan\u003eGaranties Acorelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eLa marque française garantit une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e et des \u003cstrong\u003econtrôles rigoureux\u003c\/strong\u003e à chaque étape de fabrication.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n\u003cp\u003eEffectuez un test dans le pli du coude avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e☀️ Complément solaire\u003c\/h3\u003e\n\u003cp\u003eNe remplace pas une protection SPF lors d'expositions prolongées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e👁️ Zones à éviter\u003c\/h3\u003e\n\u003cp\u003eÉvitez le contour des yeux et les muqueuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n\u003cp\u003eConservez à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile corps hydratante Acorelle ?\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003ePour profiter pleinement des bienfaits de l'huile de Karanja, voici nos conseils d'application.\u003c\/p\u003e\n\u003cdiv class=\"kar-usage-block\"\u003e\n\u003ch3 class=\"kar-usage-title\"\u003e🧴 Pour le corps\u003c\/h3\u003e\n\u003cdiv class=\"kar-timeline\"\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eVaporisez\u003c\/h3\u003e\n\u003cp\u003eQuelques pressions d'huile sur peau légèrement humide, juste après la douche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eDélicatement en mouvements circulaires jusqu'à absorption complète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-item\"\u003e\n\u003cdiv class=\"kar-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kar-timeline-content\"\u003e\n\u003ch3\u003eInsistez\u003c\/h3\u003e\n\u003cp\u003eSur les zones sèches : coudes, genoux, talons pour une nutrition ciblée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e✨ Pour le visage\u003c\/h3\u003e\n\u003cp\u003e2-3 gouttes sur peau propre et sèche. Tapotez doucement pour faire pénétrer. Utilisez seule ou mélangée à votre crème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes sur les pointes sèches. En soin de nuit : laissez poser toute la nuit, lavez au matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eComposition complète et certifiée bio\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eLa transparence est essentielle. Voici la liste complète des ingrédients (INCI) de cette huile hydratante.\u003c\/p\u003e\n\u003cdiv class=\"kar-ingredients\"\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003ePongamia Glabra Seed Oil\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eHuile de Karanja bio, ingrédient principal aux vertus protectrices\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eHelianthus Annuus Seed Oil\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eHuile de tournesol bio, nourrissante et émolliente\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eParfum\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eFragrance naturelle pour une sensation de bien-être\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eTocopherol\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eVitamine E naturelle, antioxydant préservant la fraîcheur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-ingredient-item\"\u003e\n\u003cspan class=\"kar-ingredient-name\"\u003eLimonene* \u0026amp; Linalool*\u003c\/span\u003e \u003cspan class=\"kar-ingredient-desc\"\u003eComposants naturels des huiles essentielles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-certification\"\u003e\n\u003cdiv class=\"kar-cert-content\"\u003e\n\u003cstrong\u003e🌿 Certification COSMOS Organic\u003c\/strong\u003e\n\u003cp\u003e100% des ingrédients d'origine naturelle • 98% issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"kar-section\"\u003e\n\u003ch2\u003eL'engagement Acorelle : cosmétique bio made in France\u003c\/h2\u003e\n\u003cp class=\"kar-section-intro\"\u003eAcorelle incarne une vision exigeante de la beauté naturelle.\u003c\/p\u003e\n\u003cdiv class=\"kar-grid\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eAvec un savoir-faire artisanal et une expertise reconnue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌱 100% végétale\u003c\/h3\u003e\n\u003cp\u003eFormule vegan, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eSans parabènes, sans phénoxyéthanol, sans huiles minérales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n\u003cp\u003eAluminium 100ml avec spray pratique pour une application facile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDe la récolte des graines jusqu'à la mise en flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"kar-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eNos conseils pour optimiser les résultats\u003c\/h2\u003e\n\u003cdiv class=\"kar-grid-compact\"\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🧽 Exfoliez\u003c\/h3\u003e\n\u003cp\u003eUne fois par semaine pour favoriser la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e📅 Régularité\u003c\/h3\u003e\n\u003cp\u003eAppliquez quotidiennement, matin ou soir, pour des résultats visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🌞 Après-soleil\u003c\/h3\u003e\n\u003cp\u003eEn été, utilisez-la pour apaiser et prolonger le bronzage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-card\"\u003e\n\u003ch3\u003e🥗 Synergie alimentaire\u003c\/h3\u003e\n\u003cp\u003eAssociez à une alimentation riche en antioxydants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kar-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau le meilleur de la nature avec l'huile de Karanja bio Acorelle ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"kar-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --kar-cream: #FDF8F4;\n --kar-white: #ffffff;\n --kar-primary: #D4A574;\n --kar-primary-dark: #B8895A;\n --kar-primary-light: #F5EDE6;\n --kar-secondary: #E8B4A0;\n --kar-accent: #7BA68D;\n --kar-accent-light: #E8F2EB;\n --kar-coral: #C97B6B;\n\n \/* Textes *\/\n --kar-text: #3D3028;\n --kar-text-light: #6B5D52;\n\n \/* Effets *\/\n --kar-border: #E8DED4;\n --kar-shadow: 0 4px 24px rgba(180,137,90,.12);\n --kar-shadow-lg: 0 12px 48px rgba(180,137,90,.18);\n --kar-radius: 20px;\n --kar-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.kar-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kar-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kar-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A574 0%, #E8B4A0 40%, #7BA68D 100%);\n border-radius: var(--kar-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kar-shadow-lg);\n}\n\n.kar-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.kar-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.kar-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kar-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.kar-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kar-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kar-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kar-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kar-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kar-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kar-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kar-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kar-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kar-primary), var(--kar-accent));\n border-radius: 2px;\n}\n\n.kar-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kar-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kar-card {\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kar-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kar-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kar-shadow-lg);\n border-color: var(--kar-primary);\n}\n\n.kar-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kar-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kar-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kar-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kar-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kar-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kar-grid-compact .kar-card {\n padding: 1rem;\n}\n\n.kar-grid-compact .kar-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kar-grid-compact .kar-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kar-highlight-box {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--kar-shadow);\n border-left: 5px solid var(--kar-accent);\n}\n\n.kar-highlight-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.kar-highlight-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--kar-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === SAFETY BOX === *\/\n.kar-safety-box {\n background: var(--kar-accent-light);\n border-radius: var(--kar-radius);\n padding: 1.25rem 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.kar-safety-header {\n display: flex;\n align-items: center;\n gap: .5rem;\n font-weight: 800;\n color: var(--kar-accent);\n font-size: 16px;\n margin-bottom: .5rem;\n}\n\n.kar-safety-icon {\n font-size: 20px;\n}\n\n.kar-safety-box p {\n margin: 0;\n font-size: 14px;\n color: var(--kar-text);\n line-height: 1.6;\n}\n\n\/* === USAGE BLOCK === *\/\n.kar-usage-block {\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--kar-shadow);\n margin-bottom: 1.5rem;\n}\n\n.kar-usage-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--kar-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.kar-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kar-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kar-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kar-primary), var(--kar-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(212,165,116,.3);\n}\n\n.kar-timeline-content {\n flex: 1;\n background: var(--kar-primary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--kar-radius-sm);\n}\n\n.kar-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kar-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kar-timeline-content p {\n font-size: 14px;\n color: var(--kar-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INGREDIENTS === *\/\n.kar-ingredients {\n background: var(--kar-white);\n border-radius: var(--kar-radius);\n overflow: hidden;\n box-shadow: var(--kar-shadow);\n margin-bottom: 1.5rem;\n}\n\n.kar-ingredient-item {\n display: flex;\n flex-direction: column;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--kar-border);\n}\n\n.kar-ingredient-item:last-child {\n border-bottom: none;\n}\n\n.kar-ingredient-name {\n font-weight: 700;\n color: var(--kar-primary-dark);\n font-size: 14px;\n margin-bottom: .25rem;\n}\n\n.kar-ingredient-desc {\n font-size: 13px;\n color: var(--kar-text-light);\n line-height: 1.5;\n}\n\n\/* === CERTIFICATION === *\/\n.kar-certification {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: linear-gradient(135deg, var(--kar-accent-light) 0%, var(--kar-primary-light) 100%);\n border-radius: var(--kar-radius);\n padding: 1.25rem 1.5rem;\n}\n\n.kar-cert-badge {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.kar-cert-content strong {\n display: block;\n font-size: 15px;\n color: var(--kar-accent);\n margin-bottom: .25rem;\n}\n\n.kar-cert-content p {\n margin: 0;\n font-size: 13px;\n color: var(--kar-text-light);\n}\n\n\/* === CTA FINAL === *\/\n.kar-cta-box {\n background: linear-gradient(135deg, var(--kar-primary) 0%, var(--kar-coral) 50%, var(--kar-accent) 100%);\n border-radius: var(--kar-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.kar-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kar-disclaimer {\n font-size: 12px;\n color: var(--kar-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kar-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kar-card {\n padding: 1.125rem;\n }\n \n .kar-section {\n margin-bottom: 1.75rem;\n }\n \n .kar-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kar-radius-sm);\n }\n \n .kar-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kar-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kar-grid-compact {\n gap: .625rem;\n }\n \n .kar-grid-compact .kar-card {\n padding: .75rem;\n }\n \n .kar-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kar-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kar-timeline-content h3 {\n font-size: 14px;\n }\n \n .kar-timeline-content p {\n font-size: 13px;\n }\n \n .kar-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .kar-highlight-icon {\n font-size: 28px;\n }\n \n .kar-certification {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .kar-usage-block {\n padding: 1.25rem;\n }\n \n .kar-ingredient-item {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kar-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kar-card:nth-child(1) { animation-delay: .05s; }\n .kar-card:nth-child(2) { animation-delay: .1s; }\n .kar-card:nth-child(3) { animation-delay: .15s; }\n .kar-card:nth-child(4) { animation-delay: .2s; }\n .kar-card:nth-child(5) { animation-delay: .25s; }\n .kar-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kar-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754846445725,"sku":"LL0085","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-karanja-anti-oxydante-bio-100-ml-acorelle-lifestyle_60492682-6ce3-4f6e-8fed-ccfcdf671690.webp?v=1769435078"},{"product_id":"soin-preparateur-de-bronzage-100-ml-acorelle","title":"Soin Préparateur de Bronzage - 100 Ml - Acorelle","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin Préparateur De Bronzage - 100 Ml - Acorelle\nPalette détectée:\n - Primaire: #C9A962 (doré\/or du bouchon et des accents)\n - Secondaire: #E8DDD0 (beige crème du flacon)\n - Accent: #8B6914 (doré foncé\/bronze)\n - Background: #FDF8F3 (crème très clair)\nAmbiance: Naturel chic, solaire, élégant, féminin, bio\/organique\nPréfixe CSS: spb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi préparer sa peau au bronzage ?\"\n 2. \"Les bienfaits concrets de ce soin préparateur bio\"\n 3. \"Une formule aux actifs végétaux puissants\"\n 4. \"Comment utiliser ce soin pour un résultat optimal ?\"\n 5. \"Liste complète des ingrédients (INCI)\"\n 6. \"Certifications et engagements Acorelle\"\n 7. \"À qui s'adresse ce soin ?\"\n 8. \"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=\"spb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"spb-hero\"\u003e\n \u003cdiv class=\"spb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spb-hero-content\"\u003e\n \u003cdiv class=\"spb-badges-top\"\u003e\n \u003cspan class=\"spb-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"spb-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"spb-badge\"\u003e☀️ 99% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"spb-hero-title\"\u003eSoin Préparateur de Bronzage Bio\u003c\/span\u003e\n \u003cp class=\"spb-subtitle\"\u003eAcorelle Nature Sun • 100 ml\u003c\/p\u003e\n \u003cp class=\"spb-description\"\u003eStimule la mélanine, unifie le teint et prolonge votre hâle doré tout l'été. Une cure de beauté solaire certifiée bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003ePourquoi préparer sa peau au bronzage ?\u003c\/h2\u003e\n \u003cdiv class=\"spb-intro-card\"\u003e\n \u003cp\u003eVous êtes-vous déjà demandé pourquoi certaines personnes bronzent rapidement et uniformément, tandis que d'autres peinent à obtenir un teint hâlé ? La réponse réside souvent dans la \u003cstrong\u003epréparation de la peau\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cp\u003eUne peau bien préparée produit plus efficacement de la mélanine, ce pigment responsable du bronzage. Elle est également plus hydratée, plus souple, et donc moins sujette aux coups de soleil et au vieillissement cutané prématuré.\u003c\/p\u003e\n \u003cdiv class=\"spb-highlight\"\u003e\n \u003cp\u003e✨ Le soin préparateur de bronzage Acorelle agit comme une véritable \u003cstrong\u003ecure d'activation\u003c\/strong\u003e : il booste les mécanismes naturels de votre peau pour qu'elle soit prête à accueillir le soleil dans les meilleures conditions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de ce soin préparateur bio\u003c\/h2\u003e\n \u003cdiv class=\"spb-grid\"\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e⚡ Stimule la mélanine\u003c\/h3\u003e\n \u003cp\u003ePour un bronzage plus rapide et plus intense dès les premières expositions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🎨 Unifie le teint\u003c\/h3\u003e\n \u003cp\u003eÉvite les zones de bronzage inégales pour un hâle homogène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e⏳ Prolonge le bronzage\u003c\/h3\u003e\n \u003cp\u003eGardez votre teint doré plusieurs semaines après l'exposition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e💧 Hydrate en profondeur\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément grâce à sa formule 100% naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🛡️ Prépare aux UV\u003c\/h3\u003e\n \u003cp\u003eAide la peau à mieux se défendre face aux agressions solaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🌸 Texture légère\u003c\/h3\u003e\n \u003cp\u003eFluide et non grasse, pénètre instantanément sans film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eUne formule aux actifs végétaux puissants\u003c\/h2\u003e\n \u003cp class=\"spb-section-intro\"\u003eCe qui distingue ce soin préparateur bio, c'est sa composition rigoureusement sélectionnée avec trois actifs végétaux reconnus pour leurs propriétés exceptionnelles sur la pigmentation cutanée.\u003c\/p\u003e\n \u003cdiv class=\"spb-ingredients\"\u003e\n \u003cdiv class=\"spb-ingredient-card\"\u003e\n \u003cdiv class=\"spb-ingredient-header\"\u003e\n \u003cspan class=\"spb-ingredient-icon\"\u003e🥕\u003c\/span\u003e\n \u003ch3\u003eOléactif® Carotte\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eCet actif breveté, riche en bêta-carotène, prépare la peau au bronzage en stimulant naturellement la synthèse de mélanine. Il apporte également un effet bonne mine immédiat et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-ingredient-card\"\u003e\n \u003cdiv class=\"spb-ingredient-header\"\u003e\n \u003cspan class=\"spb-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003ch3\u003eUrucum\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eSurnommé \"l'or rouge du Brésil\", l'urucum est l'une des sources naturelles les plus concentrées en caroténoïdes. Il favorise une pigmentation homogène et donne à la peau une teinte subtilement dorée, même avant l'exposition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-ingredient-card\"\u003e\n \u003cdiv class=\"spb-ingredient-header\"\u003e\n \u003cspan class=\"spb-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003ch3\u003eMaca\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cp\u003eCette plante adaptogène péruvienne revitalise la peau et renforce ses défenses naturelles. Elle contribue à maintenir l'élasticité et la souplesse cutanées, essentielles pour un bronzage qui tient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eComment utiliser ce soin pour un résultat optimal ?\u003c\/h2\u003e\n \u003cdiv class=\"spb-timeline\"\u003e\n \u003cdiv class=\"spb-timeline-item\"\u003e\n \u003cdiv class=\"spb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"spb-timeline-content\"\u003e\n \u003ch3\u003eAvant l'exposition\u003c\/h3\u003e\n \u003cp\u003eCommencez votre cure \u003cstrong\u003e7 à 10 jours avant\u003c\/strong\u003e vos premières expositions au soleil. Appliquez le soin une fois par jour sur l'ensemble du corps et du visage, de préférence après la douche sur peau propre et sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-timeline-item\"\u003e\n \u003cdiv class=\"spb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"spb-timeline-content\"\u003e\n \u003ch3\u003ePendant l'exposition\u003c\/h3\u003e\n \u003cp\u003ePoursuivez l'application quotidienne pour maintenir l'hydratation et optimiser la production de mélanine. \u003cstrong\u003eN'oubliez pas\u003c\/strong\u003e d'utiliser une protection solaire adaptée lors de vos expositions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-timeline-item\"\u003e\n \u003cdiv class=\"spb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"spb-timeline-content\"\u003e\n \u003ch3\u003eAprès l'exposition\u003c\/h3\u003e\n \u003cp\u003eContinuez le soin pour \u003cstrong\u003eprolonger votre bronzage\u003c\/strong\u003e et garder une peau éclatante plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-tip\"\u003e\n \u003cspan class=\"spb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Effectuez un gommage doux 2 à 3 jours avant de commencer votre cure pour éliminer les cellules mortes et permettre aux actifs de mieux pénétrer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"spb-accordion\"\u003e\n \u003cdetails class=\"spb-accordion-item\"\u003e\n \u003csummary class=\"spb-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"spb-accordion-content\"\u003e\n \u003cp\u003eAqua, Glycerin*, Caprylic\/Capric Triglyceride, Coco-Caprylate, Helianthus Annuus Seed Oil*, Cetearyl Alcohol, Glyceryl Stearate Citrate, Bixa Orellana Seed Extract*, Lepidium Meyenii Root Extract*, Daucus Carota Sativa Root Extract*, Parfum, Xanthan Gum, Tocopherol, Sodium Benzoate, Potassium Sorbate, Citric Acid, Benzyl Salicylate, Citronellol, Geraniol, Limonene, Linalool.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-grid-compact\"\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e99%\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e75%\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'Agriculture Biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eCertifications et engagements Acorelle\u003c\/h2\u003e\n \u003cdiv class=\"spb-grid-compact\"\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🏆 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert Greenlife\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans les Pyrénées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable de 100 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🚫 Sans controverse\u003c\/h3\u003e\n \u003cp\u003eSans silicones, parabènes, phénoxyéthanol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🌱 Clean beauty\u003c\/h3\u003e\n \u003cp\u003eSans huiles minérales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin ?\u003c\/h2\u003e\n \u003cp class=\"spb-section-intro\"\u003eCe soin préparateur convient à tous les types de peau, y compris les peaux sensibles. Il est particulièrement recommandé si vous :\u003c\/p\u003e\n \u003cdiv class=\"spb-grid\"\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e😓 Bronzez difficilement\u003c\/h3\u003e\n \u003cp\u003eVotre peau met du temps à dorer ou bronze de manière irrégulière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e⏰ Voulez un bronzage durable\u003c\/h3\u003e\n \u003cp\u003eSouhaitez un teint hâlé qui dure plus longtemps après les vacances\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🌿 Préférez le naturel\u003c\/h3\u003e\n \u003cp\u003eRecherchez une alternative naturelle aux autobronzants chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e✈️ Préparez vos vacances\u003c\/h3\u003e\n \u003cp\u003eVoulez préparer votre peau avant de partir au soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e🇫🇷 Aimez le bio français\u003c\/h3\u003e\n \u003cp\u003ePréférez les cosmétiques certifiés bio et fabriqués en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spb-card\"\u003e\n \u003ch3\u003e💆 Avez la peau sensible\u003c\/h3\u003e\n \u003cp\u003eFormule douce adaptée à tous les types de peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"spb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"spb-accordion\"\u003e\n \u003cdetails class=\"spb-accordion-item\"\u003e\n \u003csummary class=\"spb-accordion-header\"\u003e⚠️ Important à savoir\u003c\/summary\u003e\n \u003cdiv class=\"spb-accordion-content\"\u003e\n \u003cp\u003eCe soin prépare la peau au bronzage mais \u003cstrong\u003ene remplace en aucun cas une protection solaire\u003c\/strong\u003e. Lors de toute exposition au soleil, appliquez systématiquement un écran solaire adapté à votre phototype.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spb-accordion-item\"\u003e\n \u003csummary class=\"spb-accordion-header\"\u003e👁️ Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"spb-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas d'irritation, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spb-accordion-item\"\u003e\n \u003csummary class=\"spb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"spb-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"spb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"spb-cta-box\"\u003e\n \u003cp\u003e☀️ Offrez à votre peau la préparation qu'elle mérite avec le \u003cstrong\u003eSoin Préparateur de Bronzage Bio Acorelle\u003c\/strong\u003e. Ce flacon de 100 ml vous accompagnera tout au long de l'été pour un teint doré, naturel et éclatant de santé.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem; font-size: .9em; opacity: .9;\"\u003eParce qu'un beau bronzage commence bien avant la plage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --spb-cream: #FDF8F3;\n --spb-white: #ffffff;\n --spb-primary: #C9A962;\n --spb-primary-dark: #8B6914;\n --spb-primary-light: #F7F0E3;\n --spb-secondary: #E8DDD0;\n --spb-accent: #D4A84B;\n --spb-text: #1a1a1a;\n --spb-text-light: #5a5a5a;\n --spb-border: #e8e0d8;\n --spb-shadow: 0 4px 24px rgba(139, 105, 20, .08);\n --spb-shadow-lg: 0 12px 48px rgba(139, 105, 20, .15);\n --spb-radius: 20px;\n --spb-radius-sm: 12px;\n}\n\n.spb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--spb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.spb-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A84B 0%, #C9A962 40%, #E8DDD0 100%);\n border-radius: var(--spb-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(--spb-shadow-lg);\n}\n\n.spb-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,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.spb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.spb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.spb-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(--spb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.spb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.spb-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(139, 105, 20, .3);\n}\n\n.spb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.spb-hero .spb-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.spb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--spb-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.spb-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(--spb-primary), var(--spb-accent));\n border-radius: 2px;\n}\n\n.spb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--spb-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\/* === INTRO CARD === *\/\n.spb-intro-card {\n background: var(--spb-white);\n border-radius: var(--spb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--spb-shadow);\n}\n\n.spb-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--spb-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.spb-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n.spb-highlight {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--spb-primary-light);\n border-radius: var(--spb-radius-sm);\n padding: 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--spb-primary);\n}\n\n.spb-highlight-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.spb-highlight p {\n margin: 0;\n font-size: clamp(14px, 2.5vw, 15px);\n}\n\n\/* === GRILLES === *\/\n.spb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.spb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.spb-card {\n background: var(--spb-white);\n border-radius: var(--spb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--spb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.spb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--spb-shadow-lg);\n border-color: var(--spb-primary);\n}\n\n.spb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--spb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.spb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--spb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.spb-grid-compact .spb-card {\n padding: 1rem;\n}\n\n.spb-grid-compact .spb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.spb-grid-compact .spb-card p {\n font-size: 12px;\n}\n\n\/* === INGREDIENTS === *\/\n.spb-ingredients {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.spb-ingredient-card {\n background: var(--spb-white);\n border-radius: var(--spb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--spb-shadow);\n border-left: 4px solid var(--spb-primary);\n transition: all .3s ease;\n}\n\n.spb-ingredient-card:hover {\n transform: translateX(6px);\n box-shadow: var(--spb-shadow-lg);\n}\n\n.spb-ingredient-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: .75rem;\n}\n\n.spb-ingredient-icon {\n font-size: 28px;\n}\n\n.spb-ingredient-card h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--spb-primary-dark);\n margin: 0;\n}\n\n.spb-ingredient-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--spb-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.spb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.spb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.spb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--spb-primary), var(--spb-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(201, 169, 98, .3);\n}\n\n.spb-timeline-content {\n flex: 1;\n background: var(--spb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--spb-radius-sm);\n box-shadow: var(--spb-shadow);\n}\n\n.spb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--spb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.spb-timeline-content p {\n font-size: 14px;\n color: var(--spb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.spb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--spb-primary-light);\n border-radius: var(--spb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.spb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.spb-tip p {\n font-size: 14px;\n color: var(--spb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.spb-accordion {\n background: var(--spb-white);\n border-radius: var(--spb-radius);\n box-shadow: var(--spb-shadow);\n overflow: hidden;\n}\n\n.spb-accordion-item {\n border-bottom: 1px solid var(--spb-border);\n margin: 0;\n padding: 0;\n}\n\n.spb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.spb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--spb-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.spb-accordion-header:hover {\n background: var(--spb-primary-light);\n}\n\n.spb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.spb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--spb-primary);\n transition: transform .2s ease;\n}\n\n.spb-accordion-item[open] .spb-accordion-header::after {\n content: '−';\n}\n\n.spb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--spb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.spb-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.spb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.spb-cta-box {\n background: linear-gradient(135deg, var(--spb-primary) 0%, var(--spb-primary-dark) 100%);\n border-radius: var(--spb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.spb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.spb-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 .spb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .spb-card {\n padding: 1.125rem;\n }\n \n .spb-section {\n margin-bottom: 1.75rem;\n }\n \n .spb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--spb-radius-sm);\n }\n \n .spb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .spb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .spb-grid-compact {\n gap: .625rem;\n }\n \n .spb-grid-compact .spb-card {\n padding: .75rem;\n }\n \n .spb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .spb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .spb-timeline-content h3 {\n font-size: 14px;\n }\n \n .spb-timeline-content p {\n font-size: 13px;\n }\n \n .spb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .spb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .spb-intro-card {\n padding: 1.25rem;\n }\n \n .spb-highlight {\n padding: 1rem;\n flex-direction: column;\n gap: .5rem;\n }\n \n .spb-ingredient-card {\n padding: 1rem;\n }\n \n .spb-ingredient-header {\n gap: .5rem;\n }\n \n .spb-ingredient-icon {\n font-size: 24px;\n }\n \n .spb-tip {\n padding: .875rem 1rem;\n gap: .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .spb-card {\n animation: spbFadeInUp .5s ease backwards;\n }\n .spb-card:nth-child(1) { animation-delay: .05s; }\n .spb-card:nth-child(2) { animation-delay: .1s; }\n .spb-card:nth-child(3) { animation-delay: .15s; }\n .spb-card:nth-child(4) { animation-delay: .2s; }\n .spb-card:nth-child(5) { animation-delay: .25s; }\n .spb-card:nth-child(6) { animation-delay: .3s; }\n \n .spb-ingredient-card {\n animation: spbFadeInLeft .5s ease backwards;\n }\n .spb-ingredient-card:nth-child(1) { animation-delay: .1s; }\n .spb-ingredient-card:nth-child(2) { animation-delay: .2s; }\n .spb-ingredient-card:nth-child(3) { animation-delay: .3s; }\n \n .spb-timeline-item {\n animation: spbFadeInUp .5s ease backwards;\n }\n .spb-timeline-item:nth-child(1) { animation-delay: .1s; }\n .spb-timeline-item:nth-child(2) { animation-delay: .2s; }\n .spb-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes spbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes spbFadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .spb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45754850345117,"sku":"LL0080","price":21.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-preparateur-de-bronzage-100-ml-acorelle-lifestyle.webp?v=1769852159"},{"product_id":"masque-detox-bio-250-g-k-pour-karite","title":"Masque Détox Bio - 250 G - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n \u003cdiv class=\"kpk-hero\"\u003e\n \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kpk-hero-content\"\u003e\n \u003cdiv class=\"kpk-badges-top\"\u003e\n \u003cspan class=\"kpk-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🧴 250 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eMasque Détox Bio K pour Karité\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eLe soin purifiant pour des cheveux libérés\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eDétoxifiez vos cheveux en profondeur grâce à la puissance du kaolin et la douceur du beurre de karité bio. Sans parabènes, sans silicones, sans sulfates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eMasque Détox Bio K pour Karité : le soin purifiant pour des cheveux libérés\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003ePollution, résidus de produits coiffants, excès de sébum… Vos cheveux accumulent au quotidien des impuretés qui les alourdissent et les ternissent.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧪 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eLabellisé Ecocert, une garantie de naturalité et de respect de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFormulé et fabriqué par le Laboratoire Ariland en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌾 Kaolin + karité\u003c\/h3\u003e\n \u003cp\u003eDétoxifie en profondeur sans jamais assécher la fibre capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🚫 Clean formule\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, sans silicones et sans sulfates\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un masque détox pour vos cheveux ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-why-block\"\u003e\n \u003cp class=\"kpk-why-text\"\u003eAu fil des semaines, les silicones, le calcaire et les particules fines forment un voile invisible qui étouffe vos cheveux. Le résultat : des \u003cstrong\u003eracines grasses\u003c\/strong\u003e, des \u003cstrong\u003elongueurs ternes\u003c\/strong\u003e et un \u003cstrong\u003ecuir chevelu qui démange\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🪶 Légèreté retrouvée\u003c\/h3\u003e\n \u003cp\u003eÉlimine le voile de résidus accumulés pour des cheveux aériens et libérés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✨ Brillance ravivée\u003c\/h3\u003e\n \u003cp\u003eRedonne éclat et luminosité aux longueurs ternes et fatiguées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🔄 Remise à zéro\u003c\/h3\u003e\n \u003cp\u003eAgit comme un véritable reset capillaire pour retrouver vitalité et fraîcheur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eDes actifs naturels et bio rigoureusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eUne synergie d'ingrédients d'origine naturelle aux vertus complémentaires, pour une détox capillaire complète et respectueuse.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card kpk-card-ingredient\"\u003e\n \u003ch3\u003e🤍 Poudre de kaolin\u003c\/h3\u003e\n \u003cp\u003eCette argile blanche ultra-douce absorbe les impuretés et l'excès de sébum sans agresser le cuir chevelu. Elle désincruste en profondeur tout en respectant l'équilibre naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card kpk-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eStar de la marque, il nourrit intensément la fibre capillaire, apporte souplesse et brillance, et forme un film protecteur contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card kpk-card-ingredient\"\u003e\n \u003ch3\u003e💜 Huile essentielle de lavande\u003c\/h3\u003e\n \u003cp\u003eApaisante et régénérante, elle calme les irritations du cuir chevelu et laisse un parfum délicat et frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card kpk-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de romarin\u003c\/h3\u003e\n \u003cp\u003eReconnue pour stimuler la microcirculation, elle favorise la pousse et aide à lutter contre les pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans parabènes, sans silicones et sans sulfates\u003c\/strong\u003e — un soin qui respecte autant vos cheveux que l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment utiliser ce masque détox bio ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003ePréparez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eAprès votre shampoing habituel, essorez légèrement vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n \u003cp\u003eRépartissez une quantité généreuse de masque sur l'ensemble de la chevelure, des racines aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu du bout des doigts pour favoriser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser et rincez\u003c\/h3\u003e\n \u003cp\u003eLaissez poser \u003cstrong\u003e10 à 15 minutes\u003c\/strong\u003e, puis rincez abondamment à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUtilisez-le \u003cstrong\u003eune à deux fois par semaine\u003c\/strong\u003e. Pour une détox en profondeur, appliquez-le en cure intensive pendant trois semaines consécutives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce masque purifiant ?\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💧 Cheveux à tendance grasse\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les cheveux qui regraissent rapidement et manquent de fraîcheur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌸 Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eApaise les cuirs chevelus sujets aux pellicules ou aux démangeaisons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e😶‍🌫️ Cheveux ternes et fatigués\u003c\/h3\u003e\n \u003cp\u003eRedonne légèreté et éclat aux chevelures en quête de vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 Routine naturelle\u003c\/h3\u003e\n \u003cp\u003eParfait pour celles et ceux qui souhaitent passer à une routine capillaire plus responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eK pour Karité : l'expertise française du soin capillaire bio\u003c\/h2\u003e\n \u003cdiv class=\"kpk-testimonial\"\u003e\n \u003cp class=\"kpk-testimonial-text\"\u003eÉlaboré en France par le \u003cstrong\u003eLaboratoire Ariland\u003c\/strong\u003e, ce masque reflète le savoir-faire de K pour Karité en matière de cosmétique capillaire naturelle. La marque sélectionne chaque ingrédient selon des critères stricts de qualité et de traçabilité, dans le respect de normes écologiques exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e250 g\u003c\/strong\u003e — un format généreux pour plusieurs semaines de soins purifiants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème persistant du cuir chevelu, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cp\u003e🌊 Offrez à vos cheveux une véritable cure détox — retrouvez légèreté, brillance et vitalité dès la première application !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"kpk-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème persistant du cuir chevelu, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #f4f6f8;\n --kpk-white: #ffffff;\n --kpk-primary: #2c5d6f;\n --kpk-primary-dark: #1a3d4d;\n --kpk-primary-light: #e6f0f4;\n --kpk-secondary: #5b9aad;\n --kpk-accent: #8ec6d5;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #dde5ea;\n --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kpk-radius: 20px;\n --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kpk-primary-dark) 0%, var(--kpk-primary) 40%, var(--kpk-secondary) 70%, var(--kpk-accent) 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kpk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kpk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kpk-subtitle {\n color: rgba(255,255,255,.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.kpk-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kpk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kpk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kpk-primary), var(--kpk-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kpk-shadow-lg);\n border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kpk-card-ingredient {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kpk-timeline-content {\n flex: 1;\n background: var(--kpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kpk-radius-sm);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n font-size: 14px;\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kpk-testimonial {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kpk-shadow);\n border-left: 4px solid var(--kpk-primary);\n}\n\n.kpk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kpk-primary-light);\n border-radius: var(--kpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kpk-tip p {\n font-size: 14px;\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WHY BLOCK === *\/\n.kpk-why-block {}\n\n.kpk-why-text {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text-light);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.kpk-accordion {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n box-shadow: var(--kpk-shadow);\n overflow: hidden;\n}\n\n.kpk-accordion-item {\n border-bottom: 1px solid var(--kpk-border);\n margin: 0;\n padding: 0;\n}\n\n.kpk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kpk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kpk-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.kpk-accordion-header:hover {\n background: var(--kpk-primary-light);\n}\n\n.kpk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kpk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kpk-primary);\n transition: transform .2s ease;\n}\n\n.kpk-accordion-item[open] .kpk-accordion-header::after {\n content: '−';\n}\n\n.kpk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kpk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kpk-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kpk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === DISCLAIMER === *\/\n.kpk-disclaimer {\n font-size: 12px;\n color: var(--kpk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kpk-card {\n padding: 1.125rem;\n }\n\n .kpk-section {\n margin-bottom: 1.75rem;\n }\n\n .kpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kpk-radius-sm);\n }\n\n .kpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kpk-grid-compact {\n gap: .625rem;\n }\n\n .kpk-grid-compact .kpk-card {\n padding: .75rem;\n }\n\n .kpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kpk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kpk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kpk-timeline-content p {\n font-size: 13px;\n }\n\n .kpk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kpk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kpk-testimonial {\n padding: 1.25rem;\n }\n\n .kpk-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: kpkFadeInUp .5s ease backwards;\n }\n .kpk-card:nth-child(1) { animation-delay: .05s; }\n .kpk-card:nth-child(2) { animation-delay: .1s; }\n .kpk-card:nth-child(3) { animation-delay: .15s; }\n .kpk-card:nth-child(4) { animation-delay: .2s; }\n .kpk-card:nth-child(5) { animation-delay: .25s; }\n .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kpkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kpk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755010908317,"sku":"REF996","price":25.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/masque-detox-bio-250-g-k-pour-karite-packshothd.webp?v=1775993767"},{"product_id":"brume-detox-rafraichissante-antipollution-150-ml-k-pour-karite","title":"Brume Détox Rafraichissante Antipollution - 150 Ml - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kpk-hero\"\u003e\n \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kpk-hero-content\"\u003e\n \u003cdiv class=\"kpk-badges-top\"\u003e\n \u003cspan class=\"kpk-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🍃 Menthe fraîche\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🧴 150 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eBrume Détox Rafraîchissante Antipollution\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eK pour Karité\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003ePurifiez, rafraîchissez et protégez vos cheveux des agressions urbaines en un seul geste grâce à cette brume bio à la menthe fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eBrume Détox Rafraîchissante Antipollution K pour Karité : fraîcheur et pureté pour vos cheveux\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eVos cheveux sentent le tabac, la friture ou les gaz d'échappement après une journée en ville ? Cette brume certifiée Bio par Ecocert purifie, assainit et revitalise vos cheveux et votre cuir chevelu en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"kpk-highlight-box\"\u003e\n \u003cp\u003eDélicatement parfumée à la \u003cstrong\u003ementhe fraîche\u003c\/strong\u003e, elle neutralise les odeurs désagréables et vous offre une sensation de légèreté immédiate. Que vous viviez en milieu urbain ou que vous soyez simplement à la recherche d'un soin capillaire détoxifiant naturel, ce spray de \u003cstrong\u003e150 ml\u003c\/strong\u003e deviendra vite un indispensable de votre routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette brume détox pour les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eAu quotidien, vos cheveux accumulent des particules de pollution, de la poussière et toutes sortes d'impuretés invisibles. Résultat : un cuir chevelu irrité, des démangeaisons et une chevelure qui perd en éclat.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧪 Détoxifie\u003c\/h3\u003e\n \u003cp\u003eÉlimine les résidus de pollution et les particules fines accumulées dans la chevelure tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e❄️ Rafraîchit\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur instantanée grâce à l'hydrolat de menthe poivrée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌸 Apaise\u003c\/h3\u003e\n \u003cp\u003eCalme les démangeaisons et les irritations du cuir chevelu, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🛡️ Protège\u003c\/h3\u003e\n \u003cp\u003eDépose un voile léger antipollution qui préserve les cheveux des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌬️ Neutralise les odeurs\u003c\/h3\u003e\n \u003cp\u003eTabac, cuisine, transports en commun… vos cheveux retrouvent une senteur fraîche et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à une simple brume rafraîchissante visage, ce soin est \u003cstrong\u003espécifiquement formulé\u003c\/strong\u003e pour agir sur la fibre capillaire et le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComposition naturelle et certifiée Bio\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eK pour Karité mise sur des ingrédients naturels et biologiques, soigneusement sélectionnés pour leur efficacité.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🍃 Hydrolat de menthe poivrée Bio\u003c\/h3\u003e\n \u003cp\u003eTonifie le cuir chevelu, apporte une fraîcheur durable et contribue à assainir en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌳 Extrait de moringa\u003c\/h3\u003e\n \u003cp\u003eVéritable bouclier antipollution, il aide à capter et éliminer les particules polluantes fixées sur les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌾 Prêle des champs\u003c\/h3\u003e\n \u003cp\u003eRiche en silice, elle apaise les irritations et renforce la fibre capillaire de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💧 Aloe vera Bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et adoucit les cheveux sans les alourdir pour une chevelure souple et légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans parabènes, sans silicones et sans substances controversées\u003c\/strong\u003e. Tous les ingrédients sont d'origine naturelle et respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment utiliser cette brume rafraîchissante ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eSon format spray est ultra pratique et vous accompagne partout. Voici comment en tirer le meilleur parti :\u003c\/p\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez légèrement avant chaque utilisation pour bien mélanger les actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eVaporisez à 20 cm\u003c\/h3\u003e\n \u003cp\u003ePulvérisez sur cheveux secs ou légèrement humides, à environ 20 cm de la chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n \u003cp\u003eAvant de sortir, pour créer un bouclier protecteur contre la pollution et les agressions urbaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003e🕐 En journée\u003c\/h3\u003e\n \u003cp\u003eDès que vos cheveux ont besoin d'un coup de frais ou après une exposition à des odeurs persistantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n \u003cp\u003ePour purifier vos cheveux des impuretés accumulées tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVous pouvez l'utiliser \u003cstrong\u003eaussi souvent que nécessaire\u003c\/strong\u003e : sa formule légère ne laisse aucun résidu et n'alourdit pas les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication française et engagement éthique\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée en France avec des standards de qualité élevés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eLabel Ecocert garantissant des ingrédients naturels et biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n \u003cp\u003eDémarche éco-responsable avec des packagings respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💚 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les cheveux, même les plus sensibles et fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre chevelure le soin détoxifiant qu'elle mérite au quotidien. Ce spray antipollution à la menthe fraîche est le compagnon idéal de toutes les personnes exposées aux agressions urbaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"kpk-disclaimer\"\u003eCosmétique certifié Bio par Ecocert. Produit à usage externe uniquement. Éviter le contact avec les yeux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #f5f7f9;\n --kpk-white: #ffffff;\n --kpk-primary: #2a8fbf;\n --kpk-primary-dark: #1a5f82;\n --kpk-primary-light: #e8f4fa;\n --kpk-secondary: #3abba4;\n --kpk-accent: #5ec4d4;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #dce8ee;\n --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kpk-radius: 20px;\n --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, #1a5f82 0%, #2a8fbf 40%, #3abba4 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kpk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kpk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.kpk-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.kpk-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kpk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.kpk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kpk-primary), var(--kpk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kpk-highlight-box {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kpk-shadow);\n border-left: 4px solid var(--kpk-secondary);\n}\n\n.kpk-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.8;\n line-height: 1.8;\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kpk-shadow-lg);\n border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.kpk-grid-compact .kpk-card {\n padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kpk-timeline-content {\n flex: 1;\n background: var(--kpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kpk-radius-sm);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n font-size: 14px;\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kpk-primary-light);\n border-radius: var(--kpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kpk-tip p {\n font-size: 14px;\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kpk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kpk-disclaimer {\n font-size: 12px;\n color: var(--kpk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kpk-card {\n padding: 1.125rem;\n }\n\n .kpk-section {\n margin-bottom: 1.75rem;\n }\n\n .kpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kpk-radius-sm);\n }\n\n .kpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kpk-grid-compact {\n gap: .625rem;\n }\n\n .kpk-grid-compact .kpk-card {\n padding: .75rem;\n }\n\n .kpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kpk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kpk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kpk-timeline-content p {\n font-size: 13px;\n }\n\n .kpk-highlight-box {\n padding: 1.25rem;\n }\n\n .kpk-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: kpkFadeInUp .5s ease backwards;\n }\n .kpk-card:nth-child(1) { animation-delay: .05s; }\n .kpk-card:nth-child(2) { animation-delay: .1s; }\n .kpk-card:nth-child(3) { animation-delay: .15s; }\n .kpk-card:nth-child(4) { animation-delay: .2s; }\n .kpk-card:nth-child(5) { animation-delay: .25s; }\n .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kpkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kpk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755011137693,"sku":"REF997","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/brume-detox-rafraichissante-antipollution-150-ml-k-pour-kari-packshothd.webp?v=1775993883"},{"product_id":"baume-ultra-hydratant-bio-10-de-miel-de-manuka-iaa10-200-ml-comptoirs-et-compagnies","title":"Baume Ultra Hydratant Bio 10% Miel de Manuka Iaa10+ - 200ml - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume Ultra Hydratant au Miel de Manuka IAA10+\nPalette détectée:\n - Primaire: #1a1a1a (noir élégant du bandeau packaging)\n - Secondaire: #f4b000 (jaune or\/miel du badge IAA hexagonal)\n - Accent: #fff8e1 (crème doux des fleurs de manuka)\n - Tertiaire: #8b7355 (brun miel chaleureux)\nAmbiance: Luxe naturel premium, cosmétique bio haut de gamme avec alliance noir\/or évoquant sophistication. Fleurs de manuka blanches apportent fraîcheur et naturalité. Certifications bio visibles (Ecocert, Cosmebio). Univers néo-zélandais authentique.\nPréfixe CSS: mmb (manuka moisture balm)\n--\u003e\n\n\u003cdiv class=\"mmb-premium\"\u003e\n \u003cdiv class=\"mmb-hero\"\u003e\n \u003cdiv class=\"mmb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mmb-hero-content\"\u003e\n \u003cdiv class=\"mmb-badges-top\"\u003e\n \u003cspan class=\"mmb-badge\"\u003e🍯 10% Miel de Manuka IAA10+\u003c\/span\u003e\n \u003cspan class=\"mmb-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"mmb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mmb-hero-title\"\u003eBaume ultra hydratant au miel de Manuka\u003c\/span\u003e\n \u003cp class=\"mmb-subtitle\"\u003eL'excellence néo-zélandaise pour votre peau\u003c\/p\u003e\n \u003cp class=\"mmb-description\"\u003eUn soin d'exception enrichi à 10% de miel de Manuka certifié IAA10+ qui hydrate, apaise et répare intensément les peaux sèches et sensibilisées. Texture fondante, parfum délicat, résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mmb-section\"\u003e\n \u003ch2\u003e🍯 Les bienfaits du miel de Manuka\u003c\/h2\u003e\n \u003cdiv class=\"mmb-grid\"\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePénètre en profondeur pour une hydratation durable. La peau retrouve souplesse et confort dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e🛡️ Action réparatrice\u003c\/h3\u003e\n \u003cp\u003ePropriétés antibactériennes naturelles qui réparent et apaisent les peaux sèches, irritées ou sensibilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e✨ Nutrition profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément sans film gras grâce à sa texture fondante qui se fond parfaitement dans la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mmb-section\"\u003e\n \u003ch2\u003e🌿 Une formule 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"mmb-grid\"\u003e\n \u003cdiv class=\"mmb-card mmb-card-ingredient\"\u003e\n \u003ch3\u003e🍯 Miel de Manuka IAA10+\u003c\/h3\u003e\n \u003cspan class=\"mmb-dose\"\u003e10%\u003c\/span\u003e\n \u003cp\u003eRécolté en Nouvelle-Zélande, certifié pour son activité antibactérienne optimale. Actif réparateur et protecteur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card mmb-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Beurre de karité bio\u003c\/h3\u003e\n \u003cspan class=\"mmb-dose\"\u003eRiche en vitamines\u003c\/span\u003e\n \u003cp\u003eApporte souplesse, douceur et nutrition en profondeur pour une peau veloutée et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card mmb-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cspan class=\"mmb-dose\"\u003eHydratation express\u003c\/span\u003e\n \u003cp\u003eHydrate intensément et apaise les peaux sèches. Pénètre rapidement sans effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card mmb-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cspan class=\"mmb-dose\"\u003eApaisant\u003c\/span\u003e\n \u003cp\u003eVertus hydratantes, apaisantes et rafraîchissantes idéales pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card mmb-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Extrait de calendula\u003c\/h3\u003e\n \u003cspan class=\"mmb-dose\"\u003eRégénérant\u003c\/span\u003e\n \u003cp\u003eAdoucit, calme et régénère les peaux délicates grâce à ses propriétés anti-inflammatoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card mmb-card-ingredient mmb-card-highlight\"\u003e\n \u003ch3\u003e🌱 Sans ingrédients controversés\u003c\/h3\u003e\n \u003cspan class=\"mmb-dose\"\u003e0% chimie\u003c\/span\u003e\n \u003cp\u003eSans parabènes, sans silicones, sans huiles minérales, sans colorants synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mmb-section\"\u003e\n \u003ch2\u003e📊 Résultats prouvés\u003c\/h2\u003e\n \u003cdiv class=\"mmb-results-grid\"\u003e\n \u003cdiv class=\"mmb-result-card\"\u003e\n \u003cspan class=\"mmb-result-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"mmb-result-label\"\u003ede satisfaction\u003c\/span\u003e\n \u003cp\u003eTest d'usage auprès de 20 volontaires pendant 3 semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-result-card\"\u003e\n \u003cspan class=\"mmb-result-number\"\u003e93\/100\u003c\/span\u003e\n \u003cspan class=\"mmb-result-label\"\u003eNote Yuka\u003c\/span\u003e\n \u003cp\u003eComposition excellente validée par l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-result-card\"\u003e\n \u003cspan class=\"mmb-result-number\"\u003eIAA10+\u003c\/span\u003e\n \u003cspan class=\"mmb-result-label\"\u003eActivité certifiée\u003c\/span\u003e\n \u003cp\u003eMiel testé en laboratoire pour garantir son efficacité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mmb-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mmb-grid\"\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e🌵 Peaux sèches et très sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense et hydratation durable pour retrouver confort et douceur au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e🔴 Peaux sensibles et irritées\u003c\/h3\u003e\n \u003cp\u003eApaise, calme et répare grâce aux propriétés exceptionnelles du miel de Manuka.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e❄️ Peaux agressées\u003c\/h3\u003e\n \u003cp\u003eProtège et régénère les peaux fragilisées par le froid ou les conditions climatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mmb-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mmb-timeline\"\u003e\n \u003cdiv class=\"mmb-step\"\u003e\n \u003cdiv class=\"mmb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mmb-step-content\"\u003e\n \u003ch3\u003eSur peau propre\u003c\/h3\u003e\n \u003cp\u003eAprès la douche ou le bain, sur peau légèrement humide pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-step\"\u003e\n \u003cdiv class=\"mmb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mmb-step-content\"\u003e\n \u003ch3\u003eUne noisette suffit\u003c\/h3\u003e\n \u003cp\u003eTexture riche et concentrée qui s'étale facilement sur tout le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-step\"\u003e\n \u003cdiv class=\"mmb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mmb-step-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eMouvements circulaires jusqu'à absorption complète. Profitez de son parfum de miel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-step\"\u003e\n \u003cdiv class=\"mmb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mmb-step-content\"\u003e\n \u003ch3\u003eQuotidiennement\u003c\/h3\u003e\n \u003cp\u003eMatin et\/ou soir pour des résultats visibles et durables. Le tube dure longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mmb-section\"\u003e\n \u003ch2\u003e⭐ Témoignage client\u003c\/h2\u003e\n \u003cdiv class=\"mmb-testimonial\"\u003e\n \u003cdiv class=\"mmb-testimonial-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n \u003cp class=\"mmb-testimonial-text\"\u003e\"C'est la deuxième fois que je rachète ce produit que j'ai découvert depuis peu. Il est tout simplement génial : sa texture fond très bien sur la peau et s'étale donc très bien, son odeur de miel est juste divine, et surtout, la peau est vraiment nourrie et sa qualité s'améliore au fil de l'utilisation. Il en faut peu pour chaque utilisation et le tube dure longtemps. Je recommande pleinement ce baume !\"\u003c\/p\u003e\n \u003cspan class=\"mmb-testimonial-author\"\u003e— Graziella\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mmb-section\"\u003e\n \u003ch2\u003e🇳🇿 Pourquoi le miel de Manuka ?\u003c\/h2\u003e\n \u003cdiv class=\"mmb-grid\"\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e🌍 Origine unique\u003c\/h3\u003e\n \u003cp\u003eProvient exclusivement des fleurs de l'arbre Manuka, endémique de Nouvelle-Zélande. Récolté de manière éthique dans des zones préservées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e🔬 Certifié IAA10+\u003c\/h3\u003e\n \u003cp\u003eChaque lot est testé en laboratoire pour certifier sa teneur en méthylglyoxal (MGO) et garantir son activité antibactérienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e💎 Propriétés uniques\u003c\/h3\u003e\n \u003cp\u003ePropriétés antibactériennes, anti-inflammatoires et cicatrisantes exceptionnelles, reconnues par la communauté scientifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mmb-section\"\u003e\n \u003ch2\u003e✅ Nos engagements\u003c\/h2\u003e\n \u003cdiv class=\"mmb-grid-compact\"\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e🌱 Certifié Bio Ecocert\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e🐰 Non testé sur animaux\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mmb-card\"\u003e\n \u003ch3\u003e♻️ Packaging recyclable\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mmb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mmb-accordion\"\u003e\n \u003cdetails class=\"mmb-accordion-item\"\u003e\n \u003csummary class=\"mmb-accordion-header\"\u003e🧴 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"mmb-accordion-content\"\u003e\n \u003cp\u003eTube de 200 ml. Une noisette suffit pour chaque application, le produit dure plusieurs mois d'utilisation quotidienne. Concentration exceptionnelle de 10% de miel de Manuka IAA10+.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mmb-accordion-item\"\u003e\n \u003csummary class=\"mmb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mmb-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de l'humidité. Refermer le tube après chaque utilisation. Se conserve 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mmb-accordion-item\"\u003e\n \u003csummary class=\"mmb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mmb-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas de réaction cutanée, cesser l'utilisation et consulter un médecin. Déconseillé aux personnes allergiques aux produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mmb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mmb-cta-box\"\u003e\n \u003cp\u003e🍯 Offrez à votre peau l'excellence du miel de Manuka néo-zélandais. Une hydratation intense, une réparation visible et un confort durable grâce à une formule 100% naturelle et bio. Texture fondante, parfum délicat de miel, résultats prouvés par 100% de satisfaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mmb-cream: #faf8f5;\n --mmb-white: #ffffff;\n --mmb-primary: #1a1a1a;\n --mmb-primary-dark: #0d0d0d;\n --mmb-primary-light: #2d2d2d;\n --mmb-secondary: #f4b000;\n --mmb-secondary-dark: #c28d00;\n --mmb-secondary-light: #fff8e1;\n --mmb-accent: #8b7355;\n --mmb-text: #1a1a1a;\n --mmb-text-light: #5a5a5a;\n --mmb-border: #e8e5e0;\n --mmb-shadow: 0 4px 24px rgba(26,26,26,.06);\n --mmb-shadow-lg: 0 12px 48px rgba(26,26,26,.12);\n --mmb-radius: 20px;\n --mmb-radius-sm: 12px;\n}\n\n.mmb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mmb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mmb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mmb-primary) 0%, var(--mmb-primary-light) 50%, var(--mmb-accent) 100%);\n border-radius: var(--mmb-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(--mmb-shadow-lg);\n}\n\n.mmb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\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 5L55 20v20L30 55 5 40V20z' fill='none' stroke='%23fff' stroke-width='1'\/%3E%3C\/svg%3E\");\n}\n\n.mmb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mmb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.mmb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.98);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mmb-primary);\n box-shadow: 0 4px 16px rgba(244,176,0,.25);\n border: 2px solid var(--mmb-secondary);\n transition: all .3s ease;\n}\n\n.mmb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mmb-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.mmb-subtitle {\n color: var(--mmb-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n}\n\n.mmb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.mmb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mmb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mmb-primary);\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.mmb-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(--mmb-secondary), var(--mmb-secondary-dark));\n border-radius: 2px;\n}\n\n.mmb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mmb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mmb-card {\n background: var(--mmb-white);\n border-radius: var(--mmb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mmb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mmb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mmb-shadow-lg);\n border-color: var(--mmb-secondary);\n}\n\n.mmb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mmb-primary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mmb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mmb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mmb-card-ingredient {\n text-align: left;\n}\n\n.mmb-card-highlight {\n background: linear-gradient(135deg, var(--mmb-secondary-light) 0%, var(--mmb-white) 100%);\n border-color: var(--mmb-secondary);\n}\n\n.mmb-dose {\n display: inline-block;\n font-size: 12px;\n font-weight: 700;\n color: var(--mmb-secondary-dark);\n background: var(--mmb-secondary-light);\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.mmb-results-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.mmb-result-card {\n background: linear-gradient(135deg, var(--mmb-secondary) 0%, var(--mmb-secondary-dark) 100%);\n border-radius: var(--mmb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: 0 8px 32px rgba(244,176,0,.2);\n transition: all .3s ease;\n}\n\n.mmb-result-card:hover {\n transform: translateY(-6px) scale(1.02);\n}\n\n.mmb-result-number {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: white;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.mmb-result-label {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: rgba(255,255,255,.95);\n margin: .5rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.mmb-result-card p {\n font-size: 13px;\n color: rgba(255,255,255,.85);\n margin: 0;\n line-height: 1.5;\n}\n\n.mmb-timeline {\n max-width: 700px;\n margin: 0 auto;\n display: grid;\n gap: 1rem;\n}\n\n.mmb-step {\n display: flex;\n gap: 1.25rem;\n background: var(--mmb-white);\n border-radius: var(--mmb-radius);\n padding: 1.25rem;\n box-shadow: var(--mmb-shadow);\n border-left: 4px solid var(--mmb-secondary);\n transition: all .3s ease;\n}\n\n.mmb-step:hover {\n transform: translateX(8px);\n}\n\n.mmb-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--mmb-secondary), var(--mmb-secondary-dark));\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n}\n\n.mmb-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mmb-primary);\n margin: 0 0 .35rem 0;\n}\n\n.mmb-step-content p {\n font-size: 14px;\n color: var(--mmb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mmb-testimonial {\n max-width: 800px;\n margin: 0 auto;\n background: linear-gradient(135deg, var(--mmb-secondary-light) 0%, var(--mmb-white) 100%);\n border-radius: var(--mmb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mmb-shadow);\n border: 2px solid var(--mmb-secondary);\n text-align: center;\n}\n\n.mmb-testimonial-stars {\n font-size: 22px;\n margin-bottom: 1rem;\n}\n\n.mmb-testimonial-text {\n font-size: clamp(14px, 2.5vw, 17px);\n color: var(--mmb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0 0 1rem 0;\n}\n\n.mmb-testimonial-author {\n font-size: 15px;\n font-weight: 700;\n color: var(--mmb-secondary-dark);\n}\n\n.mmb-accordion {\n background: var(--mmb-white);\n border-radius: var(--mmb-radius);\n box-shadow: var(--mmb-shadow);\n overflow: hidden;\n}\n\n.mmb-accordion-item {\n border-bottom: 1px solid var(--mmb-border);\n margin: 0;\n padding: 0;\n}\n\n.mmb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mmb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mmb-primary);\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.mmb-accordion-header:hover {\n background: var(--mmb-secondary-light);\n}\n\n.mmb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mmb-accordion-header::after {\n content: '+';\n font-size: 20px;\n color: var(--mmb-secondary);\n transition: transform .2s ease;\n}\n\n.mmb-accordion-item[open] .mmb-accordion-header::after {\n content: '−';\n}\n\n.mmb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mmb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.mmb-accordion-content p {\n margin: 0;\n}\n\n.mmb-cta-box {\n background: linear-gradient(135deg, var(--mmb-primary) 0%, var(--mmb-primary-light) 50%, var(--mmb-accent) 100%);\n border-radius: var(--mmb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n box-shadow: var(--mmb-shadow-lg);\n}\n\n.mmb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n .mmb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mmb-grid-compact {\n gap: .625rem;\n }\n \n .mmb-grid-compact .mmb-card {\n padding: .75rem;\n }\n \n .mmb-grid-compact .mmb-card h3 {\n font-size: 13px;\n }\n \n .mmb-results-grid {\n grid-template-columns: 1fr;\n }\n \n .mmb-card {\n padding: 1.125rem;\n }\n \n .mmb-section {\n margin-bottom: 1.75rem;\n }\n \n .mmb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mmb-radius-sm);\n }\n \n .mmb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mmb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mmb-step {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n \n .mmb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mmb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mmb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mmb-card:nth-child(1) { animation-delay: .05s; }\n .mmb-card:nth-child(2) { animation-delay: .1s; }\n .mmb-card:nth-child(3) { animation-delay: .15s; }\n .mmb-card:nth-child(4) { animation-delay: .2s; }\n .mmb-card:nth-child(5) { animation-delay: .25s; }\n .mmb-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 .mmb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755075559581,"sku":"NBAICCO0009","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-ultra-hydratant-bio-10pourcent-miel-manuka-iaa10plus-200ml-comptoirs-et-compagnies-recto_4_11zon.jpg?v=1759503914"},{"product_id":"creme-reparatrice-miel-de-manuka-iaa-10-tube-40-ml-comptoirs-et-compagnies","title":"Crème Réparatrice 40% de Miel de Manuka IAA 10+ - 40ml - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Réparatrice au Miel de Manuka IAA 10+\nPalette détectée:\n - Primaire: #F4B800 (jaune doré du miel\/IAA 10+, très présent sur le packaging)\n - Secondaire: #1A1A1A (noir élégant du packaging)\n - Accent: #FFF9E6 (beige crème doux, rappel de la texture du miel)\n - Background: #FFF8F0 (crème très clair, chaleureux)\nAmbiance: Premium naturel, scientifique certifié (labels bio), luxe accessible, univers du miel et de la nature néo-zélandaise, soin dermatologique\nType: Cosmétique réparatrice certifiée bio\nStyle suggéré: Premium naturel avec touches scientifiques (IAA 10+), élégant et rassurant\nPréfixe CSS: mnk\n--\u003e\n\n\u003cdiv class=\"mnk-premium\"\u003e\n \u003cdiv class=\"mnk-hero\"\u003e\n \u003cdiv class=\"mnk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mnk-hero-content\"\u003e\n \u003cdiv class=\"mnk-badges-top\"\u003e\n \u003cspan class=\"mnk-badge\"\u003e🍯 40% Miel de Manuka IAA 10+\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🌿 Certifié bio\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mnk-hero-title\"\u003eCrème réparatrice au miel de Manuka\u003c\/span\u003e\n \u003cp class=\"mnk-subtitle\"\u003eLe pouvoir cicatrisant du miel néo-zélandais au service de votre peau\u003c\/p\u003e\n \u003cp class=\"mnk-description\"\u003eUne formule 100% naturelle et certifiée bio qui restaure, apaise et protège les peaux abîmées et asséchées grâce aux propriétés exceptionnelles du miel de Manuka IAA 10+.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003ePourquoi choisir notre crème au miel de Manuka ?\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3\u003eIndice IAA 10+ certifié\u003c\/h3\u003e\n \u003cp\u003eL'indice IAA (Indice d'Activité Antibactérienne) garantit les propriétés réparatrices du miel de Manuka, systématiquement testées en laboratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003e100% naturel et bio\u003c\/h3\u003e\n \u003cp\u003eFormule composée à 100% d'ingrédients d'origine naturelle, dont 20% issus de l'agriculture biologique. Certifiée Ecocert et Cosmebio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eTexture premium\u003c\/h3\u003e\n \u003cp\u003eRiche mais non grasse, pénètre rapidement sans résidu collant. Votre peau reste douce, hydratée et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eAction réparatrice\u003c\/h3\u003e\n \u003cp\u003eRestaure les peaux abîmées, apaise les irritations, répare les gerçures et protège contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-icon\"\u003e🥕\u003c\/div\u003e\n \u003ch3\u003eNote Yuka 100\/100\u003c\/h3\u003e\n \u003cp\u003eComposition exemplaire reconnue par l'application Yuka pour sa qualité et sa sécurité dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003cdiv class=\"mnk-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3\u003e100% de satisfaction\u003c\/h3\u003e\n \u003cp\u003eSelon un test d'usage auprès de 20 volontaires pendant 3 semaines, la satisfaction est totale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eLe miel de Manuka, un trésor de Nouvelle-Zélande\u003c\/h2\u003e\n \u003cdiv class=\"mnk-info-box\"\u003e\n \u003cdiv class=\"mnk-info-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eDes guérisseurs maoris à la science moderne\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eLe Manuka est un arbrisseau, cousin du tea tree, qui pousse à l'état sauvage sur les terres vierges de Nouvelle-Zélande. Ses feuilles et son écorce, reconnues pour leurs propriétés réparatrices et apaisantes, étaient utilisées par le tohunga, le guérisseur maori, appliquées directement sur la peau.\u003c\/p\u003e\n \u003cp class=\"mnk-highlight\"\u003eAujourd'hui, le miel de Manuka IAA est utilisé pour ses propriétés antibactériennes uniques, scientifiquement prouvées et mesurées grâce à l'indice IAA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eUne composition pure et naturelle\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid mnk-grid-ingredients\"\u003e\n \u003cdiv class=\"mnk-card mnk-card-ingredient\"\u003e\n \u003cdiv class=\"mnk-icon-large\"\u003e🍯\u003c\/div\u003e\n \u003ch3\u003eMiel de Manuka IAA 10+\u003c\/h3\u003e\n \u003cdiv class=\"mnk-dosage\"\u003e40%\u003c\/div\u003e\n \u003cp\u003eActif réparateur et antibactérien, cicatrisant naturel aux propriétés scientifiquement prouvées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card mnk-card-ingredient\"\u003e\n \u003cdiv class=\"mnk-icon-large\"\u003e🌾\u003c\/div\u003e\n \u003ch3\u003eHuile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur, régule le sébum et protège la barrière cutanée naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card mnk-card-ingredient\"\u003e\n \u003cdiv class=\"mnk-icon-large\"\u003e🥜\u003c\/div\u003e\n \u003ch3\u003eBeurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément, répare les peaux sèches et apaise les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card mnk-card-ingredient\"\u003e\n \u003cdiv class=\"mnk-icon-large\"\u003e🌰\u003c\/div\u003e\n \u003ch3\u003eHuile de macadamia bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit, assouplit et favorise la régénération cellulaire de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mnk-steps\"\u003e\n \u003cdiv class=\"mnk-step\"\u003e\n \u003cdiv class=\"mnk-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mnk-step-content\"\u003e\n \u003ch3\u003eNettoyez\u003c\/h3\u003e\n \u003cp\u003eAssurez-vous que votre peau est propre et sèche avant l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-step\"\u003e\n \u003cdiv class=\"mnk-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mnk-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de crème et appliquez sur les zones à traiter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-step\"\u003e\n \u003cdiv class=\"mnk-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mnk-step-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez délicatement jusqu'à absorption complète de la crème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-step\"\u003e\n \u003cdiv class=\"mnk-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mnk-step-content\"\u003e\n \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eUtilisez 2 fois par jour, ou plus si nécessaire selon les besoins de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eLes bienfaits prouvés\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid mnk-grid-benefits\"\u003e\n \u003cdiv class=\"mnk-benefit-card\"\u003e\n \u003cdiv class=\"mnk-benefit-icon\"\u003e🩹\u003c\/div\u003e\n \u003ch3\u003eRépare les altérations cutanées\u003c\/h3\u003e\n \u003cp\u003eEfficace sur les égratignures, gerçures et irritations légères. Accélère le processus naturel de cicatrisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-benefit-card\"\u003e\n \u003cdiv class=\"mnk-benefit-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eRestaure les peaux abîmées\u003c\/h3\u003e\n \u003cp\u003eApporte confort et réparation aux peaux asséchées, abîmées par le froid, le vent ou les agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-benefit-card\"\u003e\n \u003cdiv class=\"mnk-benefit-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eApaise et protège\u003c\/h3\u003e\n \u003cp\u003eCalme les rougeurs et les sensations d'inconfort. Crée une barrière protectrice pour préserver la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-benefit-card\"\u003e\n \u003cdiv class=\"mnk-benefit-icon\"\u003e✅\u003c\/div\u003e\n \u003ch3\u003eAmélioration visible\u003c\/h3\u003e\n \u003cp\u003eRésultats constatés dès les premières applications sur l'état des cicatrices, récentes ou anciennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card mnk-card-profile\"\u003e\n \u003cdiv class=\"mnk-profile-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003ch3\u003eToute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, des plus sensibles aux plus résistantes. Utilisable par tous les membres de la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card mnk-card-profile\"\u003e\n \u003cdiv class=\"mnk-profile-icon\"\u003e🌡️\u003c\/div\u003e\n \u003ch3\u003ePeaux agressées\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux exposées au froid, au vent, au soleil ou à des conditions climatiques difficiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card mnk-card-profile\"\u003e\n \u003cdiv class=\"mnk-profile-icon\"\u003e💆\u003c\/div\u003e\n \u003ch3\u003ePeaux réactives\u003c\/h3\u003e\n \u003cp\u003eParfaite pour les épidermes sensibles sujets aux irritations, rougeurs et inconforts cutanés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eTémoignage client\u003c\/h2\u003e\n \u003cdiv class=\"mnk-testimonial\"\u003e\n \u003cdiv class=\"mnk-testimonial-icon\"\u003e💬\u003c\/div\u003e\n \u003cp class=\"mnk-testimonial-text\"\u003e\"Ce produit est un indispensable pour toute personne qui, comme moi, a une peau qui ne cicatrise pas très bien. Cette crème accélère réellement le processus, et je constate une nette amélioration de l'état de mes cicatrices, récentes ou non. De plus l'odeur de miel est divine.\"\u003c\/p\u003e\n \u003cp class=\"mnk-testimonial-author\"\u003e— Graziella\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eCertifications et labels\u003c\/h2\u003e\n \u003cdiv class=\"mnk-certifications\"\u003e\n \u003cdiv class=\"mnk-cert-badge\"\u003e\n \u003cdiv class=\"mnk-cert-icon\"\u003e🌿\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eCertifié bio\u003c\/strong\u003e\u003cbr\u003eEcocert \/ Cosmebio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-cert-badge\"\u003e\n \u003cdiv class=\"mnk-cert-icon\"\u003e✨\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003e100% naturel\u003c\/strong\u003e\u003cbr\u003eFormule d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-cert-badge\"\u003e\n \u003cdiv class=\"mnk-cert-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003cbr\u003eQualité garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-cert-badge\"\u003e\n \u003cdiv class=\"mnk-cert-icon\"\u003e🥕\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eYuka 100\/100\u003c\/strong\u003e\u003cbr\u003eComposition exemplaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-cert-badge\"\u003e\n \u003cdiv class=\"mnk-cert-icon\"\u003e🔬\u003c\/div\u003e\n \u003cp\u003e\u003cstrong\u003eIAA 10+\u003c\/strong\u003e\u003cbr\u003eActivité mesurée et garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid mnk-grid-info\"\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cdiv class=\"mnk-info-label\"\u003eFormat\u003c\/div\u003e\n \u003cdiv class=\"mnk-info-value\"\u003e40 ml\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cdiv class=\"mnk-info-label\"\u003eOrigine du miel\u003c\/div\u003e\n \u003cdiv class=\"mnk-info-value\"\u003eNouvelle-Zélande\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cdiv class=\"mnk-info-label\"\u003eFabrication\u003c\/div\u003e\n \u003cdiv class=\"mnk-info-value\"\u003eFrance\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cdiv class=\"mnk-info-label\"\u003eConservation\u003c\/div\u003e\n \u003cdiv class=\"mnk-info-value\"\u003eÀ l'abri de la chaleur\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cdiv class=\"mnk-info-label\"\u003eType de peau\u003c\/div\u003e\n \u003cdiv class=\"mnk-info-value\"\u003eTous types\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-info-item\"\u003e\n \u003cdiv class=\"mnk-info-label\"\u003eUsage\u003c\/div\u003e\n \u003cdiv class=\"mnk-info-value\"\u003eExterne uniquement\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mnk-cta-box\"\u003e\n \u003cdiv class=\"mnk-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mnk-cta-content\"\u003e\n \u003cdiv class=\"mnk-cta-icon\"\u003e🍯\u003c\/div\u003e\n \u003cp\u003eOffrez à votre peau les bienfaits réparateurs du miel de Manuka certifié IAA 10+. Une crème bio premium qui restaure, apaise et protège naturellement votre épiderme au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --mnk-cream: #FFF8F0;\n --mnk-white: #ffffff;\n --mnk-primary: #F4B800;\n --mnk-primary-dark: #D9A300;\n --mnk-primary-light: #FFF9E6;\n --mnk-secondary: #1A1A1A;\n --mnk-accent: #FFD700;\n\n \/* Textes *\/\n --mnk-text: #1a1a1a;\n --mnk-text-light: #5a5a5a;\n\n \/* Effets *\/\n --mnk-border: #e0e0e0;\n --mnk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mnk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mnk-radius: 20px;\n --mnk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mnk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mnk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--mnk-text);\n}\n\n\/* === HERO === *\/\n.mnk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mnk-primary) 0%, var(--mnk-primary-dark) 50%, var(--mnk-secondary) 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 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 repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.05) 20px, rgba(255,255,255,.05) 40px);\n}\n\n.mnk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.mnk-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(--mnk-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mnk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.mnk-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 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.mnk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.mnk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.mnk-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mnk-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--mnk-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mnk-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(--mnk-primary), var(--mnk-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mnk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.mnk-grid-ingredients {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.mnk-grid-benefits {\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n.mnk-grid-info {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mnk-card {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mnk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mnk-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mnk-shadow-lg);\n border-color: var(--mnk-primary);\n}\n\n.mnk-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.mnk-card h3 {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--mnk-secondary);\n margin: 0 0 0.75rem 0;\n line-height: 1.3;\n}\n\n.mnk-card p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--mnk-text-light);\n margin: 0;\n}\n\n\/* === CARDS INGRÉDIENTS === *\/\n.mnk-card-ingredient {\n text-align: center;\n position: relative;\n background: linear-gradient(135deg, var(--mnk-white) 0%, var(--mnk-primary-light) 100%);\n}\n\n.mnk-icon-large {\n font-size: 64px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.mnk-dosage {\n display: inline-block;\n background: var(--mnk-primary);\n color: var(--mnk-secondary);\n font-size: 18px;\n font-weight: 900;\n padding: 6px 16px;\n border-radius: 999px;\n margin-bottom: 1rem;\n box-shadow: 0 2px 12px rgba(244,184,0,.3);\n}\n\n\/* === BENEFIT CARDS === *\/\n.mnk-benefit-card {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mnk-shadow);\n border-left: 4px solid var(--mnk-primary);\n transition: all .3s ease;\n}\n\n.mnk-benefit-card:hover {\n transform: translateX(8px);\n box-shadow: var(--mnk-shadow-lg);\n border-left-width: 6px;\n}\n\n.mnk-benefit-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === PROFILE CARDS === *\/\n.mnk-card-profile {\n text-align: center;\n background: linear-gradient(135deg, var(--mnk-primary-light) 0%, var(--mnk-white) 100%);\n}\n\n.mnk-profile-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* === INFO BOX === *\/\n.mnk-info-box {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--mnk-shadow);\n border: 3px solid var(--mnk-primary-light);\n}\n\n.mnk-info-content p {\n font-size: 16px;\n line-height: 1.8;\n color: var(--mnk-text);\n margin-bottom: 1rem;\n}\n\n.mnk-info-content p:last-child {\n margin-bottom: 0;\n}\n\n.mnk-highlight {\n background: var(--mnk-primary-light);\n padding: 1.5rem;\n border-radius: var(--mnk-radius-sm);\n border-left: 4px solid var(--mnk-primary);\n font-weight: 600;\n}\n\n\/* === ÉTAPES === *\/\n.mnk-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 2rem;\n}\n\n.mnk-step {\n display: flex;\n gap: 1.5rem;\n align-items: start;\n}\n\n.mnk-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--mnk-primary), var(--mnk-accent));\n color: var(--mnk-secondary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(244,184,0,.3);\n}\n\n.mnk-step-content h3 {\n font-size: 19px;\n font-weight: 800;\n color: var(--mnk-secondary);\n margin: 0 0 0.5rem 0;\n}\n\n.mnk-step-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--mnk-text-light);\n margin: 0;\n}\n\n\/* === TÉMOIGNAGE === *\/\n.mnk-testimonial {\n background: linear-gradient(135deg, var(--mnk-primary-light) 0%, var(--mnk-white) 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n box-shadow: var(--mnk-shadow);\n text-align: center;\n border: 3px solid var(--mnk-primary);\n}\n\n.mnk-testimonial-icon {\n font-size: 56px;\n margin-bottom: 1.5rem;\n opacity: .6;\n}\n\n.mnk-testimonial-text {\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n color: var(--mnk-text);\n font-style: italic;\n margin: 0 0 1.5rem 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mnk-testimonial-author {\n font-size: 16px;\n font-weight: 700;\n color: var(--mnk-primary-dark);\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.mnk-warning-box {\n background: #FFF9E6;\n border-radius: var(--mnk-radius);\n padding: clamp(2rem, 4vw, 2.5rem);\n border: 2px solid #FFD700;\n display: flex;\n gap: 1.5rem;\n align-items: start;\n}\n\n.mnk-warning-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mnk-warning-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--mnk-text);\n margin-bottom: 0.75rem;\n}\n\n.mnk-warning-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CERTIFICATIONS === *\/\n.mnk-certifications {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1.5rem;\n}\n\n.mnk-cert-badge {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--mnk-shadow);\n border: 2px solid var(--mnk-primary-light);\n transition: all .3s ease;\n}\n\n.mnk-cert-badge:hover {\n transform: scale(1.05);\n border-color: var(--mnk-primary);\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-cert-icon {\n font-size: 48px;\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.mnk-cert-badge p {\n font-size: 13px;\n line-height: 1.5;\n color: var(--mnk-text);\n margin: 0;\n}\n\n.mnk-cert-badge strong {\n display: block;\n font-size: 15px;\n font-weight: 800;\n color: var(--mnk-secondary);\n margin-bottom: 4px;\n}\n\n\/* === INFO ITEMS === *\/\n.mnk-info-item {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--mnk-shadow);\n border: 2px solid var(--mnk-primary-light);\n transition: all .3s ease;\n}\n\n.mnk-info-item:hover {\n transform: translateY(-4px);\n border-color: var(--mnk-primary);\n}\n\n.mnk-info-label {\n font-size: 13px;\n font-weight: 600;\n color: var(--mnk-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.5rem;\n}\n\n.mnk-info-value {\n font-size: 17px;\n font-weight: 800;\n color: var(--mnk-secondary);\n}\n\n\/* === CTA FINAL === *\/\n.mnk-cta-box {\n background: linear-gradient(135deg, var(--mnk-primary) 0%, var(--mnk-primary-dark) 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px);\n}\n\n.mnk-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mnk-cta-icon {\n font-size: 64px;\n margin-bottom: 1.5rem;\n display: block;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.2));\n}\n\n.mnk-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mnk-grid,\n .mnk-grid-ingredients,\n .mnk-grid-benefits,\n .mnk-grid-info,\n .mnk-steps,\n .mnk-certifications {\n grid-template-columns: 1fr;\n }\n\n .mnk-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .mnk-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mnk-card,\n .mnk-benefit-card,\n .mnk-card-profile {\n animation: fadeInUp .6s ease backwards;\n }\n\n .mnk-card:nth-child(1),\n .mnk-benefit-card:nth-child(1) { animation-delay: .1s; }\n .mnk-card:nth-child(2),\n .mnk-benefit-card:nth-child(2) { animation-delay: .2s; }\n .mnk-card:nth-child(3),\n .mnk-benefit-card:nth-child(3) { animation-delay: .3s; }\n .mnk-card:nth-child(4),\n .mnk-benefit-card:nth-child(4) { animation-delay: .4s; }\n .mnk-card:nth-child(5) { animation-delay: .5s; }\n .mnk-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mnk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mnk-premium {\n --mnk-shadow: 0 0 0 2px currentColor;\n --mnk-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755075788957,"sku":"NBAICCO0006","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-reparatrice-40-pourcent-de-miel-de-manuka-iaa-10-40ml-comptoirs-et-compagnies-recto_3_11zon.jpg?v=1758898034"},{"product_id":"huile-de-massage-bio-kapha-flacon-de-100-ml-ayurvana","title":"Huile de Massage Bio Kapha - Flacon de 100 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Massage Bio Kapha - Ayur-Vana\nPalette détectée:\n - Primaire: #8B9A2F (vert olive\/chartreuse du flacon)\n - Secondaire: #C4A935 (doré\/curcuma des ingrédients)\n - Accent: #5A7A1E (vert foncé des feuilles\/texte packaging)\nAmbiance: Naturel, ayurvédique, bio, bien-être holistique, épicé-botanique, chaleureux-terreux\nPréfixe CSS: kph\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Massage Bio Kapha Ayur-Vana : l'alliée des constitutions Kapha\"\n 2. \"Qu'est-ce que le dosha Kapha et pourquoi l'équilibrer ?\"\n 3. \"Une formulation bio pensée pour dynamiser\"\n 4. \"Comment utiliser cette huile de massage ayurvédique ?\"\n 5. \"À qui s'adresse cette huile Kapha ?\"\n 6. \"Précautions et recommandations\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kph-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kph-hero\"\u003e\n \u003cdiv class=\"kph-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kph-hero-content\"\u003e\n \u003cdiv class=\"kph-badges-top\"\u003e\n \u003cspan class=\"kph-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"kph-badge\"\u003e🧴 100 ml\u003c\/span\u003e\n \u003cspan class=\"kph-badge\"\u003e🔥 Stimulante Kapha\u003c\/span\u003e\n \u003cspan class=\"kph-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kph-hero-title\"\u003eHuile de massage bio Kapha\u003c\/span\u003e\n \u003cp class=\"kph-subtitle\"\u003eAyur-Vana — Rituel ayurvédique stimulant et revitalisant\u003c\/p\u003e\n \u003cp class=\"kph-description\"\u003eUne huile de massage biologique aux actifs tonifiants et réchauffants, formulée pour rééquilibrer le dosha Kapha et retrouver énergie et légèreté au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kph-section\"\u003e\n \u003ch2\u003eHuile de Massage Bio Kapha Ayur-Vana : l'alliée des constitutions Kapha\u003c\/h2\u003e\n \u003cp class=\"kph-section-intro\"\u003eVous vous sentez souvent lourd, léthargique ou en manque d'élan ? En Ayurveda, ces sensations sont typiques d'un dosha Kapha en excès.\u003c\/p\u003e\n \u003cdiv class=\"kph-grid-compact\"\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e🍃 Huiles végétales bio\u003c\/h3\u003e\n \u003cp\u003eBase d'huiles végétales biologiques soigneusement sélectionnées pour une pénétration optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e✨ Huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eSynergie aromatique stimulante pour éveiller les sens et revitaliser le corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e🔥 Rituel stimulant\u003c\/h3\u003e\n \u003cp\u003eUn geste corporel ancré dans la tradition ayurvédique millénaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e⚖️ Rééquilibrage\u003c\/h3\u003e\n \u003cp\u003eSpécialement conçue pour répondre aux déséquilibres du dosha Kapha\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kph-section\"\u003e\n \u003ch2\u003eQu'est-ce que le dosha Kapha et pourquoi l'équilibrer ?\u003c\/h2\u003e\n \u003cdiv class=\"kph-dosha-intro\"\u003e\n \u003cp\u003eDans l'Ayurveda, \u003cstrong\u003eKapha\u003c\/strong\u003e est le dosha gouverné par les éléments \u003cstrong\u003eTerre et Eau\u003c\/strong\u003e. Les personnes à dominante Kapha sont naturellement calmes, stables et endurantes. Cependant, lorsque ce dosha s'accumule, il peut entraîner des déséquilibres perceptibles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-grid\"\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e🏔️ Terre \u0026amp; eau\u003c\/h3\u003e\n \u003cp\u003eKapha combine les éléments Terre et Eau, apportant stabilité et structure mais aussi potentiellement lourdeur et stagnation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e😴 Signes d'excès\u003c\/h3\u003e\n \u003cp\u003eSensation de pesanteur, peau terne, rétention d'eau, manque de motivation et de dynamisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e💆 Massage ayurvédique\u003c\/h3\u003e\n \u003cp\u003eLe massage avec une huile adaptée est l'un des gestes les plus recommandés pour rééquilibrer Kapha en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-tip\"\u003e\n \u003cspan class=\"kph-tip-icon\"\u003e🌀\u003c\/span\u003e\n \u003cp\u003eLe massage Kapha stimule la circulation et redonne de la vitalité au corps, dissipant la torpeur caractéristique de ce dosha en excès.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kph-section\"\u003e\n \u003ch2\u003eUne formulation bio pensée pour dynamiser\u003c\/h2\u003e\n \u003cdiv class=\"kph-grid\"\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n \u003cp\u003eContrairement à une huile neutre ou apaisante, l'huile Kapha pénètre facilement sans laisser de film gras, idéale pour les peaux à tendance grasse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e🌶️ Parfum frais et épicé\u003c\/h3\u003e\n \u003cp\u003eDes notes aromatiques stimulantes qui éveillent les sens dès l'application, clarifient l'esprit et dissipent la torpeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e🌱 Certifiée Cosmétique Bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique, sans additifs chimiques ni conservateurs de synthèse. Respectueux de votre peau et de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-tip\"\u003e\n \u003cspan class=\"kph-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSes actifs tonifiants et réchauffants transforment chaque massage en un véritable moment de revitalisation, bien au-delà d'un simple soin corporel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"kph-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de massage ayurvédique ?\u003c\/h2\u003e\n \u003cp class=\"kph-section-intro\"\u003ePour profiter pleinement des bienfaits de cette huile de massage bio, suivez ces étapes essentielles :\u003c\/p\u003e\n \u003cdiv class=\"kph-timeline\"\u003e\n \u003cdiv class=\"kph-timeline-item\"\u003e\n \u003cdiv class=\"kph-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kph-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez l'huile\u003c\/h3\u003e\n \u003cp\u003eVersez une petite quantité dans le creux de vos mains et frottez-les vigoureusement pour tiédir le produit avant application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-timeline-item\"\u003e\n \u003cdiv class=\"kph-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kph-timeline-content\"\u003e\n \u003ch3\u003eMassez avec énergie\u003c\/h3\u003e\n \u003cp\u003eContrairement aux massages doux adaptés à Vata, le massage Kapha nécessite des mouvements \u003cstrong\u003efermes, rapides et circulaires\u003c\/strong\u003e pour stimuler la circulation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-timeline-item\"\u003e\n \u003cdiv class=\"kph-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kph-timeline-content\"\u003e\n \u003ch3\u003eInsistez sur les zones clés\u003c\/h3\u003e\n \u003cp\u003eCuisses, hanches, ventre et épaules : les zones où Kapha a tendance à stagner et où le massage est le plus bénéfique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-timeline-item\"\u003e\n \u003cdiv class=\"kph-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kph-timeline-content\"\u003e\n \u003ch3\u003eIdéalement le matin\u003c\/h3\u003e\n \u003cp\u003ePratiquez ce massage avant la douche pour démarrer la journée avec dynamisme et énergie renouvelée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-tip\"\u003e\n \u003cspan class=\"kph-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eUtilisable en auto-massage quotidien ou lors de séances de massage professionnel en cabinet. Le flacon pompe de 100 ml permet un dosage précis et hygiénique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kph-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile Kapha ?\u003c\/h2\u003e\n \u003cp class=\"kph-section-intro\"\u003eCette huile convient particulièrement si vous vous reconnaissez dans l'un de ces profils :\u003c\/p\u003e\n \u003cdiv class=\"kph-grid-compact\"\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e🧘 Constitution Kapha\u003c\/h3\u003e\n \u003cp\u003eVous avez une constitution Kapha identifiée par un praticien ayurvédique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e😮‍💨 Fatigue et lourdeur\u003c\/h3\u003e\n \u003cp\u003eVous ressentez régulièrement de la fatigue, de la lourdeur ou un manque d'entrain\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e🌿 Naturalité\u003c\/h3\u003e\n \u003cp\u003eVous cherchez une huile bio de massage tonifiante et 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kph-card\"\u003e\n \u003ch3\u003e🕉️ Rituel quotidien\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez intégrer un rituel ayurvédique simple et efficace à votre 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=\"kph-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions et recommandations\u003c\/h2\u003e\n \u003cdiv class=\"kph-accordion\"\u003e\n \u003cdetails class=\"kph-accordion-item\"\u003e\n \u003csummary class=\"kph-accordion-header\"\u003e🧴 Usage externe\u003c\/summary\u003e\n \u003cdiv class=\"kph-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile est destinée à un \u003cstrong\u003eusage externe uniquement\u003c\/strong\u003e. Évitez le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kph-accordion-item\"\u003e\n \u003csummary class=\"kph-accordion-header\"\u003e🧪 Test de tolérance\u003c\/summary\u003e\n \u003cdiv class=\"kph-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de peau sensible ou réactive, effectuez un test dans le 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=\"kph-accordion-item\"\u003e\n \u003csummary class=\"kph-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"kph-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux \u003cstrong\u003efemmes enceintes\u003c\/strong\u003e et aux \u003cstrong\u003ejeunes enfants\u003c\/strong\u003e sans avis médical préalable. Ce produit cosmétique ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kph-accordion-item\"\u003e\n \u003csummary class=\"kph-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kph-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur pour préserver toutes les qualités de cette huile de massage ayurvédique bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kph-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. 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 --kph-cream: #FAF8F2;\n --kph-white: #ffffff;\n --kph-primary: #8B9A2F;\n --kph-primary-dark: #5A6B1A;\n --kph-primary-light: #F2F5E4;\n --kph-secondary: #C4A935;\n --kph-accent: #D4883A;\n --kph-text: #1a1a1a;\n --kph-text-light: #5a5a5a;\n --kph-border: #e5e0d5;\n --kph-shadow: 0 4px 24px rgba(90,107,26,.08);\n --kph-shadow-lg: 0 12px 48px rgba(90,107,26,.15);\n --kph-radius: 20px;\n --kph-radius-sm: 12px;\n}\n\n.kph-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kph-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kph-hero {\n position: relative;\n background: linear-gradient(135deg, #5A6B1A 0%, #8B9A2F 40%, #C4A935 100%);\n border-radius: var(--kph-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(--kph-shadow-lg);\n}\n\n.kph-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(196,169,53,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.kph-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kph-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.kph-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: -.01em;\n}\n\n.kph-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\/* === BADGES === *\/\n.kph-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kph-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(--kph-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kph-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kph-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kph-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kph-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.kph-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(--kph-primary), var(--kph-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kph-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kph-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === DOSHA INTRO === *\/\n.kph-dosha-intro {\n background: var(--kph-white);\n border-radius: var(--kph-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kph-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--kph-secondary);\n}\n\n.kph-dosha-intro p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--kph-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.kph-card {\n background: var(--kph-white);\n border-radius: var(--kph-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kph-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kph-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kph-shadow-lg);\n border-color: var(--kph-primary);\n}\n\n.kph-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kph-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kph-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kph-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kph-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kph-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kph-grid-compact .kph-card {\n padding: 1rem;\n}\n\n.kph-grid-compact .kph-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kph-grid-compact .kph-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kph-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kph-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kph-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kph-primary), var(--kph-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.kph-timeline-content {\n flex: 1;\n background: var(--kph-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kph-radius-sm);\n box-shadow: var(--kph-shadow);\n}\n\n.kph-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kph-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kph-timeline-content p {\n font-size: 14px;\n color: var(--kph-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kph-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kph-primary-light);\n border-radius: var(--kph-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kph-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kph-tip p {\n font-size: 14px;\n color: var(--kph-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kph-accordion {\n background: var(--kph-white);\n border-radius: var(--kph-radius);\n box-shadow: var(--kph-shadow);\n overflow: hidden;\n}\n\n.kph-accordion-item {\n border-bottom: 1px solid var(--kph-border);\n margin: 0;\n padding: 0;\n}\n\n.kph-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kph-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kph-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.kph-accordion-header:hover {\n background: var(--kph-primary-light);\n}\n\n.kph-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kph-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kph-primary);\n transition: transform .2s ease;\n}\n\n.kph-accordion-item[open] .kph-accordion-header::after {\n content: '−';\n}\n\n.kph-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kph-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kph-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kph-disclaimer {\n font-size: 12px;\n color: var(--kph-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 .kph-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kph-card {\n padding: 1.125rem;\n }\n\n .kph-section {\n margin-bottom: 1.75rem;\n }\n\n .kph-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kph-radius-sm);\n }\n\n .kph-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kph-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kph-grid-compact {\n gap: .625rem;\n }\n\n .kph-grid-compact .kph-card {\n padding: .75rem;\n }\n\n .kph-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kph-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kph-timeline-content h3 {\n font-size: 14px;\n }\n\n .kph-timeline-content p {\n font-size: 13px;\n }\n\n .kph-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kph-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kph-dosha-intro {\n padding: 1rem;\n }\n\n .kph-dosha-intro p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kph-card {\n animation: kphFadeInUp .5s ease backwards;\n }\n .kph-card:nth-child(1) { animation-delay: .05s; }\n .kph-card:nth-child(2) { animation-delay: .1s; }\n .kph-card:nth-child(3) { animation-delay: .15s; }\n .kph-card:nth-child(4) { animation-delay: .2s; }\n .kph-card:nth-child(5) { animation-delay: .25s; }\n .kph-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kphFadeInUp {\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 .kph-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":45755094761629,"sku":"AY0107","price":25.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-massage-bio-kapha-flacon-de-100-ml-ayur-vana-587202.jpg?v=1732722958"},{"product_id":"huile-de-massage-bio-pitta-flacon-de-100-ml-ayurvana","title":"Huile de Massage Bio Pitta - Flacon de 100 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Massage Bio Pitta - Ayur-Vana\nPalette détectée:\n - Primaire: #C8922A (doré\/ambre du flacon et de l'huile)\n - Secondaire: #E8A83E (jaune orangé chaud de l'étiquette)\n - Accent: #5A8C3C (vert du label bio)\nAmbiance: Ayurvédique, naturel\/bio, zen, chaleur dorée apaisante, univers bien-être holistique\nPréfixe CSS: pt\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Massage Bio Pitta Ayur-Vana : l'alliée des peaux sensibles et des tempéraments de feu\"\n 2. \"Pourquoi choisir une huile de massage ayurvédique Pitta ?\"\n 3. \"Composition et ingrédients\"\n 4. \"Conseils d'utilisation : comment réaliser votre massage Pitta\"\n 5. \"Les bienfaits concrets au quotidien\"\n 6. \"À qui s'adresse cette huile ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pt-hero\"\u003e\n \u003cdiv class=\"pt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pt-hero-content\"\u003e\n \u003cdiv class=\"pt-badges-top\"\u003e\n \u003cspan class=\"pt-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"pt-badge\"\u003e🧘 Tradition Ayurvédique\u003c\/span\u003e\n \u003cspan class=\"pt-badge\"\u003e🍃 100 % Naturelle\u003c\/span\u003e\n \u003cspan class=\"pt-badge\"\u003e🇫🇷 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pt-hero-title\"\u003eHuile de Massage Bio Pitta\u003c\/span\u003e\n \u003cp class=\"pt-subtitle\"\u003eAyur-Vana — Flacon 100 ml\u003c\/p\u003e\n \u003cp class=\"pt-description\"\u003eUn rituel ayurvédique rafraîchissant et apaisant, formulé pour calmer le feu intérieur et sublimer les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pt-section\"\u003e\n \u003ch2\u003eHuile de Massage Bio Pitta Ayur-Vana : l'alliée des peaux sensibles et des tempéraments de feu\u003c\/h2\u003e\n \u003cp class=\"pt-section-intro\"\u003eVous ressentez souvent des sensations de chaleur, des rougeurs ou une peau réactive ? En \u003cstrong\u003eAyurvéda\u003c\/strong\u003e, ces signes sont typiques d'un \u003cstrong\u003edosha Pitta\u003c\/strong\u003e en excès.\u003c\/p\u003e\n \u003cdiv class=\"pt-highlight-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eHuile de Massage Bio Pitta\u003c\/strong\u003e d'Ayur-Vana a été spécifiquement formulée pour apaiser ce déséquilibre grâce à une synergie d'huiles végétales biologiques et d'extraits de plantes rafraîchissantes. Un véritable rituel de bien-être en flacon de 100 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pt-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile de massage ayurvédique Pitta ?\u003c\/h2\u003e\n \u003cp class=\"pt-section-intro\"\u003eDans la tradition ayurvédique, le massage à l'huile — appelé \u003cstrong\u003eAbhyanga\u003c\/strong\u003e — est un pilier de l'hygiène de vie quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"pt-grid-compact\"\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e❄️ Rafraîchissante\u003c\/h3\u003e\n \u003cp\u003ePropriétés spécifiquement conçues pour calmer le feu de Pitta, contrairement aux huiles Vata qui privilégient la chaleur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et procure une sensation de fraîcheur immédiate sur les peaux réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e💧 Nourrissante\u003c\/h3\u003e\n \u003cp\u003eNourrit la peau en profondeur pour un confort durable tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🎯 Ciblée Pitta\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles, sujettes aux rougeurs, qui ont besoin de douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pt-section\"\u003e\n \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n \u003cp class=\"pt-section-intro\"\u003eCertifiée \u003cstrong\u003ebio\u003c\/strong\u003e, cette huile repose sur une base d'\u003cstrong\u003ehuile de sésame\u003c\/strong\u003e — l'huile traditionnelle du massage ayurvédique — enrichie d'extraits de plantes reconnues.\u003c\/p\u003e\n \u003cdiv class=\"pt-grid\"\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eBase traditionnelle ayurvédique : nourrit, assouplit et pénètre facilement la peau pour un soin en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌿 Extraits de plantes rafraîchissantes\u003c\/h3\u003e\n \u003cp\u003ePlantes ayurvédiques sélectionnées pour leurs vertus apaisantes, contribuant à calmer le feu de Pitta\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🍃 Huiles essentielles douces\u003c\/h3\u003e\n \u003cp\u003eApportent un parfum herbacé subtil propice à la détente, sans être entêtant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-tip\"\u003e\n \u003cspan class=\"pt-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100 % naturelle\u003c\/strong\u003e, sans additifs chimiques, sans conservateurs de synthèse et sans parfums artificiels. Chaque ingrédient respecte les principes de la \u003cstrong\u003emédecine ayurvédique\u003c\/strong\u003e traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"pt-section\"\u003e\n \u003ch2\u003eConseils d'utilisation : comment réaliser votre massage Pitta\u003c\/h2\u003e\n \u003cp class=\"pt-section-intro\"\u003ePour profiter pleinement des bienfaits de cette \u003cstrong\u003ehuile de massage ayurvédique\u003c\/strong\u003e, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"pt-timeline\"\u003e\n \u003cdiv class=\"pt-timeline-item\"\u003e\n \u003cdiv class=\"pt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-content\"\u003e\n \u003ch3\u003eVersez quelques gouttes\u003c\/h3\u003e\n \u003cp\u003eDéposez quelques gouttes d'huile dans le creux de vos mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-item\"\u003e\n \u003cdiv class=\"pt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-content\"\u003e\n \u003ch3\u003eTiédissez légèrement\u003c\/h3\u003e\n \u003cp\u003eFrottez vos paumes l'une contre l'autre pour tiédir l'huile — Pitta préfère une \u003cstrong\u003etempérature modérée\u003c\/strong\u003e, contrairement au massage à l'huile chaude recommandé pour Vata\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-item\"\u003e\n \u003cdiv class=\"pt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements fluides\u003c\/h3\u003e\n \u003cp\u003eAppliquez en mouvements longs et fluides sur l'ensemble du corps, en insistant sur les zones de tension : épaules, nuque, plexus solaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-item\"\u003e\n \u003cdiv class=\"pt-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pt-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003eLaissez agir \u003cstrong\u003e15 à 20 minutes\u003c\/strong\u003e avant de rincer sous une douche tiède\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-tip\"\u003e\n \u003cspan class=\"pt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous possédez un \u003cstrong\u003echauffe-huile massage ayurvédique\u003c\/strong\u003e, réglez-le sur une température basse pour conserver les propriétés rafraîchissantes de la formule. L'objectif est de tiédir sans surchauffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"pt-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"pt-grid\"\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌬️ Apaise les peaux irritées\u003c\/h3\u003e\n \u003cp\u003eLes plantes rafraîchissantes calment les irritations et réduisent les rougeurs des peaux réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e💧 Nourrit et assouplit\u003c\/h3\u003e\n \u003cp\u003eLa peau est nourrie durablement, retrouve souplesse et confort jour après jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🧘 Favorise la détente mentale\u003c\/h3\u003e\n \u003cp\u003eAide à relâcher les tensions liées au stress et à retrouver un calme intérieur profond\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e⚖️ Rééquilibre le dosha Pitta\u003c\/h3\u003e\n \u003cp\u003eAgit naturellement sur l'excès de Pitta pour restaurer l'harmonie corps-esprit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌸 Parfum herbacé délicat\u003c\/h3\u003e\n \u003cp\u003eUn subtil bouquet végétal qui calme l'esprit sans être entêtant, propice à la méditation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"pt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette huile ?\u003c\/h2\u003e\n \u003cdiv class=\"pt-grid-compact\"\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🔥 Constitution Pitta\u003c\/h3\u003e\n \u003cp\u003ePersonnes de nature Pitta ou traversant un déséquilibre : irritabilité, chaleur excessive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌹 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePeaux sujettes aux rougeurs et réactivité, qui recherchent douceur et apaisement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🧖 Rituel détente\u003c\/h3\u003e\n \u003cp\u003eToute personne recherchant une huile de massage bio apaisante et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pt-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eCelles et ceux qui souhaitent un rituel authentique, sans additifs chimiques ni parfums artificiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pt-disclaimer\"\u003eCe produit cosmétique ne remplace pas un avis médical. En cas de doute sur votre constitution ayurvédique ou de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pt-cream: #FDF8F0;\n --pt-white: #ffffff;\n --pt-primary: #C8922A;\n --pt-primary-dark: #8B6518;\n --pt-primary-light: #FFF5E1;\n --pt-secondary: #E8A83E;\n --pt-accent: #5A8C3C;\n --pt-text: #1a1a1a;\n --pt-text-light: #5a5a5a;\n --pt-border: #e8ddd0;\n --pt-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pt-radius: 20px;\n --pt-radius-sm: 12px;\n}\n\n.pt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.pt-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6518 0%, #C8922A 40%, #E8A83E 70%, #5A8C3C 100%);\n border-radius: var(--pt-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(--pt-shadow-lg);\n}\n\n.pt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.pt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pt-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.pt-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.pt-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.pt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pt-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(--pt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pt-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.pt-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(--pt-primary), var(--pt-accent));\n border-radius: 2px;\n}\n\n.pt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pt-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.pt-card {\n background: var(--pt-white);\n border-radius: var(--pt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pt-shadow-lg);\n border-color: var(--pt-primary);\n}\n\n.pt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pt-grid-compact .pt-card {\n padding: 1rem;\n}\n\n.pt-grid-compact .pt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pt-grid-compact .pt-card p {\n font-size: 12px;\n}\n\n.pt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pt-primary), var(--pt-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.pt-timeline-content {\n flex: 1;\n background: var(--pt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pt-radius-sm);\n box-shadow: var(--pt-shadow);\n}\n\n.pt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pt-timeline-content p {\n font-size: 14px;\n color: var(--pt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pt-highlight-box {\n background: var(--pt-white);\n border-radius: var(--pt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pt-shadow);\n border-left: 4px solid var(--pt-primary);\n}\n\n.pt-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pt-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.pt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pt-primary-light);\n border-radius: var(--pt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pt-tip p {\n font-size: 14px;\n color: var(--pt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pt-disclaimer {\n font-size: 12px;\n color: var(--pt-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .pt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pt-card {\n padding: 1.125rem;\n }\n\n .pt-section {\n margin-bottom: 1.75rem;\n }\n\n .pt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pt-radius-sm);\n }\n\n .pt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pt-grid-compact {\n gap: .625rem;\n }\n\n .pt-grid-compact .pt-card {\n padding: .75rem;\n }\n\n .pt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pt-timeline-content h3 {\n font-size: 14px;\n }\n\n .pt-timeline-content p {\n font-size: 13px;\n }\n\n .pt-highlight-box {\n padding: 1.25rem;\n }\n\n .pt-highlight-box p {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pt-card {\n animation: ptFadeInUp .5s ease backwards;\n }\n .pt-card:nth-child(1) { animation-delay: .05s; }\n .pt-card:nth-child(2) { animation-delay: .1s; }\n .pt-card:nth-child(3) { animation-delay: .15s; }\n .pt-card:nth-child(4) { animation-delay: .2s; }\n .pt-card:nth-child(5) { animation-delay: .25s; }\n .pt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ptFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pt-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":45755095154845,"sku":"AY0106","price":25.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-massage-bio-pitta-flacon-de-100-ml-ayur-vana-lifestyle.webp?v=1771101657"},{"product_id":"huile-de-ricin-bio-flacon-de-30-ml-ayurvana","title":"Huile de Ricin Bio - Flacon de 30 Ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Ricin Bio - Flacon de 30 Ml - Ayur-Vana\nPalette détectée:\n - Primaire: #4a7c3f (vert olive\/naturel du packaging et du label Bio)\n - Secondaire: #8b6f47 (brun doré, évoquant l'huile de ricin)\n - Accent: #c4a54d (doré chaud, pour highlights)\nAmbiance: Naturel, bio, épuré, minimaliste, ayurvédique, soins traditionnels\nPréfixe CSS: hr\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Ricin Bio Ayur-Vana : le soin fortifiant pour vos cheveux, peau et ongles\"\n 2. \"Pourquoi choisir l'huile de ricin pour les cheveux et la beauté naturelle ?\"\n 3. \"Comment utiliser l'huile de ricin sur les cheveux ?\"\n 4. \"Des bienfaits qui vont au-delà des cheveux\"\n 5. \"Composition – un seul ingrédient, zéro superflu\"\n 6. \"Qualité et traçabilité Ayur-Vana\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"hr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hr-hero\"\u003e\n \u003cdiv class=\"hr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hr-hero-content\"\u003e\n \u003cdiv class=\"hr-badges-top\"\u003e\n \u003cspan class=\"hr-badge\"\u003e🌿 100 % pure et bio\u003c\/span\u003e\n \u003cspan class=\"hr-badge\"\u003e🧴 Première pression à froid\u003c\/span\u003e\n \u003cspan class=\"hr-badge\"\u003e🇫🇷 Ayur-Vana\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hr-hero-title\"\u003eHuile de Ricin Bio\u003c\/span\u003e\n \u003cp class=\"hr-subtitle\"\u003eFlacon 30 ml — Ayur-Vana\u003c\/p\u003e\n \u003cp class=\"hr-description\"\u003eL'huile polyvalente par excellence : fortifie les cheveux, nourrit la peau, renforce les ongles. Un seul ingrédient, zéro superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"hr-section\"\u003e\n \u003ch2\u003eHuile de Ricin Bio Ayur-Vana : le soin fortifiant pour vos cheveux, peau et ongles\u003c\/h2\u003e\n \u003cp class=\"hr-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile de ricin\u003c\/strong\u003e fiable, pure et certifiée bio ? L'Huile de Ricin Bio Ayur-Vana est un soin naturel polyvalent, obtenu par \u003cstrong\u003epremière pression à froid\u003c\/strong\u003e des graines de \u003cem\u003eRicinus Communis\u003c\/em\u003e.\u003c\/p\u003e\n \u003cdiv class=\"hr-grid-compact\"\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée agriculture biologique, sans aucun additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce qui préserve l'intégralité des actifs naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e✨ Résultats visibles\u003c\/h3\u003e\n \u003cp\u003eDes effets constatés dès les premières applications\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e🧳 Format 30 ml\u003c\/h3\u003e\n \u003cp\u003eFlacon pratique, idéal pour voyager ou pour découvrir le produit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"hr-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de ricin pour les cheveux et la beauté naturelle ?\u003c\/h2\u003e\n \u003cp class=\"hr-section-intro\"\u003eUtilisée depuis des siècles dans les rituels de beauté traditionnels — notamment en Inde, dans la tradition ayurvédique — l'huile de ricin est un trésor de la nature aux propriétés exceptionnelles.\u003c\/p\u003e\n \u003cdiv class=\"hr-grid\"\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e🔬 ~90 % d'acide ricinoléique\u003c\/h3\u003e\n \u003cp\u003eUn actif unique qui confère à cette huile ses propriétés nourrissantes, fortifiantes et protectrices incomparables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e💧 Film protecteur naturel\u003c\/h3\u003e\n \u003cp\u003eSa texture épaisse et visqueuse forme un bouclier sur la fibre capillaire et la peau, limitant la déshydratation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e💆 Soin 3-en-1\u003c\/h3\u003e\n \u003cp\u003eCheveux, peau et ongles : un seul produit pour une routine beauté naturelle complète et simplifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"hr-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de ricin sur les cheveux ?\u003c\/h2\u003e\n \u003cp class=\"hr-section-intro\"\u003eAppliquer de l'huile de ricin dans les cheveux est simple, à condition de connaître quelques astuces pour en tirer le meilleur parti.\u003c\/p\u003e\n \u003cdiv class=\"hr-timeline\"\u003e\n \u003cdiv class=\"hr-timeline-item\"\u003e\n \u003cdiv class=\"hr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hr-timeline-content\"\u003e\n \u003ch3\u003e🧖 En masque capillaire\u003c\/h3\u003e\n \u003cp\u003eRépartissez quelques gouttes sur cheveux secs, des racines aux pointes. Enveloppez dans une serviette tiède et laissez poser au minimum 1 heure — idéalement toute une nuit. Lavez avec un shampooing doux. 1 à 2 fois par semaine pour nourrir et renforcer les cheveux cassants, fins ou dévitalisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-timeline-item\"\u003e\n \u003cdiv class=\"hr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hr-timeline-content\"\u003e\n \u003ch3\u003e✂️ En soin des pointes\u003c\/h3\u003e\n \u003cp\u003eUne seule goutte suffit sur les pointes fourchues pour les sceller et leur redonner de la souplesse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-timeline-item\"\u003e\n \u003cdiv class=\"hr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hr-timeline-content\"\u003e\n \u003ch3\u003e👁️ Pour les cils et sourcils\u003c\/h3\u003e\n \u003cp\u003eAppliquez une infime quantité le soir à l'aide d'une brosse propre pour fortifier les cils et densifier les sourcils naturellement.\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=\"hr-section\"\u003e\n \u003ch2\u003eDes bienfaits qui vont au-delà des cheveux\u003c\/h2\u003e\n \u003cdiv class=\"hr-grid\"\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e🤲 Pour la peau\u003c\/h3\u003e\n \u003cp\u003eMassez quelques gouttes sur les zones sèches, les cuticules ou les lèvres gercées. Cette huile est remarquable pour adoucir et assouplir les peaux rugueuses ou déshydratées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e💅 Pour les ongles\u003c\/h3\u003e\n \u003cp\u003eAppliquez une goutte sur chaque ongle chaque soir et massez délicatement. En quelques semaines, vos ongles seront plus résistants et moins cassants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"hr-section\"\u003e\n \u003ch2\u003eComposition – un seul ingrédient, zéro superflu\u003c\/h2\u003e\n \u003cdiv class=\"hr-composition-highlight\"\u003e\n \u003cdiv class=\"hr-composition-single\"\u003e\n \u003cspan class=\"hr-composition-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"hr-composition-detail\"\u003e\n \u003cstrong\u003eRicinus Communis Seed Oil*\u003c\/strong\u003e\n \u003cspan\u003e*issu de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-grid-compact\"\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e🚫 Aucun conservateur\u003c\/h3\u003e\n \u003cp\u003eFormule pure sans ajout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e🚫 Aucun parfum\u003c\/h3\u003e\n \u003cp\u003eSans parfum de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e🐰 Non testée\u003c\/h3\u003e\n \u003cp\u003ePas de tests sur animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hr-card\"\u003e\n \u003ch3\u003e🏷️ Certifiée bio\u003c\/h3\u003e\n \u003cp\u003e100 % pure, non raffinée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"hr-section\"\u003e\n \u003ch2\u003eQualité et traçabilité Ayur-Vana\u003c\/h2\u003e\n \u003cp class=\"hr-section-intro\"\u003eAyur-Vana sélectionne des graines issues de cultures biologiques certifiées et les presse à froid pour préserver l'ensemble des nutriments.\u003c\/p\u003e\n \u003cdiv class=\"hr-accordion\"\u003e\n \u003cdetails class=\"hr-accordion-item\"\u003e\n \u003csummary class=\"hr-accordion-header\"\u003e🌾 Sourcing et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"hr-accordion-content mt-3\"\u003e\n \u003cp\u003eGraines de ricin issues de cultures biologiques certifiées, pressées à froid pour conserver tous les nutriments. Le format 30 ml est idéal pour glisser dans votre trousse de voyage ou tester cette huile de ricin avant d'adopter un format plus grand.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hr-accordion-item\"\u003e\n \u003csummary class=\"hr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hr-accordion-content mt-3\"\u003e\n \u003cp\u003eGardez le flacon à l'abri de la lumière et de la chaleur. Bien refermé, il se conserve plusieurs mois sans altération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hr-accordion-item\"\u003e\n \u003csummary class=\"hr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute ou de réaction cutanée, consultez un professionnel de santé. Effectuez toujours un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"hr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hr-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos cheveux, votre peau et vos ongles le meilleur de la nature — une seule huile, 100 % pure et bio, pour une routine beauté simplifiée et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hr-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --hr-cream: #f7f5f0;\n --hr-white: #ffffff;\n --hr-primary: #4a7c3f;\n --hr-primary-dark: #365c2e;\n --hr-primary-light: #e8f0e5;\n --hr-secondary: #8b6f47;\n --hr-accent: #c4a54d;\n --hr-text: #1a1a1a;\n --hr-text-light: #5a5a5a;\n --hr-border: #e0ddd6;\n --hr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hr-radius: 20px;\n --hr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.hr-premium *, .hr-premium *::before, .hr-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.hr-hero {\n position: relative;\n background: linear-gradient(135deg, #365c2e 0%, #4a7c3f 40%, #6a9a5a 70%, #8b6f47 100%);\n border-radius: var(--hr-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(--hr-shadow-lg);\n}\n\n.hr-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,165,77,.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.hr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.hr-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.hr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.hr-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.hr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hr-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(--hr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hr-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.hr-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(--hr-primary), var(--hr-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hr-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.hr-section-intro strong {\n color: var(--hr-text);\n}\n\n\/* === CARDS === *\/\n.hr-card {\n background: var(--hr-white);\n border-radius: var(--hr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hr-shadow-lg);\n border-color: var(--hr-primary);\n}\n\n.hr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.hr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hr-grid-compact .hr-card {\n padding: 1rem;\n}\n\n.hr-grid-compact .hr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hr-grid-compact .hr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hr-primary), var(--hr-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.hr-timeline-content {\n flex: 1;\n background: var(--hr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hr-radius-sm);\n box-shadow: var(--hr-shadow);\n}\n\n.hr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hr-timeline-content p {\n font-size: 14px;\n color: var(--hr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.hr-composition-highlight {\n display: flex;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.hr-composition-single {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--hr-primary-light), #f0ebe0);\n border: 2px solid var(--hr-primary);\n border-radius: var(--hr-radius);\n padding: 1.25rem 2rem;\n box-shadow: var(--hr-shadow);\n}\n\n.hr-composition-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.hr-composition-detail {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.hr-composition-detail strong {\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--hr-primary-dark);\n font-weight: 800;\n}\n\n.hr-composition-detail span {\n font-size: 13px;\n color: var(--hr-text-light);\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.hr-accordion {\n background: var(--hr-white);\n border-radius: var(--hr-radius);\n box-shadow: var(--hr-shadow);\n overflow: hidden;\n}\n\n.hr-accordion-item {\n border-bottom: 1px solid var(--hr-border);\n margin: 0;\n padding: 0;\n}\n\n.hr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hr-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.hr-accordion-header:hover {\n background: var(--hr-primary-light);\n}\n\n.hr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hr-primary);\n transition: transform .2s ease;\n}\n\n.hr-accordion-item[open] .hr-accordion-header::after {\n content: '−';\n}\n\n.hr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.hr-cta-box {\n background: linear-gradient(135deg, var(--hr-primary) 0%, var(--hr-primary-dark) 100%);\n border-radius: var(--hr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hr-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(196,165,77,.15) 0%, transparent 60%);\n}\n\n.hr-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.hr-disclaimer {\n font-size: 12px;\n color: var(--hr-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 .hr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hr-card {\n padding: 1.125rem;\n }\n\n .hr-section {\n margin-bottom: 1.75rem;\n }\n\n .hr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hr-radius-sm);\n }\n\n .hr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hr-grid-compact {\n gap: .625rem;\n }\n\n .hr-grid-compact .hr-card {\n padding: .75rem;\n }\n\n .hr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hr-timeline-content h3 {\n font-size: 14px;\n }\n\n .hr-timeline-content p {\n font-size: 13px;\n }\n\n .hr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hr-composition-single {\n padding: 1rem 1.25rem;\n }\n\n .hr-composition-icon {\n font-size: 28px;\n }\n\n .hr-composition-detail strong {\n font-size: 15px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hr-card {\n animation: hrFadeInUp .5s ease backwards;\n }\n .hr-card:nth-child(1) { animation-delay: .05s; }\n .hr-card:nth-child(2) { animation-delay: .1s; }\n .hr-card:nth-child(3) { animation-delay: .15s; }\n .hr-card:nth-child(4) { animation-delay: .2s; }\n .hr-card:nth-child(5) { animation-delay: .25s; }\n .hr-card:nth-child(6) { animation-delay: .3s; }\n\n .hr-timeline-item {\n animation: hrFadeInUp .5s ease backwards;\n }\n .hr-timeline-item:nth-child(1) { animation-delay: .05s; }\n .hr-timeline-item:nth-child(2) { animation-delay: .15s; }\n .hr-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes hrFadeInUp {\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 .hr-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":45755096236189,"sku":"AY0103","price":13.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-ricin-bio-ayurvana.jpg?v=1733754496"},{"product_id":"huile-de-neem-bio-flacon-de-30-ml-ayurvana","title":"Huile de Neem Bio 30 ml – Soin Naturel Antiseptique et Hydratant - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Huile de Neem Bio 30 ml – AyurVana\nPalette détectée:\n - Primaire: #4a7c3f (vert feuille de neem, dominant sur le packaging et les feuilles)\n - Secondaire: #8b6f2a (vert olive\/doré de l'huile visible dans le flacon)\n - Accent: #c4a535 (jaune doré du fruit de neem mûr)\n - Texte marque: #b8302a (rouge du \"A\" de AyurVana)\nAmbiance: Naturel\/bio, ayurvédique, végétal, authentique, épuré\nPréfixe CSS: nm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Huile de Neem Bio AyurVana : un soin ancestral aux vertus multiples\"\n 2. \"Les bienfaits de l'huile de neem pour la peau et les cheveux\"\n 3. \"Comment utiliser cette huile de neem bio ?\"\n 4. \"Composition – INCI\"\n 5. \"Huile de neem : y a-t-il un danger ?\"\n 6. \"Pourquoi choisir l'huile de neem AyurVana ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"nm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nm-hero\"\u003e\n \u003cdiv class=\"nm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nm-hero-content\"\u003e\n \u003cdiv class=\"nm-badges-top\"\u003e\n \u003cspan class=\"nm-badge\"\u003e🌿 100 % pure et bio\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e🧴 Flacon-pompe 30 ml\u003c\/span\u003e\n \u003cspan class=\"nm-badge\"\u003e🇮🇳 Tradition ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nm-hero-title\"\u003eHuile de Neem Bio AyurVana\u003c\/span\u003e\n \u003cp class=\"nm-subtitle\"\u003eSoin naturel antiseptique et hydratant\u003c\/p\u003e\n \u003cp class=\"nm-description\"\u003ePressée à froid, certifiée bio, un seul ingrédient d'exception pour votre peau, vos cheveux et vos plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eHuile de Neem Bio AyurVana : un soin ancestral aux vertus multiples\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eUtilisée depuis des millénaires dans la tradition ayurvédique, l'huile de neem est extraite des graines de l'arbre \u003cem\u003eAzadirachta indica\u003c\/em\u003e, surnommé « pharmacie du village » en Inde.\u003c\/p\u003e\n \u003cdiv class=\"nm-grid-compact\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌳 Arbre millénaire\u003c\/h3\u003e\n \u003cp\u003eIssue de l'\u003cem\u003eAzadirachta indica\u003c\/em\u003e, vénéré en Inde comme « pharmacie du village »\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce pour conserver l'intégralité des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🏅 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003e100 % pure et certifiée Cosmétique Bio, sans aucun ajout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💎 Concentré naturel\u003c\/h3\u003e\n \u003cp\u003eUn soin polyvalent pour votre peau, vos cheveux et même vos plantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de neem pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eSa richesse en acides gras essentiels et en composés actifs comme l'azadirachtine en fait un soin remarquablement polyvalent.\u003c\/p\u003e\n \u003cdiv class=\"nm-grid\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🧼 Purifiante et antiseptique\u003c\/h3\u003e\n \u003cp\u003eAide à assainir les peaux à imperfections, les zones sujettes aux rougeurs et les petites irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💧 Nourrissante et émolliente\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en acide oléique, elle adoucit et hydrate les peaux sèches ou tiraillées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🤲 Apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les démangeaisons et les inconforts cutanés, y compris au niveau du cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e💇 Fortifiante pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque capillaire, elle nourrit la fibre, renforce les racines et aide à lutter contre les pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🛡️ Répulsif naturel\u003c\/h3\u003e\n \u003cp\u003eReconnue comme insecticide naturel, l'huile de neem éloigne efficacement poux, moustiques et autres parasites.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de neem bio ?\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eIntégrez facilement l'huile de neem AyurVana à votre routine quotidienne :\u003c\/p\u003e\n \u003cdiv class=\"nm-timeline\"\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSoin visage\u003c\/h3\u003e\n \u003cp\u003eMélangez 2 à 3 gouttes à votre crème de nuit ou à une huile végétale plus légère (jojoba, amande douce) pour atténuer les imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eSoin capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes sur le cuir chevelu, massez et laissez poser 30 minutes avant votre shampoing pour un cuir chevelu apaisé et des cheveux revitalisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eCorps\u003c\/h3\u003e\n \u003cp\u003eCiblez les zones sèches (coudes, talons) en massant directement quelques gouttes jusqu'à pénétration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-item\"\u003e\n \u003cdiv class=\"nm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nm-timeline-content\"\u003e\n \u003ch3\u003eHuile de neem pour les plantes\u003c\/h3\u003e\n \u003cp\u003eDiluée dans de l'eau avec un peu de savon noir, elle s'utilise en pulvérisation comme insecticide à base d'huile de neem contre pucerons, cochenilles et acariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-tip\"\u003e\n \u003cspan class=\"nm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de neem se solidifie en dessous de 25 °C. Passez le flacon sous l'eau tiède quelques instants pour la rendre fluide avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nm-section\"\u003e\n \u003ch2\u003eComposition – INCI\u003c\/h2\u003e\n \u003cdiv class=\"nm-composition-card\"\u003e\n \u003cdiv class=\"nm-composition-highlight\"\u003e\n \u003cspan class=\"nm-composition-percent\"\u003e100 %\u003c\/span\u003e\n \u003cspan class=\"nm-composition-name\"\u003eMelia Azadirachta Seed Oil*\u003c\/span\u003e\n \u003cspan class=\"nm-composition-desc\"\u003eHuile de graines de neem\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique. \u003cstrong\u003eSans parfum, sans conservateur, sans colorant.\u003c\/strong\u003e Certifiée Cosmétique Bio.\u003c\/p\u003e\n \u003cdiv class=\"nm-grid-compact nm-composition-actifs\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🫒 Acide oléique\u003c\/h3\u003e\n \u003cp\u003eNourrit et protège la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌾 Acide linoléique\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation et la souplesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌴 Acide palmitique\u003c\/h3\u003e\n \u003cp\u003eRenforce le film hydrolipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🛡️ Triterpènes et antioxydants\u003c\/h3\u003e\n \u003cp\u003eProtègent et purifient naturellement\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=\"nm-section\"\u003e\n \u003ch2\u003eHuile de neem : y a-t-il un danger ?\u003c\/h2\u003e\n \u003cp class=\"nm-section-intro\"\u003eEn usage cosmétique externe, l'huile de neem est très bien tolérée. Quelques précautions suffisent :\u003c\/p\u003e\n \u003cdiv class=\"nm-accordion\"\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e✋ Test cutané recommandé\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eRéalisez un test cutané au pli du coude 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=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e👁️ Contact yeux et muqueuses\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. En cas de contact accidentel, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e🤰 Femmes enceintes et enfants\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes et aux enfants de moins de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nm-accordion-item\"\u003e\n \u003csummary class=\"nm-accordion-header\"\u003e⚗️ Huile végétale vs huile essentielle\u003c\/summary\u003e\n \u003cdiv class=\"nm-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas confondre avec une huile essentielle de neem : il s'agit ici d'une huile végétale, beaucoup plus douce et adaptée à un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"nm-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"nm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile de neem AyurVana ?\u003c\/h2\u003e\n \u003cdiv class=\"nm-grid\"\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e❄️ Pression à froid\u003c\/h3\u003e\n \u003cp\u003eQualité optimale des actifs préservée par une extraction douce et respectueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🏅 Certification bio\u003c\/h3\u003e\n \u003cp\u003eGarantit l'absence totale de pesticides et de résidus chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🧴 Flacon-pompe 30 ml\u003c\/h3\u003e\n \u003cp\u003eFormat pratique et hygiénique, dosage précis au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🙏 Fidélité ayurvédique\u003c\/h3\u003e\n \u003cp\u003eFabrication respectueuse des principes millénaires de l'Ayurveda\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-card\"\u003e\n \u003ch3\u003e🌱 Un seul ingrédient\u003c\/h3\u003e\n \u003cp\u003eZéro superflu : 100 % huile de graines de neem bio, rien d'autre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nm-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et à vos cheveux toute la puissance d'un soin millénaire, dans un format pensé pour le quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --nm-cream: #f7f5ef;\n --nm-white: #ffffff;\n --nm-primary: #4a7c3f;\n --nm-primary-dark: #345a2c;\n --nm-primary-light: #e8f0e5;\n --nm-secondary: #8b6f2a;\n --nm-accent: #c4a535;\n --nm-text: #1a1a1a;\n --nm-text-light: #5a5a5a;\n --nm-border: #ddd8cc;\n --nm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nm-radius: 20px;\n --nm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nm-hero {\n position: relative;\n background: linear-gradient(135deg, #345a2c 0%, #4a7c3f 40%, #6b9a3a 70%, #8b6f2a 100%);\n border-radius: var(--nm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nm-shadow-lg);\n}\n\n.nm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,165,53,.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.nm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.nm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.nm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nm-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.nm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nm-primary), var(--nm-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nm-card {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nm-shadow-lg);\n border-color: var(--nm-primary);\n}\n\n.nm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nm-grid-compact .nm-card {\n padding: 1rem;\n}\n\n.nm-grid-compact .nm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nm-grid-compact .nm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nm-primary), var(--nm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nm-timeline-content {\n flex: 1;\n background: var(--nm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nm-radius-sm);\n box-shadow: var(--nm-shadow);\n}\n\n.nm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nm-timeline-content p {\n font-size: 14px;\n color: var(--nm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.nm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nm-primary-light);\n border-radius: var(--nm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nm-tip p {\n font-size: 14px;\n color: var(--nm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION CARD === *\/\n.nm-composition-card {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nm-shadow);\n}\n\n.nm-composition-highlight {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 1.5rem 1rem;\n background: linear-gradient(135deg, var(--nm-primary-light), rgba(196,165,53,.08));\n border-radius: var(--nm-radius-sm);\n margin-bottom: 1.25rem;\n}\n\n.nm-composition-percent {\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--nm-primary);\n line-height: 1;\n letter-spacing: -.04em;\n}\n\n.nm-composition-name {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--nm-primary-dark);\n margin-top: .5rem;\n font-style: italic;\n}\n\n.nm-composition-desc {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nm-text-light);\n margin-top: .25rem;\n}\n\n.nm-composition-note {\n font-size: 14px;\n color: var(--nm-text-light);\n text-align: center;\n margin: 0 0 1.5rem 0;\n line-height: 1.6;\n}\n\n.nm-composition-actifs {\n margin-top: 0;\n}\n\n.nm-composition-actifs .nm-card {\n background: var(--nm-primary-light);\n border: none;\n box-shadow: none;\n}\n\n.nm-composition-actifs .nm-card:hover {\n box-shadow: var(--nm-shadow);\n transform: translateY(-4px);\n}\n\n\/* === ACCORDÉON === *\/\n.nm-accordion {\n background: var(--nm-white);\n border-radius: var(--nm-radius);\n box-shadow: var(--nm-shadow);\n overflow: hidden;\n}\n\n.nm-accordion-item {\n border-bottom: 1px solid var(--nm-border);\n margin: 0;\n padding: 0;\n}\n\n.nm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nm-accordion-header:hover {\n background: var(--nm-primary-light);\n}\n\n.nm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nm-primary);\n transition: transform .2s ease;\n}\n\n.nm-accordion-item[open] .nm-accordion-header::after {\n content: '−';\n}\n\n.nm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nm-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nm-disclaimer {\n font-size: 12px;\n color: var(--nm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === CTA FINAL === *\/\n.nm-cta-box {\n background: linear-gradient(135deg, var(--nm-primary) 0%, var(--nm-primary-dark) 100%);\n border-radius: var(--nm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.nm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nm-card {\n padding: 1.125rem;\n }\n\n .nm-section {\n margin-bottom: 1.75rem;\n }\n\n .nm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nm-radius-sm);\n }\n\n .nm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nm-grid-compact {\n gap: .625rem;\n }\n\n .nm-grid-compact .nm-card {\n padding: .75rem;\n }\n\n .nm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nm-timeline-content h3 {\n font-size: 14px;\n }\n\n .nm-timeline-content p {\n font-size: 13px;\n }\n\n .nm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nm-testimonial {\n padding: 1.25rem;\n }\n\n .nm-testimonial-text {\n font-size: 14px;\n }\n\n .nm-composition-card {\n padding: 1.25rem;\n }\n\n .nm-composition-highlight {\n padding: 1rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nm-card {\n animation: nmFadeInUp .5s ease backwards;\n }\n .nm-card:nth-child(1) { animation-delay: .05s; }\n .nm-card:nth-child(2) { animation-delay: .1s; }\n .nm-card:nth-child(3) { animation-delay: .15s; }\n .nm-card:nth-child(4) { animation-delay: .2s; }\n .nm-card:nth-child(5) { animation-delay: .25s; }\n .nm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755096629405,"sku":"AY0102","price":14.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-neem-bio-30-ml-soin-naturel-antiseptique-et-hydrata-ingredients.webp?v=1771063356"},{"product_id":"lait-corps-a-la-centella-bio-tube-de-75-ml-ayurvana","title":"Lait Corps à la Centella Bio 75 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lait Corps à la Centella Bio 75 ml - Ayur-Vana\nPalette détectée:\n - Primaire: #b5a064 (doré\/kaki du packaging, couleur dominante du tube)\n - Secondaire: #6a9e3a (vert frais de la Centella\/plante)\n - Accent: #c45a2d (touches orangées des motifs paisley)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, motifs indiens paisley, univers végétal et traditionnel\nPréfixe CSS: ct\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Lait Corps à la Centella Bio Ayur-Vana : hydratation et régénération naturelle\"\n 2. \"Pourquoi choisir la Centella Asiatica pour votre peau ?\"\n 3. \"Un lait corps hydratant à la texture légère et non grasse\"\n 4. \"Composition certifiée bio\"\n 5. \"Conseils d'utilisation\"\n 6. \"Fabriqué en France, dans le respect de votre peau\"\n--\u003e\n\n\u003cdiv class=\"ct-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ct-hero\"\u003e\n \u003cdiv class=\"ct-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ct-hero-content\"\u003e\n \u003cdiv class=\"ct-badges-top\"\u003e\n \u003cspan class=\"ct-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🧴 Tube 75 ml\u003c\/span\u003e\n \u003cspan class=\"ct-badge\"\u003e🐅 Centella Asiatica\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ct-hero-title\"\u003eLait Corps à la Centella Bio\u003c\/span\u003e\n \u003cp class=\"ct-subtitle\"\u003eAyur-Vana — L'héritage ayurvédique au service de votre peau\u003c\/p\u003e\n \u003cp class=\"ct-description\"\u003eHydratation profonde, régénération naturelle et texture fondante pour une peau douce, souple et confortablement nourrie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eLait Corps à la Centella Bio Ayur-Vana : hydratation et régénération naturelle\u003c\/h2\u003e\n \u003cp class=\"ct-section-intro\"\u003eUn soin corporel bio qui associe les trésors millénaires de l'Ayurvéda à une formulation certifiée, pour une peau profondément hydratée et revitalisée.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid-compact\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit et hydrate durablement les peaux déshydratées et fragilisées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n \u003cp\u003eFormulé avec des ingrédients d'origine naturelle et biologique certifiés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e✨ Confort immédiat\u003c\/h3\u003e\n \u003cp\u003eTexture fondante qui pénètre rapidement sans film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🕉️ Héritage ayurvédique\u003c\/h3\u003e\n \u003cp\u003eInspiré de la pharmacopée indienne traditionnelle millénaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Centella Asiatica pour votre peau ?\u003c\/h2\u003e\n \u003cp class=\"ct-section-intro\"\u003eAussi appelée \u003cem\u003eGotu Kola\u003c\/em\u003e ou herbe du tigre, la Centella Asiatica est l'une des plantes les plus précieuses de la pharmacopée ayurvédique, utilisée depuis des millénaires en Inde et en Asie.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🔬 Régénérante\u003c\/h3\u003e\n \u003cp\u003eElle stimule la synthèse du collagène et favorise le renouvellement cellulaire pour une peau visiblement revitalisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les irritations et les sensations d'inconfort, idéale pour les peaux réactives et sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e💪 Raffermissante\u003c\/h3\u003e\n \u003cp\u003eElle contribue à maintenir la fermeté et l'élasticité de la peau pour un toucher tonique et rebondi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-tip\"\u003e\n \u003cspan class=\"ct-tip-icon\"\u003e🐅\u003c\/span\u003e\n \u003cp\u003eSelon la légende, les tigres blessés se roulaient dans la Centella pour accélérer la cicatrisation de leurs plaies — d'où son surnom d'\u003cstrong\u003eherbe du tigre\u003c\/strong\u003e. En l'intégrant dans ce lait bio, Ayur-Vana vous permet de profiter pleinement de ses bienfaits à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eUn lait corps hydratant à la texture légère et non grasse\u003c\/h2\u003e\n \u003cdiv class=\"ct-testimonial\"\u003e\n \u003cp class=\"ct-testimonial-text\"\u003e\"Si vous avez déjà été déçu par des laits corporels trop lourds ou collants, celui-ci devrait vous réconcilier. Sa texture fluide et fondante pénètre rapidement sans laisser de film gras. Votre peau est immédiatement douce, souple et confortablement hydratée. C'est un allié précieux même pour les peaux très sèches, grâce à sa formule riche en actifs nourrissants.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eComposition certifiée bio\u003c\/h2\u003e\n \u003cp class=\"ct-section-intro\"\u003eDes ingrédients d'origine naturelle et biologique, soigneusement sélectionnés pour votre peau. Sans parabènes, sans silicones, sans colorants artificiels.\u003c\/p\u003e\n \u003cdiv class=\"ct-grid\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🌿 Centella Asiatica bio\u003c\/h3\u003e\n \u003cp\u003eActif principal du soin : régénère, apaise et revitalise la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et adoucit la peau pour un toucher soyeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eProtège et restaure le film hydrolipidique, barrière naturelle de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🪴 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément et apaise les peaux réactives grâce à ses polysaccharides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eRetient l'eau dans les couches supérieures de l'épiderme pour une hydratation longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-tip\"\u003e\n \u003cspan class=\"ct-tip-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cp\u003eCertifié \u003cstrong\u003eCosmétique Bio\u003c\/strong\u003e, ce soin respecte les peaux les plus sensibles tout autant que l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ct-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ct-timeline\"\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cdiv class=\"ct-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque jour sur une peau propre et sèche, de préférence après la douche ou le bain lorsque la peau est encore tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cdiv class=\"ct-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à pénétration complète du lait. Insistez sur les zones sèches : coudes, genoux et jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-item\"\u003e\n \u003cdiv class=\"ct-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ct-timeline-content\"\u003e\n \u003ch3\u003eIntensifiez si besoin\u003c\/h3\u003e\n \u003cp\u003ePour un résultat optimal, utilisez-le matin et soir lors des périodes de froid ou de sécheresse cutanée. Votre peau reste douce toute la journé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=\"ct-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabriqué en France, dans le respect de votre peau\u003c\/h2\u003e\n \u003cdiv class=\"ct-grid-compact\"\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué en France par Ayur-Vana\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🕉️ Esprit Ayurvéda\u003c\/h3\u003e\n \u003cp\u003eSoins inspirés de la tradition ayurvédique indienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🧴 Format pratique\u003c\/h3\u003e\n \u003cp\u003eTube 75 ml compact, se glisse facilement dans votre sac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eCosmétique authentique, efficace et respectueuse de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ct-cta-box\"\u003e\n \u003cp\u003e🌿 Votre peau mérite des actifs de qualité : offrez-lui le meilleur de la nature avec la Centella. Une hydratation profonde, un geste simple, un résultat visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ct-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème dermatologique persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --ct-cream: #faf8f2;\n --ct-white: #ffffff;\n --ct-primary: #b5a064;\n --ct-primary-dark: #7a6b3a;\n --ct-primary-light: #f5f0e0;\n --ct-secondary: #6a9e3a;\n --ct-accent: #c45a2d;\n --ct-text: #1a1a1a;\n --ct-text-light: #5a5a5a;\n --ct-border: #e8e2d0;\n --ct-shadow: 0 4px 24px rgba(122, 107, 58, .08);\n --ct-shadow-lg: 0 12px 48px rgba(122, 107, 58, .15);\n --ct-radius: 20px;\n --ct-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ct-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ct-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ct-hero {\n position: relative;\n background: linear-gradient(135deg, #7a6b3a 0%, #b5a064 45%, #6a9e3a 100%);\n border-radius: var(--ct-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(--ct-shadow-lg);\n}\n\n.ct-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,90,45,.1) 0%, transparent 40%);\n opacity: .6;\n}\n\n.ct-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ct-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.ct-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ct-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(13px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ct-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ct-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ct-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ct-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ct-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ct-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ct-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.ct-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ct-primary), var(--ct-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ct-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-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.ct-card {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ct-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ct-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ct-shadow-lg);\n border-color: var(--ct-primary);\n}\n\n.ct-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ct-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ct-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ct-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.ct-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ct-grid-compact .ct-card {\n padding: 1rem;\n}\n\n.ct-grid-compact .ct-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ct-grid-compact .ct-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ct-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ct-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ct-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ct-primary), var(--ct-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.ct-timeline-content {\n flex: 1;\n background: var(--ct-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ct-radius-sm);\n box-shadow: var(--ct-shadow);\n}\n\n.ct-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ct-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ct-timeline-content p {\n font-size: 14px;\n color: var(--ct-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ct-testimonial {\n background: var(--ct-white);\n border-radius: var(--ct-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ct-shadow);\n border-left: 4px solid var(--ct-primary);\n}\n\n.ct-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ct-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ct-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ct-primary-light);\n border-radius: var(--ct-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ct-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ct-tip p {\n font-size: 14px;\n color: var(--ct-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ct-cta-box {\n background: linear-gradient(135deg, var(--ct-primary) 0%, var(--ct-primary-dark) 100%);\n border-radius: var(--ct-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.ct-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.ct-disclaimer {\n font-size: 12px;\n color: var(--ct-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 .ct-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ct-card {\n padding: 1.125rem;\n }\n\n .ct-section {\n margin-bottom: 1.75rem;\n }\n\n .ct-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ct-radius-sm);\n }\n\n .ct-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ct-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .ct-grid-compact {\n gap: .625rem;\n }\n\n .ct-grid-compact .ct-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .ct-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ct-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ct-timeline-content h3 {\n font-size: 14px;\n }\n\n .ct-timeline-content p {\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .ct-testimonial {\n padding: 1.25rem;\n }\n\n .ct-testimonial-text {\n font-size: 14px;\n }\n\n \/* Tip mobile *\/\n .ct-tip {\n padding: .875rem 1rem;\n }\n\n .ct-tip-icon {\n font-size: 20px;\n }\n\n .ct-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ct-card {\n animation: ctFadeInUp .5s ease backwards;\n }\n .ct-card:nth-child(1) { animation-delay: .05s; }\n .ct-card:nth-child(2) { animation-delay: .1s; }\n .ct-card:nth-child(3) { animation-delay: .15s; }\n .ct-card:nth-child(4) { animation-delay: .2s; }\n .ct-card:nth-child(5) { animation-delay: .25s; }\n .ct-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ctFadeInUp {\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 .ct-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":45755098300573,"sku":"AY9953","price":14.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corps-a-la-centella-bio-75-ml-ayur-vana-lifestyle.webp?v=1770994757"},{"product_id":"gel-soin-corps-au-shatavari-tube-de-75-ml-ayurvana","title":"Gel Corps Bio Shatavari - Apaise et Hydrate la Peau - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Corps Bio Shatavari - Ayur-Vana\nPalette détectée:\n - Primaire: #C47BA0 (rose mauve du packaging, bandeau supérieur)\n - Secondaire: #4A8C5C (vert sauge des illustrations botaniques)\n - Accent: #D4A043 (doré\/ocre des motifs paisley)\n - Fond packaging: #F5EDD4 (crème vanille chaud)\nAmbiance: Ayurvédique, naturel\/bio, féminin doux, oriental raffiné, motifs paisley\nPréfixe CSS: sv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gel Corps Bio au Shatavari Ayur-Vana : le soin ayurvédique hydratant et apaisant\"\n 2. \"Les bienfaits du Shatavari pour la peau\"\n 3. \"Une composition bio d'exception\"\n 4. \"Comment utiliser ce gel hydratant pour le corps ?\"\n 5. \"Pourquoi choisir ce gel corps bio Ayur-Vana ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"sv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sv-hero\"\u003e\n \u003cdiv class=\"sv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sv-hero-content\"\u003e\n \u003cdiv class=\"sv-badges-top\"\u003e\n \u003cspan class=\"sv-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sv-badge\"\u003e🧴 Tube 75 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sv-hero-title\"\u003eGel Corps Bio Shatavari\u003c\/span\u003e\n \u003cp class=\"sv-subtitle\"\u003eAyur-Vana — Soin ayurvédique certifié bio\u003c\/p\u003e\n \u003cp class=\"sv-description\"\u003eUn gel hydratant et apaisant qui puise dans la sagesse millénaire de l'Ayurvéda. Shatavari, aloe vera bio et eaux florales précieuses pour une peau douce, souple et réconfortée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eGel Corps Bio au Shatavari Ayur-Vana : le soin ayurvédique hydratant et apaisant\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eVous cherchez un gel hydratant corps à la fois naturel, efficace et respectueux de votre peau ?\u003c\/p\u003e\n \u003cdiv class=\"sv-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eGel Soin Corps au Shatavari d'Ayur-Vana\u003c\/strong\u003e est un soin certifié \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e qui puise dans la sagesse de l'Ayurvéda pour offrir à votre peau une hydratation profonde et un véritable confort au quotidien. Fabriqué en France, ce gel réunit des actifs biologiques soigneusement sélectionnés dans un tube de 75 ml pratique et généreux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eLes bienfaits du Shatavari pour la peau\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eLe \u003cstrong\u003eShatavari\u003c\/strong\u003e (\u003cem\u003eAsparagus racemosus\u003c\/em\u003e) est une plante emblématique de la médecine ayurvédique, traditionnellement utilisée pour ses propriétés régénérantes, apaisantes et nourrissantes.\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌸 Apaise les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eSoulage les peaux sensibles, sèches ou inconfortables grâce à ses vertus adoucissantes reconnues en Ayurvéda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e💧 Hydratation \u0026amp; souplesse\u003c\/h3\u003e\n \u003cp\u003eFavorise l'hydratation en profondeur et la souplesse cutanée pour une peau douce et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✨ Renouvellement cutané\u003c\/h3\u003e\n \u003cp\u003eSoutient le renouvellement naturel de la peau pour un teint plus frais et une texture affinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e🪷\u003c\/span\u003e\n \u003cp\u003eAssocié à un \u003cstrong\u003egel aloe vera bio\u003c\/strong\u003e et à des eaux florales précieuses, le Shatavari déploie ici tout son potentiel pour prendre soin de vous en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eUne composition bio d'exception\u003c\/h2\u003e\n \u003cp class=\"sv-section-intro\"\u003eCe gel corps aloe vera bio a été formulé sans compromis sur la qualité. Découvrez ses principaux actifs :\u003c\/p\u003e\n \u003cdiv class=\"sv-grid\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌱 Extrait de Shatavari bio\u003c\/h3\u003e\n \u003cp\u003eActif phare aux vertus revitalisantes et harmonisantes, cœur de la formule ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🫧 Gel d'aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratant incontournable, il apaise et répare les peaux fragilisées en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌼 Eau florale d'hamamélis bio\u003c\/h3\u003e\n \u003cp\u003eTonifiante et adoucissante, idéale pour les peaux réactives en quête de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de rose de Damas bio\u003c\/h3\u003e\n \u003cp\u003eRégénérante, elle apporte fraîcheur et éclat à votre peau au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍊 HE de mandarine verte bio\u003c\/h3\u003e\n \u003cp\u003eUne touche aromatique délicatement relaxante pour un moment de bien-être sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🍃 HE d'orange douce bio\u003c\/h3\u003e\n \u003cp\u003eUn parfum enveloppant et apaisant qui transforme le soin en rituel de détente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sv-accordion\"\u003e\n \u003cdetails class=\"sv-accordion-item\"\u003e\n \u003csummary class=\"sv-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Hamamelis Virginiana Leaf Water*, Glycerin**, Citrus Reticulata Blanchii Peel Oil*, Asparagus Racemosus Root Extract*, Benzyl Alcohol, Aloe Barbadensis Leaf Juice Powder*, Citrus Sinensis Peel Oil Expressed*, Chrysanthemum Parthenium Extract*, Limonene, Xanthan Gum, Dehydroacetic Acid, Citric Acid, Potassium Sorbate, Sodium Benzoate, Linalool.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique \/ ** Transformés à partir d'ingrédients biologiques.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sv-accordion-item\"\u003e\n \u003csummary class=\"sv-accordion-header\"\u003e🚫 Formulé sans\u003c\/summary\u003e\n \u003cdiv class=\"sv-accordion-content mt-3\"\u003e\n \u003cp\u003eCe soin est formulé \u003cstrong\u003esans parabène, sans silicone et sans conservateurs synthétiques\u003c\/strong\u003e. 98 % des ingrédients sont 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!-- H2 #4 --\u003e\n \u003csection class=\"sv-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel hydratant pour le corps ?\u003c\/h2\u003e\n \u003cdiv class=\"sv-timeline\"\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de gel sur une peau propre et sèche, de préférence après la douche ou le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à absorption complète. Sa texture légère et non grasse pénètre rapidement, sans laisser de film collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-item\"\u003e\n \u003cdiv class=\"sv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sv-timeline-content\"\u003e\n \u003ch3\u003eIntégrez-le à votre routine\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le quotidiennement sur l'ensemble du corps, y compris sur les zones sujettes à la sécheresse : coudes, genoux, jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-tip\"\u003e\n \u003cspan class=\"sv-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003eC'est également un excellent soin \u003cstrong\u003eaprès-soleil\u003c\/strong\u003e pour apaiser et réconforter la peau exposée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel corps bio Ayur-Vana ?\u003c\/h2\u003e\n \u003cdiv class=\"sv-grid-compact\"\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert, garantie de qualité biologique rigoureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France dans le respect des normes les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧬 Formule clean\u003c\/h3\u003e\n \u003cp\u003eComposition transparente, sans ingrédients controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🪷 Actif ayurvédique\u003c\/h3\u003e\n \u003cp\u003eGel aloe vera bio enrichi d'un actif ayurvédique rare et puissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🤍 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eConvient à toutes les peaux, y compris les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sv-card\"\u003e\n \u003ch3\u003e🧴 Format pratique\u003c\/h3\u003e\n \u003cp\u003eTube de 75 ml généreux et nomade, parfait au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sv-cta-box\"\u003e\n \u003cp\u003eEn choisissant ce soin, vous offrez à votre peau le meilleur de la nature et de la tradition ayurvédique. Ce n'est pas un simple gel hydratant corps : c'est un véritable \u003cstrong\u003erituel de bien-être\u003c\/strong\u003e à intégrer dans votre routine quotidienne. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"sv-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sv-cream: #FBF7EF;\n --sv-white: #ffffff;\n --sv-primary: #C47BA0;\n --sv-primary-dark: #9B5578;\n --sv-primary-light: #F5E6EF;\n --sv-secondary: #4A8C5C;\n --sv-accent: #D4A043;\n --sv-text: #1a1a1a;\n --sv-text-light: #5a5a5a;\n --sv-border: #e8ddd0;\n --sv-shadow: 0 4px 24px rgba(156,85,120,.08);\n --sv-shadow-lg: 0 12px 48px rgba(156,85,120,.15);\n --sv-radius: 20px;\n --sv-radius-sm: 12px;\n}\n\n.sv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sv-hero {\n position: relative;\n background: linear-gradient(135deg, #C47BA0 0%, #9B5578 40%, #6B3A54 100%);\n border-radius: var(--sv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sv-shadow-lg);\n}\n\n.sv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse 80px 80px at 15% 25%, rgba(212,160,67,.12) 0%, transparent 70%),\n radial-gradient(ellipse 60px 90px at 85% 20%, rgba(255,255,255,.08) 0%, transparent 70%),\n radial-gradient(ellipse 100px 60px at 50% 80%, rgba(74,140,92,.1) 0%, transparent 70%),\n radial-gradient(circle 40px at 75% 65%, rgba(212,160,67,.08) 0%, transparent 70%),\n radial-gradient(circle 30px at 25% 75%, rgba(255,255,255,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sv-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.sv-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.sv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sv-primary), var(--sv-accent));\n border-radius: 2px;\n}\n\n.sv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sv-highlight-box {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-accent);\n}\n\n.sv-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sv-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.sv-card {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sv-shadow-lg);\n border-color: var(--sv-primary);\n}\n\n.sv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.sv-grid-compact .sv-card {\n padding: 1rem;\n}\n\n.sv-grid-compact .sv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sv-grid-compact .sv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.sv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sv-primary), var(--sv-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sv-timeline-content {\n flex: 1;\n background: var(--sv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sv-radius-sm);\n box-shadow: var(--sv-shadow);\n}\n\n.sv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sv-timeline-content p {\n font-size: 14px;\n color: var(--sv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sv-testimonial {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sv-shadow);\n border-left: 4px solid var(--sv-primary);\n}\n\n.sv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sv-accordion {\n background: var(--sv-white);\n border-radius: var(--sv-radius);\n box-shadow: var(--sv-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.sv-accordion-item {\n border-bottom: 1px solid var(--sv-border);\n margin: 0;\n padding: 0;\n}\n\n.sv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sv-accordion-header:hover {\n background: var(--sv-primary-light);\n}\n\n.sv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sv-primary);\n transition: transform .2s ease;\n}\n\n.sv-accordion-item[open] .sv-accordion-header::after {\n content: '−';\n}\n\n.sv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sv-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.sv-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.sv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sv-primary-light);\n border-radius: var(--sv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sv-tip p {\n font-size: 14px;\n color: var(--sv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sv-cta-box {\n background: linear-gradient(135deg, var(--sv-primary) 0%, var(--sv-primary-dark) 100%);\n border-radius: var(--sv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sv-disclaimer {\n font-size: 12px;\n color: var(--sv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sv-card {\n padding: 1.125rem;\n }\n\n .sv-section {\n margin-bottom: 1.75rem;\n }\n\n .sv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sv-radius-sm);\n }\n\n .sv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sv-grid-compact {\n gap: .625rem;\n }\n\n .sv-grid-compact .sv-card {\n padding: .75rem;\n }\n\n .sv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sv-timeline-content h3 {\n font-size: 14px;\n }\n\n .sv-timeline-content p {\n font-size: 13px;\n }\n\n .sv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sv-testimonial {\n padding: 1.25rem;\n }\n\n .sv-testimonial-text {\n font-size: 14px;\n }\n\n .sv-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sv-card {\n animation: svFadeInUp .5s ease backwards;\n }\n .sv-card:nth-child(1) { animation-delay: .05s; }\n .sv-card:nth-child(2) { animation-delay: .1s; }\n .sv-card:nth-child(3) { animation-delay: .15s; }\n .sv-card:nth-child(4) { animation-delay: .2s; }\n .sv-card:nth-child(5) { animation-delay: .25s; }\n .sv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes svFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755098759325,"sku":"AY9952","price":14.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-soin-corps-shatavari-tube-75ml-ayurvana-2-391862.jpg?v=1771063563"},{"product_id":"creme-solide-au-beurre-de-karite-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au Beurre de Karité - 50 g - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Solide au Beurre de Karité - Comme Avant\nPalette détectée:\n - Primaire: #C9A96E (kraft\/beige doré du packaging)\n - Secondaire: #E8D9B8 (jaune crème du produit solide)\n - Accent: #8B7355 (brun chaud naturel)\nAmbiance: Naturel, bio, artisanal, minimaliste, chaleureux, éco-responsable\nPréfixe CSS: csk\n--\u003e\n\n\u003cdiv class=\"csk-premium\"\u003e\n \n \u003cdiv class=\"csk-hero\"\u003e\n \u003cdiv class=\"csk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"csk-hero-content\"\u003e\n \u003cdiv class=\"csk-badges-top\"\u003e\n \u003cspan class=\"csk-badge\"\u003e🌿 Bio Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"csk-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"csk-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"csk-hero-title\"\u003eCrème solide au beurre de karité\u003c\/span\u003e\n \u003cp class=\"csk-subtitle\"\u003e4 ingrédients. 0 compromis.\u003c\/p\u003e\n \u003cp class=\"csk-description\"\u003eUne crème multi-usage 100% naturelle qui nourrit, répare et protège votre peau en profondeur. Pour le visage, le corps et les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e✨ Pourquoi elle est différente\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid\"\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🧴 4 ingrédients seulement\u003c\/h3\u003e\n \u003cp\u003eContre 20 à 40 dans les crèmes classiques. Ici, pas d'eau, pas de conservateurs, pas d'additifs superflus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité pénètre en profondeur pour nourrir les couches supérieures de l'épiderme durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eForme un film protecteur sans étouffer la peau, idéal contre le froid et les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌡️ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eAu contact de la chaleur corporelle, elle se transforme en un baume onctueux et pénétrant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eSans eau, ultra-concentrée : un pot de 50g dure plusieurs mois en utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage en pot kraft recyclable et compostable, sans aucun plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e🌱 Composition minimaliste\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid\"\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient star, riche en vitamines A, D, E et F. Hydrate intensément, apaise et redonne souplesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eGorgée d'antioxydants et d'acides gras, elle nourrit et protège les peaux fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eSource de vitamine E, elle favorise la régénération cellulaire naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card csk-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003eAlternative végétale à la cire d'abeille, elle confère texture solide et barrière protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-sans-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e❌ Ce que vous ne trouverez pas :\u003c\/strong\u003e eau, conservateurs, parfums synthétiques, silicones, parabènes, huiles minérales, paraffine ou vaseline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"csk-usage-grid\"\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003e👩 Visage\u003c\/h3\u003e\n \u003cp\u003eFrottez légèrement entre vos paumes jusqu'à ce qu'elle fonde. Appliquez sur visage propre et sec, matin et soir. Une petite quantité suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003e🦵 Corps\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, sur peau légèrement humide. Massez coudes, genoux, talons et mains abîmées. Idéale en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque nourrissant avant shampooing. Appliquez sur longueurs et pointes, laissez poser 1h minimum ou toute la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-usage-card\"\u003e\n \u003cdiv class=\"csk-usage-number\"\u003e4\u003c\/div\u003e\n \u003ch3\u003e💋 Zones fragiles\u003c\/h3\u003e\n \u003cp\u003eLèvres gercées, cuticules sèches, petites irritations : cette crème polyvalente s'adapte à tous vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid\"\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient irritant ou allergisant. Formulation épurée parfaitement tolérée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eNutrition intense sans effet gras persistant, confort retrouvé dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité aide à maintenir l'élasticité et la souplesse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e👶 Enfants\u003c\/h3\u003e\n \u003cp\u003eParfaite pour protéger les petites joues du froid hivernal. Toute la famille peut l'utiliser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eComposition irréprochable et traçabilité totale pour une cosmétique sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n \u003cp\u003eFormat solide pratique, pas de risque de fuite. Passe en cabine sans problème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e🏅 Certifications \u0026amp; engagements\u003c\/h2\u003e\n \u003cdiv class=\"csk-grid-compact\"\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eFormulation bio contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🐌 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eSains, écologiques, raisonnables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csk-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eFabrication 100% française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"csk-accordion\"\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eGardez-la à l'abri de la chaleur et de la lumière directe. En été ou dans un pays chaud, elle peut ramollir légèrement mais retrouvera sa texture ferme à température ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e❓ Elle laisse un film gras ?\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eEn utilisant une quantité adaptée et en massant bien, la crème pénètre parfaitement sans résidu désagréable. Sur le visage, attendez quelques minutes avant le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e🔬 Peau à tendance acnéique ?\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eLe beurre de karité est considéré comme peu comédogène et convient généralement aux peaux à imperfections. Chaque peau étant unique, testez d'abord sur une petite zone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csk-accordion-item\"\u003e\n \u003csummary class=\"csk-accordion-header\"\u003e💊 Différence avec les crèmes en pharmacie ?\u003c\/summary\u003e\n \u003cdiv class=\"csk-accordion-content\"\u003e\n \u003cp\u003eLes crèmes en pharmacie contiennent souvent de l'eau (donc conservateurs), émulsifiants et parfums. Cette crème solide se distingue par sa composition ultra-courte et 100% naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"csk-cta-box\"\u003e\n \u003cp\u003e🌿 Un couteau suisse de la beauté naturelle : crème visage, soin corps, baume à lèvres et masque capillaire en un seul produit. Fabriqué artisanalement en France, respectueux de votre peau et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --csk-cream: #FAF7F2;\n --csk-white: #ffffff;\n --csk-primary: #C9A96E;\n --csk-primary-dark: #8B7355;\n --csk-primary-light: #F5EDE0;\n --csk-secondary: #E8D9B8;\n --csk-accent: #A67C52;\n --csk-text: #1a1a1a;\n --csk-text-light: #5a5a5a;\n --csk-border: #e0e0e0;\n --csk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --csk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --csk-radius: 20px;\n --csk-radius-sm: 12px;\n}\n\n.csk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--csk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.csk-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A96E 0%, #A67C52 50%, #8B7355 100%);\n border-radius: var(--csk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--csk-shadow-lg);\n}\n\n.csk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.csk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.csk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.csk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--csk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.csk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.csk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.csk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.csk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.csk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.csk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--csk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.csk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--csk-primary), var(--csk-accent));\n border-radius: 2px;\n}\n\n.csk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.csk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.csk-card {\n background: var(--csk-white);\n border-radius: var(--csk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--csk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.csk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--csk-shadow-lg);\n border-color: var(--csk-primary);\n}\n\n.csk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--csk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.csk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--csk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.csk-card-ingredient {\n background: linear-gradient(135deg, var(--csk-white) 0%, var(--csk-primary-light) 100%);\n}\n\n.csk-grid-compact .csk-card {\n padding: 1rem;\n}\n\n.csk-grid-compact .csk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.csk-grid-compact .csk-card p {\n font-size: 12px;\n}\n\n.csk-sans-box {\n background: var(--csk-white);\n border-radius: var(--csk-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--csk-accent);\n text-align: center;\n}\n\n.csk-sans-box p {\n margin: 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--csk-text-light);\n line-height: 1.6;\n}\n\n.csk-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.csk-usage-card {\n background: var(--csk-white);\n border-radius: var(--csk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--csk-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.csk-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--csk-shadow-lg);\n}\n\n.csk-usage-number {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--csk-primary), var(--csk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(201, 169, 110, .4);\n}\n\n.csk-usage-card h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--csk-primary-dark);\n margin: .5rem 0 .75rem 0;\n}\n\n.csk-usage-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--csk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.csk-accordion {\n background: var(--csk-white);\n border-radius: var(--csk-radius);\n box-shadow: var(--csk-shadow);\n overflow: hidden;\n}\n\n.csk-accordion-item {\n border-bottom: 1px solid var(--csk-border);\n margin: 0;\n padding: 0;\n}\n\n.csk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.csk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--csk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.csk-accordion-header:hover {\n background: var(--csk-primary-light);\n}\n\n.csk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.csk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--csk-primary);\n transition: transform .2s ease;\n}\n\n.csk-accordion-item[open] .csk-accordion-header::after {\n content: '−';\n}\n\n.csk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--csk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.csk-accordion-content p {\n margin: 0;\n}\n\n.csk-cta-box {\n background: linear-gradient(135deg, var(--csk-primary) 0%, var(--csk-primary-dark) 100%);\n border-radius: var(--csk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.csk-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.csk-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .csk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .csk-usage-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n \n .csk-card {\n padding: 1.125rem;\n }\n \n .csk-section {\n margin-bottom: 1.75rem;\n }\n \n .csk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--csk-radius-sm);\n }\n \n .csk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .csk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .csk-grid-compact {\n gap: .625rem;\n }\n \n .csk-grid-compact .csk-card {\n padding: .75rem;\n }\n \n .csk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .csk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .csk-badges-top {\n gap: 8px;\n }\n \n .csk-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .csk-card,\n .csk-usage-card {\n animation: fadeInUp .5s ease backwards;\n }\n .csk-card:nth-child(1), .csk-usage-card:nth-child(1) { animation-delay: .05s; }\n .csk-card:nth-child(2), .csk-usage-card:nth-child(2) { animation-delay: .1s; }\n .csk-card:nth-child(3), .csk-usage-card:nth-child(3) { animation-delay: .15s; }\n .csk-card:nth-child(4), .csk-usage-card:nth-child(4) { animation-delay: .2s; }\n .csk-card:nth-child(5) { animation-delay: .25s; }\n .csk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .csk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755185791133,"sku":"NBAICAV0004","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-au-beurre-de-karite-50-g-comme-avant-ingredients.jpg?v=1767900068"},{"product_id":"creme-solide-au-beurre-de-karite-noisette-et-manjishta-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide pour Peaux à imperfections à l'huile de Noisette - 50g - Comme avant","description":"\u003cp\u003eDécouvrez la \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e de \u003cem\u003eComme Avant\u003c\/em\u003e, une merveille de la cosmétique naturelle conçue pour chouchouter votre peau en profondeur. Offrez-vous le luxe d'un soin ultra-nourrissant, enrichi aux ingrédients bio les plus fins et conditionné dans un élégant pot kraft de 50 g, pratique et écologique.\u003c\/p\u003e\n\u003cp\u003eCette crème solide, aux vertus exceptionnelles, est formulée à partir de \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e, d'huile de \u003cstrong\u003enoisette\u003c\/strong\u003e et de poudre de \u003cstrong\u003emanjishta\u003c\/strong\u003e, des ingrédients soigneusement choisis pour leurs propriétés bienfaisantes et leur respect de l'environnement. Elle convient parfaitement aux peaux sèches, mixtes et même sujettes aux imperfections, offrant un soin polyvalent et efficace.\u003c\/p\u003e\n\u003cp\u003eLe beurre de karité procure une hydratation intense et longue durée tandis que l'huile de noisette, riche en acides gras essentiels, régule la production de sébum. La poudre de manjishta, un ingrédient ayurvédique réputé, illumine et purifie la peau en douceur.\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eRien de plus simple !\u003c\/p\u003e\n\u003col\u003e\n\u003cli\u003eRéchauffez la crème solide entre vos mains jusqu’à ce qu’elle devienne suffisamment molle pour en prélever une petite quantité.\u003c\/li\u003e\n\u003cli\u003eAppliquez directement sur le visage, le corps ou les zones nécessitant une hydratation.\u003c\/li\u003e\n\u003cli\u003eMassez délicatement pour faire pénétrer les actifs dans la peau.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003eUtilisée quotidiennement, cette crème vous assure une peau douce, nourrie et éclatante de santé.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e est élaborée à partir de quatre ingrédients strictement sélectionnés :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité\u003c\/strong\u003e : hydratant, apaisant et riche en vitamines A, D, E et F.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de noisette\u003c\/strong\u003e : régulatrice de sébum et adoucissante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePoudre de manjishta\u003c\/strong\u003e : détoxifiante et purifiante, favorisant une peau claire et éclatante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAmidon de maïs\u003c\/strong\u003e : agent de texture, pour une application facile et agréable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eFormule 100% naturelle, sans conservateurs, colorants ou parfums artificiels. Idéale pour les peaux sensibles.\u003c\/p\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cp\u003e\u003cem\u003eComme Avant\u003c\/em\u003e est une marque engagée, basée en France, qui met un point d'honneur à proposer des produits respectueux de l’homme et de l’environnement. La \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e est fabriquée artisanalement dans leurs ateliers, garantissant une qualité irréprochable et une traçabilité totale des ingrédients.\u003c\/p\u003e\n\u003cp\u003eChaque pot kraft est conçu pour limiter l'impact environnemental, en utilisant des matériaux recyclables et biodégradables.\u003c\/p\u003e\n\u003cp\u003eFaites le choix d'une beauté authentique et responsable avec la \u003cstrong\u003eCrème Solide au Beurre de Karité Noisette et Manjishta BIO\u003c\/strong\u003e. Votre peau mérite le meilleur de la nature !\u003c\/p\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755189854365,"sku":"NBAICAV0057","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-peaux-imperfections-huile-noisette-50g-comme-avant_1_11zon.jpg?v=1759485793"},{"product_id":"creme-solide-au-beurre-de-karite-plantain-et-jujubier-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au macérât de Plantain - Anti-démangeaisons - Comme Avant","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🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e🇫🇷 Fabriquée à Marseille\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cp-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cp-hero-title\"\u003eCrème solide au macérât de Plantain\u003c\/span\u003e\n \u003cp class=\"cp-subtitle\"\u003eLe soin bio anti-démangeaisons pour toute la famille\u003c\/p\u003e\n \u003cp class=\"cp-description\"\u003e6 ingrédients seulement · 100 % d'origine naturelle · Sans huile essentielle · Dès 3 ans, femmes enceintes et allaitantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eCrème solide au macérât de plantain : le soin bio anti-démangeaisons pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eVotre peau tiraille, gratte ou rougit sans prévenir ? La crème solide au macérât de plantain de Comme Avant est formulée précisément pour répondre à ces inconforts du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid-compact\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌱 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmos Organic, vegan et cruelty-free pour une transparence totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🤲 Artisanale\u003c\/h3\u003e\n \u003cp\u003eFabriquée à la main près de Marseille en petites séries\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e✨ Anti-démangeaisons\u003c\/h3\u003e\n \u003cp\u003eAlternative saine et efficace aux produits conventionnels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌍 Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eFormat solide dans un pot kraft recyclable, doux pour la planète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003ePourquoi le macérât de plantain est si efficace contre les démangeaisons\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eLe macérât huileux de plantain est un trésor de la phytothérapie traditionnelle. Obtenu par macération des feuilles de plantain lancéolé, il concentre des principes actifs reconnus pour leurs vertus apaisantes et réparatrices.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🩹 Sécheresse cutanée\u003c\/h3\u003e\n \u003cp\u003eApaise les démangeaisons liées à la sécheresse et aux irritations saisonnières\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🦟 Piqûres et rougeurs\u003c\/h3\u003e\n \u003cp\u003eCalme les inconforts causés par les piqûres d'insectes ou un coup de soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🧴 Peaux réactives\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux atopiques ou sujettes à l'eczéma, en complément d'un suivi médical\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🪒 Après-rasage\u003c\/h3\u003e\n \u003cp\u003eSoulage les sensations d'inconfort après le rasage ou l'épilation\u003c\/p\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\u003eAssocié au \u003cstrong\u003ebeurre de karité bio\u003c\/strong\u003e et à la \u003cstrong\u003epoudre de jujubier\u003c\/strong\u003e, le macérât de plantain forme un trio d'actifs qui apaise, nourrit et purifie la peau en un seul geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eUne formule courte, transparente et sans compromis\u003c\/h2\u003e\n \u003cp class=\"cp-section-intro\"\u003eContrairement à une crème anti-démangeaisons conventionnelle qui contient souvent des conservateurs de synthèse ou des parfums, cette crème solide affiche une composition \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, sans huile essentielle ni allergène ajouté. Elle convient aux \u003cstrong\u003eenfants dès 3 ans\u003c\/strong\u003e, aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e ainsi qu'aux peaux les plus sensibles.\u003c\/p\u003e\n \u003cdiv class=\"cp-grid\"\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eButyrospermum Parkii Butter — Nourrit, protège et régénère la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eOlea Europaea Fruit Oil — Émolliente et protectrice pour un film lipidique renforcé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌿 Macérât de plantain bio\u003c\/h3\u003e\n \u003cp\u003ePlantago Lanceolata Leaf Extract — Apaise et répare les peaux irritées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🍃 Poudre de jujubier bio\u003c\/h3\u003e\n \u003cp\u003eZiziphus Jujuba Leaf Extract — Purifie et tonifie la peau naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🕯️ Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003eEuphorbia Cerifera Cera — Forme un film protecteur non occlusif et vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cp-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eZea Mays Starch — Effet matifiant, zéro sensation grasse au toucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cp-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Sans huile de palme, sans plastique, non testé sur les animaux. Contient également de l'huile de tournesol bio (Helianthus Annuus Seed Oil) comme adoucissant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cp-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème solide au quotidien\u003c\/h2\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\u003eFaites chauffer\u003c\/h3\u003e\n \u003cp\u003ePrenez un peu de crème et faites-la chauffer entre vos paumes pour la ramollir.\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\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eÉtalez directement sur la zone concernée : visage, corps, mains, coudes, jambes ou lèvres.\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\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eMassez doucement jusqu'à absorption complète. La texture fond rapidement et ne laisse aucun effet gras.\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\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la en soin localisé sur une zone qui démange ou en crème hydratante quotidienne après la douche.\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=\"cp-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\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 le pot à température ambiante, à l'abri de la chaleur et de l'humidité. Durée de vie : \u003cstrong\u003e12 mois après ouverture\u003c\/strong\u003e.\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\u003eÉvitez le contact avec les yeux et ne l'appliquez pas sur une plaie ouverte.\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🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cp-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical, notamment en cas d'eczéma sévère ou d'urticaire persistant.\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=\"cp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication artisanale française et engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"cp-cta-box\"\u003e\n \u003cp\u003eChaque crème est fabriquée \u003cstrong\u003eà la main près de Marseille\u003c\/strong\u003e, en petite série, et conditionnée dans un \u003cstrong\u003epot en kraft recyclable\u003c\/strong\u003e de 50 g. Comme Avant porte la mention \u003cstrong\u003eSlow Cosmétique\u003c\/strong\u003e, garantie d'un cosmétique sincère, sans marketing trompeur. Remplacez plusieurs tubes plastiques par un seul soin multi-usages, sain et durable.\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: #f7f3ee;\n --cp-white: #ffffff;\n --cp-primary: #8b9e3c;\n --cp-primary-dark: #5a6e1a;\n --cp-primary-light: #f0f3e4;\n --cp-secondary: #c4a96a;\n --cp-accent: #a3b04d;\n --cp-text: #1a1a1a;\n --cp-text-light: #5a5a5a;\n --cp-border: #e0ddd6;\n --cp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\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, #5a6e1a 0%, #8b9e3c 50%, #c4a96a 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: 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 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.06'%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: .05;\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 line-height: 1.1;\n}\n\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.cp-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: -.01em;\n}\n\n.cp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n line-height: 1.6;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\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 line-height: 1.25;\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\/* === 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.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\/* === 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\/* === TIP BOX === *\/\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\/* === CTA FINAL === *\/\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}\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\/* === DISCLAIMER === *\/\n.cp-disclaimer {\n font-size: 12px;\n color: var(--cp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\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\/* === 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\/* === ACCESSIBILITÉ === *\/\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":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755190214813,"sku":"NBAICAV0056","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-au-macerat-de-plantain-anti-demangeaisons-comme-avant_recto_9_11zon.jpg?v=1759393514"},{"product_id":"creme-solide-au-beurre-de-karite-arnica-et-rose-bio-pot-kraft-50-g-comme-avant","title":"Crème Solide au macérât d'Arnica - Calme et apaise - 50 g - Comme avant","description":"\u003cp\u003eDécouvrez la \u003cstrong\u003eCrème solide au macérât d'Arnica de Comme avant\u003c\/strong\u003e, votre alliée idéale pour une peau douce et nourrie en profondeur. Cette crème solide est spécialement conçue pour répondre aux besoins des peaux sèches, sensibles et déshydratées. Fabriquée à partir d'ingrédients 100% naturels et certifiés bio, elle offre une solution écologique et efficace pour prendre soin de votre peau tout en respectant l'environnement.\u003c\/p\u003e\n\u003cp\u003eLe beurre de Karité est reconnu pour ses propriétés nourrissantes et régénérantes, l'arnica apporte ses vertus apaisantes et anti-inflammatoires, tandis que l'huile essentielle de rose est prisée pour ses effets relaxants et son parfum délicat. C'est un véritable concentré de bienfaits pour votre peau, dans un format pratique et économique.\u003c\/p\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème solide au beurre de Karité, arnica et rose BIO\u003c\/strong\u003e s'utilise facilement grâce à sa texture fondante. Il suffit de la faire chauffer légèrement entre vos mains pour qu'elle libère ses actifs nourrissants. Appliquez ensuite sur les zones à hydrater et massez délicatement jusqu'à absorption complète. Utilisée quotidiennement, cette crème vous assure une peau douce, souple et hydratée en profondeur.\u003c\/p\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eCette crème solide se compose de \u003cstrong\u003equatre ingrédients naturels\u003c\/strong\u003e soigneusement sélectionnés :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eBeurre de Karité Bio : riche en vitamines A, D et E, il nourrit et régénère la peau.\u003c\/li\u003e\n\u003cli\u003eArnica Bio : connue pour ses propriétés anti-inflammatoires et apaisantes.\u003c\/li\u003e\n\u003cli\u003eHuile Essentielle de Rose Bio : apporte une sensation de bien-être et une odeur florale délicate.\u003c\/li\u003e\n\u003cli\u003eCire de Candelilla Bio : offre une texture solide et agréable à utiliser.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLa formulation simple et courte permet de réduire les risques d'allergies et de garantir une tolérance optimale pour toutes les peaux, même les plus sensibles.\u003c\/p\u003e\n\u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n\u003cp\u003eLa \u003cstrong\u003eCrème solide au beurre de Karité, arnica et rose BIO\u003c\/strong\u003e est fabriquée en France, dans le respect des normes environnementales les plus strictes. Chaque ingrédient est sélectionné avec soin pour sa qualité et son origine bio certifiée. Le pot en kraft de 50 g est une solution écologique qui limite les déchets et favorise le recyclage.\u003c\/p\u003e\n\u003cp\u003eOptez pour une routine beauté naturelle et responsable avec cette crème solide, un produit respectueux de votre peau et de la planète. Offrez-vous le luxe d'un soin authentique et efficace, pour une peau éclatante de santé et de beauté.\u003c\/p\u003e\n\u003cp\u003eCommandez dès maintenant la \u003cstrong\u003eCrème solide au beurre de Karité, arnica et rose BIO - en pot kraft 50 g - de Comme avant\u003c\/strong\u003e et découvrez tout le potentiel de la cosmétique naturelle made in France.\u003c\/p\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755190608029,"sku":"NBAICAV0055","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solide-macerat-arnica-comme-avant_11zon.jpg?v=1759485990"},{"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":"creme-corps-extra-riche-amande-douce-bio-200-ml-coslys","title":"Crème Corps Extra Riche Amande Douce Bio - 200 ml - Coslys","description":"\u003cp\u003eSublimez et nourrissez intensément votre peau avec la \u003cstrong\u003eCrème Corps Extra Riche Amande Douce Bio\u003c\/strong\u003e, un soin spécialement formulé pour les peaux sèches à très sèches. Sa texture onctueuse et réconfortante hydrate immédiatement et en profondeur, tout en enveloppant votre corps d'un doux parfum aux notes de vanille et d'abricot. Ce baume riche apporte un confort immédiat et laisse la peau douce, lisse et protégée des agressions extérieures.\u003c\/p\u003e\n\u003ch2\u003eAvantages\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation et nutrition intenses :\u003c\/strong\u003e Enrichie en huile d'amande douce bio et en beurre de karité bio, cette crème nourrit en profondeur et prévient le dessèchement cutané.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture non-grasse :\u003c\/strong\u003e Pénètre rapidement, offrant une sensation de confort immédiat sans laisser de film gras.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum gourmand :\u003c\/strong\u003e Délivre des notes subtiles et gourmandes de vanille et d'abricot pour un moment de bien-être unique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement et réparation :\u003c\/strong\u003e Grâce à l'extrait d'arnica et l'aloe vera bio, elle apaise les irritations et aide à régénérer la peau, redonnant souplesse et élasticité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d'Utilisation\u003c\/h2\u003e\n\u003cp\u003ePour une hydratation optimale, appliquez la \u003cstrong\u003eCrème Corps Extra Riche Amande Douce Bio\u003c\/strong\u003e sur une peau propre et sèche, de préférence après la douche ou le bain. Massez généreusement en effectuant des mouvements circulaires, en insistant sur les zones sèches comme les coudes, les genoux et les talons. Utilisation quotidienne recommandée.\u003c\/p\u003e\n\u003ch2\u003eComposition Naturelle et Biologique\u003c\/h2\u003e\n\u003cp\u003eLa crème est composée à 98,5% d'ingrédients d'origine naturelle et 20,5% issus de l'agriculture biologique, pour un soin respectueux de votre peau et de l'environnement. Testée sous contrôle dermatologique.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile d'amande douce Bio :\u003c\/strong\u003e Hydrate et nourrit en profondeur tout en apaisant les irritations.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBeurre de karité Bio :\u003c\/strong\u003e Protège et nourrit la peau, renforçant sa barrière naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloe vera Bio :\u003c\/strong\u003e Connu pour ses propriétés apaisantes et hydratantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait d'arnica :\u003c\/strong\u003e Apporte un effet apaisant pour les peaux fragiles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cp\u003eFabriquée en France par \u003cstrong\u003eCoslys\u003c\/strong\u003e, cette crème est certifiée par le label \u003cstrong\u003eCosmébio\u003c\/strong\u003e, garantissant des ingrédients biologiques issus de l'agriculture durable. Coslys s'engage pour la qualité, la traçabilité et l'éthique dans ses soins.\u003c\/p\u003e\n\u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eType de peau :\u003c\/strong\u003e Peaux sèches à très sèches.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eContenance :\u003c\/strong\u003e 200 ml.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTexture :\u003c\/strong\u003e Riche et non-grasse, pénétrant rapidement pour un confort optimal.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRésultats :\u003c\/strong\u003e Peau hydratée, nourrie, souple et douce, protégée contre le dessèchement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eOffrez à votre peau le soin qu'elle mérite avec la \u003cstrong\u003eCrème Corps Extra Riche Amande Douce Bio - Coslys\u003c\/strong\u003e, pour une expérience de bien-être et de douceur au quotidien.\u003c\/p\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":45755249459357,"sku":"CS0195","price":10.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-corps-extra-riche-amande-coslys.webp?v=1744364892"},{"product_id":"apigene-90-extrait-a-90-jade-recherche","title":"Apigene 90 - extrait à 90% d'apigénine - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Apigene 90 - Extrait à 90% d'apigénine - Jade Recherche\nPalette détectée:\n - Primaire: #E63329 (rouge vif du logo APIGENE)\n - Secondaire: #2E8B57 (vert émeraude des accents et flèches)\n - Accent: #1E73BE (bleu du bandeau Citrus Paradisi)\n - Neutre: #F5F5F0 (crème\/beige clair pour le fond)\nAmbiance: Scientifique\/pharmaceutique avec une touche naturelle (agrumes), packaging médical épuré, pot en verre transparent suggérant pureté et qualité\nPréfixe CSS: api\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits de l'apigénine pour la peau\"\n 2. \"🧪 Composition\"\n 3. \"🧴 Mode d'emploi\"\n 4. \"⚠️ Précautions d'emploi\"\n 5. \"🔎 Notre avis sur Apigene 90\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"api-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"api-hero\"\u003e\n \u003cdiv class=\"api-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"api-hero-content\"\u003e\n \u003cdiv class=\"api-badges-top\"\u003e\n \u003cspan class=\"api-badge\"\u003e🍊 Citrus Paradisi\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🔬 90% Apigénine\u003c\/span\u003e\n \u003cspan class=\"api-badge\"\u003e🇫🇷 Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"api-hero-title\"\u003eApigene 90\u003c\/span\u003e\n \u003cp class=\"api-subtitle\"\u003eExtrait concentré à 90% d'apigénine\u003c\/p\u003e\n \u003cp class=\"api-description\"\u003eUn soin topique hautement concentré en apigénine, flavonoïde naturel extrait du pamplemousse, pour apaiser les inflammations cutanées, atténuer les cernes et renforcer la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 : Les bienfaits de l'apigénine pour la peau --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'apigénine pour la peau\u003c\/h2\u003e\n \u003cdiv class=\"api-grid\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e👁️ Réduction des cernes et ecchymoses\u003c\/h3\u003e\n \u003cp\u003eL'apigénine améliore la microcirculation en renforçant les parois capillaires et en favorisant l'élimination de la bilirubine, responsable de la coloration des cernes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🌿 Apaisement des inflammations\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses propriétés anti-inflammatoires puissantes, l'apigénine atténue les réactions inflammatoires de la peau, idéale en cas de dermatite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🛡️ Renforcement de la barrière cutanée\u003c\/h3\u003e\n \u003cp\u003eL'application topique réduit la perte d'eau transépidermique et augmente l'hydratation du stratum corneum pour une peau protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 : Composition --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🧪 Composition\u003c\/h2\u003e\n \u003cdiv class=\"api-grid-compact\"\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e🍊 Ingrédient actif\u003c\/h3\u003e\n \u003cp\u003eExtrait de \u003cem\u003eCitrus paradisi\u003c\/em\u003e titré à 90% d'apigénine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre de 8 g de poudre pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 : Mode d'emploi --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🧴 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"api-timeline\"\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003e200 à 400 mg par jour, soit une à deux cuillères doseuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003eDiluer la poudre dans quelques gouttes d'eau ou d'huile végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eAppliquer localement sur la zone concernée en massant légèrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"api-timeline-item\"\u003e\n \u003cdiv class=\"api-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"api-timeline-content\"\u003e\n \u003ch3\u003eFréquence\u003c\/h3\u003e\n \u003cp\u003eUtilisation quotidienne recommandée pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 : Précautions d'emploi --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"api-accordion\"\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🚫 Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eCe produit est destiné exclusivement à un usage topique. Ne pas ingérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🍋 Allergies aux agrumes\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue aux agrumes ou au pamplemousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"api-accordion-item\"\u003e\n \u003csummary class=\"api-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"api-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 : Notre avis sur Apigene 90 --\u003e\n \u003csection class=\"api-section\"\u003e\n \u003ch2\u003e🔎 Notre avis sur Apigene 90\u003c\/h2\u003e\n \u003cdiv class=\"api-testimonial\"\u003e\n \u003cp class=\"api-testimonial-text\"\u003e\"Très honnêtement, Apigene 90 s'adresse surtout à celles et ceux qui veulent aller un peu plus loin dans le soin ciblé. Ce n'est pas le genre de produit qu'on applique vite fait sans y penser : il demande un peu de préparation, un dosage précis, et surtout une utilisation régulière pour bien en tirer les bénéfices. Mais c'est justement là que réside tout son intérêt. Vous avez des cernes marqués, une peau qui rougit facilement, ou quelques irritations chroniques ? Dans ces cas-là, l'apigénine à cette concentration peut vraiment faire la différence. On apprécie beaucoup la pureté de la formule, sans ingrédients superflus ni parfum ajouté, ce qui en fait une option très douce pour la peau, même sensible. Après, soyons transparents : il ne remplacera pas une bonne routine de base, mais il viendra la compléter de façon très efficace sur les zones spécifiques qui posent problème.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"api-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"api-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau le pouvoir apaisant de l'apigénine avec Apigene 90.\u003cbr\u003eUn soin naturel et concentré pour une peau visiblement plus lumineuse et revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"api-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à une routine de soin complète. Résultats variables selon les individus.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --api-cream: #F7F6F2;\n --api-white: #ffffff;\n --api-primary: #E63329;\n --api-primary-dark: #C42A22;\n --api-primary-light: #FEF0EF;\n --api-secondary: #2E8B57;\n --api-secondary-light: #E8F5EE;\n --api-accent: #1E73BE;\n \n \/* Textes *\/\n --api-text: #1a1a1a;\n --api-text-light: #5a5a5a;\n \n \/* Effets *\/\n --api-border: #e0e0e0;\n --api-shadow: 0 4px 24px rgba(0,0,0,.08);\n --api-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --api-radius: 20px;\n --api-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.api-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--api-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.api-hero {\n position: relative;\n background: linear-gradient(135deg, var(--api-primary) 0%, var(--api-primary-dark) 40%, var(--api-secondary) 100%);\n border-radius: var(--api-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--api-shadow-lg);\n}\n\n.api-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.api-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.api-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.api-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.api-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.api-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.api-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--api-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.api-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.api-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.api-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--api-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.api-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--api-primary), var(--api-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.api-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.api-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.api-card {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--api-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.api-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--api-shadow-lg);\n border-color: var(--api-primary);\n}\n\n.api-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--api-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.api-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.api-grid-compact .api-card {\n padding: 1.25rem;\n}\n\n.api-grid-compact .api-card h3 {\n font-size: 15px;\n margin-bottom: .5rem;\n}\n\n.api-grid-compact .api-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.api-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.api-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.api-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--api-primary), var(--api-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(230,51,41,.25);\n}\n\n.api-timeline-content {\n flex: 1;\n background: var(--api-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--api-radius-sm);\n box-shadow: var(--api-shadow);\n}\n\n.api-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--api-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.api-timeline-content p {\n font-size: 14px;\n color: var(--api-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.api-accordion {\n background: var(--api-white);\n border-radius: var(--api-radius);\n box-shadow: var(--api-shadow);\n overflow: hidden;\n}\n\n.api-accordion-item {\n border-bottom: 1px solid var(--api-border);\n margin: 0;\n padding: 0;\n}\n\n.api-accordion-item:last-child {\n border-bottom: none;\n}\n\n.api-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--api-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.api-accordion-header:hover {\n background: var(--api-primary-light);\n}\n\n.api-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.api-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--api-primary);\n transition: transform .2s ease;\n}\n\n.api-accordion-item[open] .api-accordion-header::after {\n content: '−';\n}\n\n.api-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--api-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 0;\n}\n\n.api-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.api-testimonial {\n background: var(--api-white);\n border-radius: var(--api-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--api-shadow);\n border-left: 4px solid var(--api-secondary);\n}\n\n.api-testimonial-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--api-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.api-cta-box {\n background: linear-gradient(135deg, var(--api-secondary) 0%, #236B43 100%);\n border-radius: var(--api-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.api-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 200px;\n height: 200px;\n background: rgba(255,255,255,.08);\n border-radius: 50%;\n}\n\n.api-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.api-disclaimer {\n font-size: 12px;\n color: var(--api-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .api-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .api-grid-compact {\n gap: .75rem;\n }\n \n .api-grid-compact .api-card {\n padding: 1rem;\n }\n \n .api-grid-compact .api-card h3 {\n font-size: 14px;\n }\n \n .api-grid-compact .api-card p {\n font-size: 12px;\n }\n \n .api-card {\n padding: 1.125rem;\n }\n \n .api-section {\n margin-bottom: 1.75rem;\n }\n \n .api-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--api-radius-sm);\n }\n \n .api-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .api-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .api-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .api-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .api-timeline-content h3 {\n font-size: 14px;\n }\n \n .api-timeline-content p {\n font-size: 13px;\n }\n \n .api-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .api-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .api-testimonial {\n padding: 1.25rem;\n }\n \n .api-testimonial-text {\n font-size: 14px;\n }\n \n .api-badges-top {\n gap: 6px;\n }\n \n .api-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .api-card {\n animation: fadeInUp .5s ease backwards;\n }\n .api-card:nth-child(1) { animation-delay: .05s; }\n .api-card:nth-child(2) { animation-delay: .1s; }\n .api-card:nth-child(3) { animation-delay: .15s; }\n .api-card:nth-child(4) { animation-delay: .2s; }\n .api-card:nth-child(5) { animation-delay: .25s; }\n .api-card:nth-child(6) { animation-delay: .3s; }\n \n .api-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .api-timeline-item:nth-child(1) { animation-delay: .1s; }\n .api-timeline-item:nth-child(2) { animation-delay: .2s; }\n .api-timeline-item:nth-child(3) { animation-delay: .3s; }\n .api-timeline-item:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .api-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755254767773,"sku":"APIJADE90","price":59.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/apigene-90-extrait-a-90-dapigenine-jade-recherche-lifestyle.webp?v=1768908833"},{"product_id":"huile-sos-apaisante-bio-100-ml-acorelle","title":"Huile Sos Apaisante Bio - 100 Ml - Acorelle","description":"\u003cdiv class=\"sos-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sos-hero\"\u003e\n\u003cdiv class=\"sos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sos-hero-content\"\u003e\n\u003cdiv class=\"sos-badges-top\"\u003e\n\u003cspan class=\"sos-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🐰 Vegan\u003c\/span\u003e \u003cspan class=\"sos-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sos-hero-title\"\u003eHuile SOS Apaisante Bio\u003c\/span\u003e\n\u003cp class=\"sos-subtitle\"\u003eAcorelle • 100 ml\u003c\/p\u003e\n\u003cp class=\"sos-description\"\u003eLe concentré d'huiles précieuses qui apaise, répare et sublime votre peau après chaque épilation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eHuile SOS Apaisante Bio Acorelle : le soin réparateur après épilation\u003c\/h2\u003e\n\u003cdiv class=\"sos-intro-card\"\u003e\n\u003cp\u003eVotre peau tiraille, rougit ou vous démange après l'épilation ? Vous cherchez \u003cstrong\u003equelle huile après épilation\u003c\/strong\u003e choisir pour apaiser immédiatement ces inconforts ? L'\u003cstrong\u003eHuile SOS Apaisante Bio d'Acorelle\u003c\/strong\u003e est la réponse à vos besoins.\u003c\/p\u003e\n\u003cp\u003eCe concentré d'huiles végétales précieuses associe les vertus réparatrices du \u003cstrong\u003erosier muscat\u003c\/strong\u003e, de l'\u003cstrong\u003eargan\u003c\/strong\u003e et du \u003cstrong\u003eBoswellia Serrata\u003c\/strong\u003e pour offrir à votre peau un soin complet, naturel et véritablement efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePourquoi utiliser une huile après épilation ?\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eL'épilation, qu'elle soit à la cire, au rasoir ou à l'épilateur électrique, constitue une agression pour votre peau. Les follicules pileux irrités provoquent souvent :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🔴 Rougeurs\u003c\/h3\u003e\n\u003cp\u003ePersistantes et visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e😣 Tiraillements\u003c\/h3\u003e\n\u003cp\u003eSensations désagréables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🤚 Démangeaisons\u003c\/h3\u003e\n\u003cp\u003eParfois intenses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏜️ Dessèchement\u003c\/h3\u003e\n\u003cp\u003ePeau inconfortable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement à l'\u003cstrong\u003ehuile de coco après épilation\u003c\/strong\u003e utilisée seule, qui peut parfois être comédogène, cette huile SOS combine plusieurs actifs synergiques pour une action apaisante et réparatrice immédiate, sans boucher les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes trésors végétaux de cette huile apaisante\u003c\/h2\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🌹 Huile de Rosier Muscat Bio\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eLa régénératrice\u003c\/p\u003e\n\u003cp\u003eVéritable or liquide pour la peau, naturellement riche en \u003cstrong\u003eoméga 3 et 6\u003c\/strong\u003e. Ces acides gras essentiels favorisent la régénération cellulaire et restaurent la souplesse cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🥜 Huile d'Argan Bio\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eLa protectrice\u003c\/p\u003e\n\u003cp\u003eRestaure la fonction barrière de l'épiderme tout en apportant une nutrition profonde. Ses propriétés anti-oxydantes préservent le capital jeunesse de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card sos-card-featured\"\u003e\n\u003ch3\u003e🌳 Extrait de Boswellia Serrata\u003c\/h3\u003e\n\u003cp class=\"sos-card-subtitle\"\u003eL'apaisant\u003c\/p\u003e\n\u003cp\u003eCet extrait de résine possède des \u003cstrong\u003evertus apaisantes remarquables\u003c\/strong\u003e. Associé au bisabolol, il calme les rougeurs quasi instantanément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eUne huile multi-usages pour toutes les situations\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eCette huile SOS ne se limite pas à un usage post-épilatoire. Voici toutes les occasions où elle deviendra votre alliée :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e✨ Après épilation cire\u003c\/h3\u003e\n\u003cp\u003eApaise immédiatement les irritations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e👙 Après épilation maillot\u003c\/h3\u003e\n\u003cp\u003eCalme cette zone particulièrement sensible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e☀️ Après soleil\u003c\/h3\u003e\n\u003cp\u003eNourrit et répare la peau asséchée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🚿 Soin quotidien\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, satine et protège\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e💧 Zones sèches\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons retrouvent leur douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComment utiliser l'Huile SOS Apaisante ?\u003c\/h2\u003e\n\u003cdiv class=\"sos-timeline\"\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eAprès l'épilation\u003c\/h3\u003e\n\u003cp\u003ePrélevez quelques gouttes dans le creux de votre main et massez délicatement la zone épilée. Insistez sur les parties les plus sensibles comme le maillot ou les aisselles. L'effet apaisant est quasi immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eEn soin corporel quotidien\u003c\/h3\u003e\n\u003cp\u003eAppliquez l'huile sur peau légèrement humide après la douche. Cette technique permet une meilleure pénétration des actifs et laisse un film protecteur satiné sans effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-timeline-item\"\u003e\n\u003cspan class=\"sos-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"sos-timeline-content\"\u003e\n\u003ch3\u003eEn soin ciblé\u003c\/h3\u003e\n\u003cp\u003eMassez les zones particulièrement sèches ou irritées matin et soir jusqu'à amélioration visible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eUn parfum délicat et 100% naturel\u003c\/h2\u003e\n\u003cdiv class=\"sos-fragrance-card\"\u003e\n\u003cdiv class=\"sos-fragrance-notes\"\u003e\n\u003cspan class=\"sos-note\"\u003e🌹 Rose\u003c\/span\u003e \u003cspan class=\"sos-note\"\u003e🍦 Vanille\u003c\/span\u003e \u003cspan class=\"sos-note\"\u003e🪵 Santal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eAu-delà de son efficacité, cette huile offre une véritable expérience sensorielle. Son parfum aux notes de \u003cstrong\u003erose, de vanille et de santal\u003c\/strong\u003e enveloppe votre peau d'une fragrance douce et réconfortante. Entièrement composé d'ingrédients naturels, ce parfum subtil ne masque pas mais accompagne délicatement votre soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"sos-stats-bar\"\u003e\n\u003cdiv class=\"sos-stat\"\u003e\n\u003cspan class=\"sos-stat-number\"\u003e100%\u003c\/span\u003e \u003cspan class=\"sos-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-stat\"\u003e\n\u003cspan class=\"sos-stat-number\"\u003e52%\u003c\/span\u003e \u003cspan class=\"sos-stat-label\"\u003eAgriculture bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-accordion\"\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🌻 Huiles végétales nourrissantes\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHelianthus Annuus Seed Oil*\u003c\/strong\u003e : huile de tournesol bio, base nourrissante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRosa Canina Fruit Oil*\u003c\/strong\u003e : huile de rosier muscat bio, régénérante\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eArgania Spinosa Kernel Oil*\u003c\/strong\u003e : huile d'argan bio, protectrice\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🧴 Agents de texture \u0026amp; émollients\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCaprylic\/Capric Triglycerides\u003c\/strong\u003e : émollient d'origine végétale\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCoco-Caprylate\u003c\/strong\u003e : agent de texture d'origine coco\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSqualane\u003c\/strong\u003e : hydratant biomimétique\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIsostearyl Alcohol\u003c\/strong\u003e : émollient végétal\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e✨ Actifs apaisants\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eBoswellia Serrata Gum\u003c\/strong\u003e : extrait apaisant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol*\u003c\/strong\u003e : actif anti-rougeurs\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTocopherol\u003c\/strong\u003e : vitamine E, antioxydant\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sos-accordion-item\"\u003e\n\u003csummary class=\"sos-accordion-header\"\u003e🌸 Parfum naturel\u003c\/summary\u003e\n\u003cdiv class=\"sos-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eParfum\u003c\/strong\u003e : fragrance 100% naturelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCitronellol, Linalool\u003c\/strong\u003e : composants naturels du parfum\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sos-warning-grid\"\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e👁️\u003c\/span\u003e\n\u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e✋\u003c\/span\u003e\n\u003cp\u003eAppliquez uniquement sur une peau saine, non lésée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e🚫\u003c\/span\u003e\n\u003cp\u003eUsage externe uniquement, ne pas avaler\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-warning-item\"\u003e\n\u003cspan\u003e🌡️\u003c\/span\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"sos-section\"\u003e\n\u003ch2\u003eLes engagements Acorelle\u003c\/h2\u003e\n\u003cp class=\"sos-section-intro\"\u003eEn choisissant cette huile SOS, vous optez pour une marque française engagée dans une cosmétique responsable :\u003c\/p\u003e\n\u003cdiv class=\"sos-grid-compact\"\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eFormulation bio exigeante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n\u003cp\u003eAucun ingrédient animal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e♻️ Flacon verre\u003c\/h3\u003e\n\u003cp\u003eRecyclable \u0026amp; protecteur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-card\"\u003e\n\u003ch3\u003e🎋 Bouchon bambou\u003c\/h3\u003e\n\u003cp\u003eNaturel \u0026amp; durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sos-tip\"\u003e\n\u003cspan class=\"sos-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe format généreux de \u003cstrong\u003e100 ml\u003c\/strong\u003e vous accompagne pendant plusieurs mois, que ce soit pour un usage post-épilatoire ponctuel ou un soin corporel quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sos-cream: #FDF9F5;\n --sos-white: #ffffff;\n --sos-primary: #C9A87C;\n --sos-primary-dark: #8B7355;\n --sos-primary-light: #F5EDE4;\n --sos-secondary: #E8D4C4;\n --sos-accent: #D4A574;\n --sos-text: #1a1a1a;\n --sos-text-light: #5a5a5a;\n --sos-border: #e8e0d8;\n --sos-shadow: 0 4px 24px rgba(139,115,85,.08);\n --sos-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --sos-radius: 20px;\n --sos-radius-sm: 12px;\n}\n\n.sos-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sos-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sos-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A87C 0%, #E8D4C4 50%, #D4A574 100%);\n border-radius: var(--sos-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sos-shadow-lg);\n}\n\n.sos-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.sos-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sos-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sos-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sos-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sos-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sos-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.sos-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.sos-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sos-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sos-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sos-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sos-primary), var(--sos-accent));\n border-radius: 2px;\n}\n\n.sos-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.sos-intro-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n border-left: 4px solid var(--sos-primary);\n}\n\n.sos-intro-card p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sos-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.sos-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRILLES === *\/\n.sos-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sos-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.sos-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sos-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sos-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sos-shadow-lg);\n border-color: var(--sos-primary);\n}\n\n.sos-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sos-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sos-card-featured {\n text-align: left;\n}\n\n.sos-card-subtitle {\n display: inline-block;\n font-size: 12px !important;\n font-weight: 700;\n color: var(--sos-primary) !important;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .75rem !important;\n padding: 4px 10px;\n background: var(--sos-primary-light);\n border-radius: 999px;\n}\n\n.sos-grid-compact .sos-card {\n padding: 1rem;\n}\n\n.sos-grid-compact .sos-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sos-grid-compact .sos-card p {\n font-size: 12px;\n}\n\n\/* === TIP BOX === *\/\n.sos-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sos-primary-light);\n border-radius: var(--sos-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sos-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sos-tip p {\n font-size: 14px;\n color: var(--sos-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.sos-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sos-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sos-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sos-primary), var(--sos-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sos-timeline-content {\n flex: 1;\n background: var(--sos-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.sos-timeline-content p {\n font-size: 14px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FRAGRANCE CARD === *\/\n.sos-fragrance-card {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sos-shadow);\n text-align: center;\n}\n\n.sos-fragrance-notes {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: .75rem;\n margin-bottom: 1.5rem;\n}\n\n.sos-note {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: linear-gradient(135deg, var(--sos-primary-light), var(--sos-secondary));\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--sos-primary-dark);\n}\n\n.sos-fragrance-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--sos-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === STATS BAR === *\/\n.sos-stats-bar {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 1.5rem;\n flex-wrap: wrap;\n}\n\n.sos-stat {\n text-align: center;\n}\n\n.sos-stat-number {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--sos-primary);\n line-height: 1;\n}\n\n.sos-stat-label {\n font-size: 13px;\n color: var(--sos-text-light);\n font-weight: 600;\n}\n\n\/* === ACCORDÉON === *\/\n.sos-accordion {\n background: var(--sos-white);\n border-radius: var(--sos-radius);\n box-shadow: var(--sos-shadow);\n overflow: hidden;\n}\n\n.sos-accordion-item {\n border-bottom: 1px solid var(--sos-border);\n margin: 0;\n padding: 0;\n}\n\n.sos-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sos-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sos-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sos-accordion-header:hover {\n background: var(--sos-primary-light);\n}\n\n.sos-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sos-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sos-primary);\n transition: transform .2s ease;\n}\n\n.sos-accordion-item[open] .sos-accordion-header::after {\n content: '−';\n}\n\n.sos-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sos-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sos-accordion-content p {\n margin: .5rem 0 0 0;\n}\n\n.sos-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.sos-accordion-content li {\n margin-bottom: .5rem;\n}\n\n\/* === WARNING GRID === *\/\n.sos-warning-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sos-warning-item {\n display: flex;\n align-items: flex-start;\n gap: .75rem;\n background: var(--sos-white);\n padding: 1rem;\n border-radius: var(--sos-radius-sm);\n box-shadow: var(--sos-shadow);\n}\n\n.sos-warning-item span {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.sos-warning-item p {\n font-size: 13px;\n color: var(--sos-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sos-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sos-card {\n padding: 1.125rem;\n }\n \n .sos-card-featured {\n text-align: center;\n }\n \n .sos-section {\n margin-bottom: 1.75rem;\n }\n \n .sos-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sos-radius-sm);\n }\n \n .sos-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sos-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sos-grid-compact {\n gap: .625rem;\n }\n \n .sos-grid-compact .sos-card {\n padding: .75rem;\n }\n \n .sos-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sos-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sos-timeline-content h3 {\n font-size: 14px;\n }\n \n .sos-timeline-content p {\n font-size: 13px;\n }\n \n .sos-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sos-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sos-intro-card {\n padding: 1.25rem;\n }\n \n .sos-fragrance-card {\n padding: 1.25rem;\n }\n \n .sos-note {\n padding: 8px 14px;\n font-size: 13px;\n }\n \n .sos-stats-bar {\n gap: 1.5rem;\n }\n \n .sos-warning-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .sos-warning-item {\n padding: .875rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sos-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sos-card:nth-child(1) { animation-delay: .05s; }\n .sos-card:nth-child(2) { animation-delay: .1s; }\n .sos-card:nth-child(3) { animation-delay: .15s; }\n .sos-card:nth-child(4) { animation-delay: .2s; }\n .sos-card:nth-child(5) { animation-delay: .25s; }\n .sos-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sos-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ACORELLE","offers":[{"title":"Default Title","offer_id":45755255619741,"sku":"LL0100","price":31.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-sos-apaisante-bio-100-ml-acorelle-lifestyle.webp?v=1769502690"},{"product_id":"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":"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":"creme-riche-eclat-de-rose-bio-50-ml-centifolia","title":"Crème Riche Éclat de Rose Bio - 50 ml - Centifolia","description":"\u003cdiv class=\"cer-premium\"\u003e\n \u003cdiv class=\"cer-hero\"\u003e\n \u003cdiv class=\"cer-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cer-hero-content\"\u003e\n \u003cdiv class=\"cer-badges-top\"\u003e\n \u003cspan class=\"cer-badge\"\u003e🏆 Meilleur Produit Bio 2019\u003c\/span\u003e\n \u003cspan class=\"cer-badge\"\u003e🌹 Rose Centifolia\u003c\/span\u003e\n \u003cspan class=\"cer-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cer-badge\"\u003e🌿 98,6% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cer-hero-title\"\u003eCrème Riche Éclat de Rose Bio\u003c\/span\u003e\n \u003cp class=\"cer-subtitle\"\u003eLe soin botanique d'exception signé Centifolia\u003c\/p\u003e\n \u003cp class=\"cer-description\"\u003eUne crème hydratante visage riche et onctueuse qui redonne éclat, douceur et confort aux peaux normales à sèches, même sensibles. 35 ans d'expertise cosméto-botanique au service de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cer-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème hydratante pour le visage ?\u003c\/h2\u003e\n \u003cp class=\"cer-section-intro\"\u003eUne formule riche à \u003cstrong\u003e98,6 % d'ingrédients d'origine naturelle\u003c\/strong\u003e dont \u003cstrong\u003e29,5 % issus de l'agriculture biologique\u003c\/strong\u003e. Une texture onctueuse qui fond sur la peau sans film gras, pour un confort immédiat et une luminosité retrouvée.\u003c\/p\u003e\n \u003cdiv class=\"cer-grid\"\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e💧 Hydratation 24h\u003c\/h3\u003e\n \u003cp\u003eUne hydratation intense et durable qui maintient le confort de votre peau toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e✨ Teint éclairci\u003c\/h3\u003e\n \u003cp\u003eUn teint visiblement unifié et illuminé dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌸 Ridules lissées\u003c\/h3\u003e\n \u003cp\u003eLes ridules de déshydratation s'estompent pour une peau visiblement plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌿 Peau apaisée\u003c\/h3\u003e\n \u003cp\u003eUne peau nourrie en profondeur, repulpée et apaisée, même sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cer-section\"\u003e\n \u003ch2\u003eUne synergie d'actifs naturels puissants\u003c\/h2\u003e\n \u003cp class=\"cer-section-intro\"\u003eForte de \u003cstrong\u003e35 ans d'expertise cosméto-botanique\u003c\/strong\u003e, Centifolia a sélectionné des ingrédients haut de gamme pour une efficacité naturelle d'exception.\u003c\/p\u003e\n \u003cdiv class=\"cer-grid\"\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌹 Rose Centifolia\u003c\/h3\u003e\n \u003cp\u003eTonifiante et apaisante, elle ravive l'éclat naturel du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e💎 Acide hyaluronique végétal\u003c\/h3\u003e\n \u003cp\u003eRepulpe et hydrate en profondeur pour une peau rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eAntioxydant qui illumine et protège des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌺 Huile de Camélia Bio\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga, elle nourrit intensément les peaux assoiffées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🍑 Huile de Prune Bio\u003c\/h3\u003e\n \u003cp\u003eRégénérante, idéale pour les peaux sèches en quête de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🥥 Beurre de Karité Bio\u003c\/h3\u003e\n \u003cp\u003eProtecteur et réparateur, il enveloppe la peau d'un voile nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-tip\"\u003e\n \u003cspan class=\"cer-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans parabènes, silicones, ni huiles minérales.\u003c\/strong\u003e Cette crème visage hydratante respecte votre peau et l'environnement. Fabriquée en France selon une démarche éthique et écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cer-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cer-timeline\"\u003e\n \u003cdiv class=\"cer-timeline-item\"\u003e\n \u003cdiv class=\"cer-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n \u003cp\u003eMatin et\/ou soir, démaquillez et nettoyez votre visage et votre cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-item\"\u003e\n \u003cdiv class=\"cer-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit pour profiter de tous les bienfaits de la formule riche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-item\"\u003e\n \u003cdiv class=\"cer-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage et le cou par mouvements circulaires jusqu'à absorption complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-item\"\u003e\n \u003cdiv class=\"cer-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cer-timeline-content\"\u003e\n \u003ch3\u003eEffet boost (optionnel)\u003c\/h3\u003e\n \u003cp\u003eAssociez-la à votre sérum habituel pour un résultat encore plus éclatant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-tip\"\u003e\n \u003cspan class=\"cer-tip-icon\"\u003e👫\u003c\/span\u003e\n \u003cp\u003eConvient aussi bien aux femmes qu'aux hommes en quête d'une \u003cstrong\u003ecrème hydratante visage\u003c\/strong\u003e efficace et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cer-section\"\u003e\n \u003ch2\u003ePour qui est-elle faite ?\u003c\/h2\u003e\n \u003cdiv class=\"cer-grid-compact\"\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌷 Peaux normales à sèches\u003c\/h3\u003e\n \u003cp\u003eEn quête de confort durable et de nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eQui réagissent aux formules classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e✨ Peaux ternes\u003c\/h3\u003e\n \u003cp\u003eQui ont besoin de retrouver leur éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cer-card\"\u003e\n \u003ch3\u003e🌍 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eCherchant une alternative naturelle aux crèmes conventionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cer-section\"\u003e\n \u003ch2\u003eQuels résultats attendre ?\u003c\/h2\u003e\n \u003cdiv class=\"cer-testimonial\"\u003e\n \u003cp class=\"cer-testimonial-text\"\u003e\"Dès les premières applications, votre peau retrouve souplesse et douceur. Au fil des semaines, le grain de peau s'affine, le teint devient plus lumineux et les sensations d'inconfort diminuent. Une véritable cure d'éclat naturelle, fruit du savoir-faire botanique français.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cer-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition \u0026amp; informations\u003c\/h2\u003e\n \u003cdiv class=\"cer-accordion\"\u003e\n \u003cdetails class=\"cer-accordion-item\"\u003e\n \u003csummary class=\"cer-accordion-header\"\u003e🧪 Composition (INCI)\u003c\/summary\u003e\n \u003cdiv class=\"cer-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Caprylic\/Capric Triglyceride, Glycerin, Cetearyl Alcohol, Butyrospermum Parkii (Karité) Butter*, Camellia Oleifera Seed Oil*, Prunus Domestica Seed Oil*, Sodium Hyaluronate, Ascorbyl Glucoside (Vitamine C), Rosa Centifolia Flower Extract, Tocopherol, Glyceryl Stearate, Cetearyl Glucoside, Benzyl Alcohol, Parfum naturel, Xanthan Gum, Citric Acid.\u003cbr\u003e\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cer-accordion-item\"\u003e\n \u003csummary class=\"cer-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"cer-accordion-content mt-3\"\u003e\n \u003cp\u003ePot de 50 ml, idéal pour une utilisation quotidienne sur le visage et le cou pendant plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cer-accordion-item\"\u003e\n \u003csummary class=\"cer-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cer-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à un usage externe. Évitez le contour des yeux. En cas de réaction cutanée, cessez l'utilisation. Ce soin cosmétique ne se substitue pas à un avis médical ou à un traitement dermatologique adapté. Demandez conseil à un professionnel de santé en cas de doute.\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 --cer-cream: #fdf8f6;\n --cer-white: #ffffff;\n --cer-primary: #e8b4b8;\n --cer-primary-dark: #b87a7e;\n --cer-primary-light: #f9e6e7;\n --cer-secondary: #d4a5a5;\n --cer-accent: #c97f85;\n --cer-text: #2a1f20;\n --cer-text-light: #6b5a5b;\n --cer-border: #ecd9da;\n --cer-shadow: 0 4px 24px rgba(184, 122, 126, .08);\n --cer-shadow-lg: 0 12px 48px rgba(184, 122, 126, .18);\n --cer-radius: 20px;\n --cer-radius-sm: 12px;\n}\n\n.cer-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cer-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cer-text);\n}\n\n.cer-hero {\n position: relative;\n background: linear-gradient(135deg, #f9e6e7 0%, #e8b4b8 50%, #d4a5a5 100%);\n border-radius: var(--cer-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(--cer-shadow-lg);\n}\n\n.cer-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 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 opacity: .15;\n}\n\n.cer-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cer-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.cer-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n}\n\n.cer-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n opacity: .95;\n}\n\n.cer-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cer-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(--cer-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cer-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cer-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cer-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cer-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.cer-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(--cer-primary), var(--cer-secondary));\n border-radius: 2px;\n}\n\n.cer-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cer-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.cer-card {\n background: var(--cer-white);\n border-radius: var(--cer-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cer-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cer-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cer-shadow-lg);\n border-color: var(--cer-primary);\n}\n\n.cer-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cer-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cer-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cer-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cer-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cer-grid-compact .cer-card {\n padding: 1rem;\n}\n\n.cer-grid-compact .cer-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cer-grid-compact .cer-card p {\n font-size: 12px;\n}\n\n.cer-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cer-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cer-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cer-primary), var(--cer-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(184, 122, 126, .3);\n}\n\n.cer-timeline-content {\n flex: 1;\n background: var(--cer-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cer-radius-sm);\n box-shadow: var(--cer-shadow);\n}\n\n.cer-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cer-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cer-timeline-content p {\n font-size: 14px;\n color: var(--cer-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cer-testimonial {\n background: var(--cer-white);\n border-radius: var(--cer-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cer-shadow);\n border-left: 4px solid var(--cer-primary);\n}\n\n.cer-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cer-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cer-accordion {\n background: var(--cer-white);\n border-radius: var(--cer-radius);\n box-shadow: var(--cer-shadow);\n overflow: hidden;\n}\n\n.cer-accordion-item {\n border-bottom: 1px solid var(--cer-border);\n margin: 0;\n padding: 0;\n}\n\n.cer-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cer-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cer-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.cer-accordion-header:hover {\n background: var(--cer-primary-light);\n}\n\n.cer-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cer-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cer-primary);\n transition: transform .2s ease;\n}\n\n.cer-accordion-item[open] .cer-accordion-header::after {\n content: '−';\n}\n\n.cer-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cer-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cer-accordion-content p {\n margin: 0;\n}\n\n.cer-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cer-primary-light);\n border-radius: var(--cer-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n}\n\n.cer-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cer-tip p {\n font-size: 14px;\n color: var(--cer-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .cer-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cer-card {\n padding: 1.125rem;\n }\n\n .cer-section {\n margin-bottom: 1.75rem;\n }\n\n .cer-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cer-radius-sm);\n }\n\n .cer-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cer-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cer-grid-compact {\n gap: .625rem;\n }\n\n .cer-grid-compact .cer-card {\n padding: .75rem;\n }\n\n .cer-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cer-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cer-timeline-content h3 {\n font-size: 14px;\n }\n\n .cer-timeline-content p {\n font-size: 13px;\n }\n\n .cer-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cer-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cer-testimonial {\n padding: 1.25rem;\n }\n\n .cer-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cer-card {\n animation: cerFadeInUp .5s ease backwards;\n }\n .cer-card:nth-child(1) { animation-delay: .05s; }\n .cer-card:nth-child(2) { animation-delay: .1s; }\n .cer-card:nth-child(3) { animation-delay: .15s; }\n .cer-card:nth-child(4) { animation-delay: .2s; }\n .cer-card:nth-child(5) { animation-delay: .25s; }\n .cer-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cerFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cer-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":45755396653213,"sku":"CE0398","price":22.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-riche-eclat-de-rose-bio-50ml-centifolia-min.jpg?v=1730655784"},{"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":"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":"creme-hydratante-pour-toute-la-famille-125ml-centifolia","title":"Crème Hydratante Pour Toute La Famille - 100ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié BIO\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e👨‍👩‍👧 Toute la famille\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eCrème Hydratante Famille\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eVisage \u0026amp; Corps · 100ml · Centifolia\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUne crème hydratante bio à l'extrait de \u003cstrong\u003eGinkgo Biloba BIO origine France\u003c\/strong\u003e, pensée pour répondre aux besoins de toute la maisonnée. 99 % d'ingrédients d'origine naturelle pour une hydratation longue durée, même sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne crème hydratante visage et corps pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eTrouver une crème hydratante qui convient à chacun est souvent un casse-tête. Avec ce soin Centifolia, plus besoin de multiplier les flacons dans la salle de bain.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e☀️ Matin \u0026amp; soir\u003c\/h3\u003e\n \u003cp\u003eUn seul soin pour toute la routine de la famille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eAdaptée aux petits comme aux grands\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Visage \u0026amp; corps\u003c\/h3\u003e\n \u003cp\u003ePolyvalente, elle hydrate de la tête aux pieds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle, certifiés bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits du Ginkgo Biloba BIO\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eAu cœur de cette crème, l'extrait de Ginkgo Biloba BIO d'origine France apporte ses propriétés antioxydantes reconnues. Associé à l'aloe vera, l'huile de tournesol et au beurre de cacao bio.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Souplesse \u0026amp; confort\u003c\/h3\u003e\n \u003cp\u003ePréserve la souplesse et le confort cutané au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧘 Apaise les tiraillements\u003c\/h3\u003e\n \u003cp\u003eCalme instantanément les sensations d'inconfort de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Protège des agressions\u003c\/h3\u003e\n \u003cp\u003eBouclier naturel contre le vent, le froid et la pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation 8h\u003c\/h3\u003e\n \u003cp\u003eMaintient une hydratation optimale jusqu'à 8 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003eUne petite quantité suffit grâce à sa texture légère et non grasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez matin et soir\u003c\/h3\u003e\n \u003cp\u003eSur le visage et\/ou le corps en massant délicatement jusqu'à absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eProfitez de ses multiples usages\u003c\/h3\u003e\n \u003cp\u003eIdéale après la douche, après le rasage ou en base de maquillage pour un teint frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePour les enfants dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eUne seule application quotidienne suffit généralement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe soin cosmétique ne remplace pas un avis médical. En cas de réaction cutanée ou de pathologie, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition : 99 % d'origine naturelle\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise les peaux sensibles en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao \u0026amp; karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrissent et protègent la barrière cutanée naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eAssouplit et adoucit l'épiderme jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo Biloba BIO France\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège la peau des radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eINCI complet :\u003c\/strong\u003e Aqua, Aloe Barbadensis Leaf Juice*, Helianthus Annuus Seed Oil*, Glyceryl Stearate, Cetearyl Alcohol, Theobroma Cacao Seed Butter*, Butyrospermum Parkii Butter*, Ginkgo Biloba Leaf Extract*, Benzyl Alcohol, Sodium Benzoate, Potassium Sorbate, Parfum, Xanthan Gum, Citric Acid, Dehydroacetic Acid. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e👶 Cette crème convient-elle aux bébés ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eElle est recommandée à partir de 3 ans. Pour les nourrissons, privilégiez un soin spécifique formulé pour leur peau plus fragile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e💆 Peut-elle remplacer une crème visage hydratante quotidienne ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, elle s'utilise aussi bien comme crème hydratante pour le visage qu'en soin du corps. Sa polyvalence en fait un essentiel salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🌸 Convient-elle aux peaux réactives ?\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, sa formule douce, vegan et sans ingrédients controversés est tolérée par les peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn engagement éthique et français\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eCosmétique botanique made in France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✅ ECOCERT \u0026amp; Cosmebio\u003c\/h3\u003e\n \u003cp\u003eDoublement certifiée biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003eSans ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Tube recyclable\u003c\/h3\u003e\n \u003cp\u003e21 % de plastique recyclé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eOffrez à votre famille un soin simple, sûr et durable au quotidien. Une cosmétique botanique respectueuse de votre peau et de la planète. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f7f9f3;\n --cf-white: #ffffff;\n --cf-primary: #a8c850;\n --cf-primary-dark: #5a7a2a;\n --cf-primary-light: #eaf3d4;\n --cf-secondary: #7fa838;\n --cf-accent: #c8dc7a;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a6b4a;\n --cf-border: #e0e6d4;\n --cf-shadow: 0 4px 24px rgba(90,122,42,.08);\n --cf-shadow-lg: 0 12px 48px rgba(90,122,42,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #a8c850 0%, #7fa838 50%, #5a7a2a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .4;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 680px;\n opacity: .95;\n}\n\n.cf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin: 0 auto 1.5rem auto;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(127,168,56,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 13px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n word-break: break-word;\n}\n\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card { padding: 1.125rem; }\n .cf-section { margin-bottom: 1.75rem; }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after { width: 40px; height: 3px; }\n .cf-grid-compact { gap: .625rem; }\n .cf-grid-compact .cf-card { padding: .75rem; }\n .cf-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .cf-timeline-content { padding: .875rem 1rem; }\n .cf-timeline-content h3 { font-size: 14px; }\n .cf-timeline-content p { font-size: 13px; }\n .cf-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .cf-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502897029497,"sku":"CE0006","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-hydratante-pour-toute-la-famille-100ml-centifolia-packshothd.webp?v=1777551488"},{"product_id":"centifolia-gel-aloe-vera-bio-200ml","title":"Gel Aloe Vera Equitable \u0026 Bio - 200ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 98% Aloe Vera Bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🤝 Fair for Life\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🌱 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ -55% plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eGel Aloe Vera Équitable \u0026amp; Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia · 200ml · Corps \u0026amp; Cheveux\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eVéritable trésor de la nature, ce soin multi-usages concentré à \u003cstrong\u003e98% en jus pur d'aloe vera biologique\u003c\/strong\u003e hydrate, apaise et régénère la peau comme les cheveux. Une formule minimaliste certifiée Cosmos Organic, pensée pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLes bienfaits du gel aloe vera pour la peau et les cheveux\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eUtilisé depuis l'Antiquité, l'aloe vera est une plante aux multiples propriétés. Riche en vitamines A, C, E, en minéraux et en acides aminés.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eUne hydratation durable, sans effet gras ni film collant sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Action apaisante\u003c\/h3\u003e\n \u003cp\u003eCalme les peaux irritées, échauffées ou sensibilisées en un instant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e✨ Effet régénérant\u003c\/h3\u003e\n \u003cp\u003eAide la peau à retrouver souplesse, confort et éclat naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e❄️ Soin rafraîchissant\u003c\/h3\u003e\n \u003cp\u003eIdéal après l'exposition au soleil pour un effet frais immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💆‍♀️ Nutrition capillaire\u003c\/h3\u003e\n \u003cp\u003eDes cheveux brillants, disciplinés et parfaitement hydratés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Multi-usages famille\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour toutes les envies de soin, dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser votre gel aloe vera Centifolia ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eGrâce à sa texture légère et non collante, l'aloe vera s'adapte à tous vos besoins quotidiens.\u003c\/p\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e☀️ Soin visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez matin et soir sur peau propre, en base hydratante ou en masque express de 10 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🧴 Soin corps\u003c\/h3\u003e\n \u003cp\u003eMassez doucement après la douche pour nourrir votre peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🏖️ Après-soleil\u003c\/h3\u003e\n \u003cp\u003ePlacez le tube au réfrigérateur et appliquez généreusement pour un effet frais immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e🪒 Après-rasage\u003c\/h3\u003e\n \u003cp\u003eCalme les échauffements et les petites irritations après le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003e💇‍♀️ Soin cheveux\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes sur les longueurs pour définir les boucles ou hydrater les pointes sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e mélangez-le à quelques gouttes d'huile végétale pour créer votre propre soin personnalisé, adapté à vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComposition complète : une formule courte et transparente\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eCentifolia mise sur la simplicité pour préserver l'efficacité de l'ingrédient star.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe Barbadensis Leaf Juice* (98%)\u003c\/h3\u003e\n \u003cp\u003eJus d'aloe vera pur issu du commerce équitable, cœur de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Xanthan Gum\u003c\/h3\u003e\n \u003cp\u003eGomme 100% naturelle offrant cette texture gel fluide et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Sodium Benzoate \u0026amp; Potassium Sorbate\u003c\/h3\u003e\n \u003cp\u003eConservateurs doux autorisés en cosmétique biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚖️ Citric Acid\u003c\/h3\u003e\n \u003cp\u003eRégulateur de pH d'origine naturelle pour une formule équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003e*Ingrédient issu de l'agriculture biologique. \u003cstrong\u003e99% du total des ingrédients sont d'origine naturelle\u003c\/strong\u003e. Formule vegan, sans parfum, sans alcool et sans colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éthique et écologique fort\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤝 Fair for Life\u003c\/h3\u003e\n \u003cp\u003eAloe vera issu de plantations mexicaines certifiées, garantissant une juste rémunération des producteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire cosméto-botanique français, au service de soins authentiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ -55% de plastique\u003c\/h3\u003e\n \u003cp\u003eUn tube allégé contenant 2 fois moins de plastique que les contenants classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 100% recyclable\u003c\/h3\u003e\n \u003cp\u003eUn packaging entièrement recyclable pour un geste beauté responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePour qui ce gel est-il recommandé ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-testimonial\"\u003e\n \u003cp class=\"cf-testimonial-text\"\u003e\"Ce soin polyvalent s'adresse à \u003cstrong\u003etoute la famille, dès 3 ans\u003c\/strong\u003e. Il convient particulièrement aux peaux sèches, déshydratées, sensibles ou fragilisées par le soleil. Les cheveux bouclés, frisés ou abîmés y trouveront également un allié précieux pour retrouver douceur et vitalité.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e⚠️ Usage et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'usage externe. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez immédiatement l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique \u003cstrong\u003ene remplace pas un avis médical\u003c\/strong\u003e ni un traitement dermatologique. Pour toute pathologie cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à température ambiante, à l'abri de la lumière directe. Pour un effet fraîcheur renforcé, vous pouvez placer le tube au réfrigérateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f4f9f5;\n --cf-white: #ffffff;\n --cf-primary: #2e8b6e;\n --cf-primary-dark: #1f5f4a;\n --cf-primary-light: #e3f1ea;\n --cf-secondary: #7ab894;\n --cf-accent: #a8d5ba;\n --cf-text: #1a2e26;\n --cf-text-light: #5a6b63;\n --cf-border: #dbe8df;\n --cf-shadow: 0 4px 24px rgba(31,95,74,.08);\n --cf-shadow-lg: 0 12px 48px rgba(31,95,74,.18);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cf-text);\n}\n\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #2e8b6e 0%, #1f5f4a 50%, #164a39 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.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.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.cf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.75rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(46,139,110,.3);\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cf-testimonial {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cf-shadow);\n border-left: 4px solid var(--cf-primary);\n}\n\n.cf-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cf-card {\n padding: 1.125rem;\n }\n .cf-section {\n margin-bottom: 1.75rem;\n }\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cf-grid-compact {\n gap: .625rem;\n }\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n .cf-timeline-content p {\n font-size: 13px;\n }\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cf-testimonial {\n padding: 1.25rem;\n }\n .cf-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502897095033,"sku":"CE0540","price":6.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-aloe-vera-equitable-bio-200ml-centifolia-packshothd.webp?v=1777376875"},{"product_id":"lait-corps-hydratant-pour-toute-la-famille-500ml-centifolia","title":"Lait Corps Hydratant Pour Toute La Famille - 500 ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Ginkgo Biloba français\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e👨‍👩‍👧‍👦 Dès 3 ans\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e♻️ Flacon 50 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLait corps hydratant pour toute la famille\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — 500 ml avec pompe\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eHydratation immédiate, texture fluide et zéro film gras : le soin bio au Ginkgo Biloba qui met toute la famille d'accord.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLait corps hydratant bio Centifolia : le soin familial au Ginkgo Biloba\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eTrouver un \u003cstrong\u003elait hydratant pour le corps\u003c\/strong\u003e qui convienne à toute la famille, y compris aux peaux sensibles des enfants, relève souvent du parcours du combattant.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Hydratation immédiate\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes pour un confort instantané, sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Ginkgo Biloba bio\u003c\/h3\u003e\n \u003cp\u003eOrigine France, riche en flavonoïdes et antioxydants protecteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👶 Dès 3 ans\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Texture fluide\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur sans alourdir la peau. Habillez-vous immédiatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi ce lait hydratant corps fait la différence\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏆 Naturalité maximale\u003c\/h3\u003e\n \u003cp\u003eFormule composée à \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, certifiée bio Ecocert et labellisée COSMOS ORGANIC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes, \u003cstrong\u003esans laisser de film gras\u003c\/strong\u003e. Vous pouvez vous habiller immédiatement après l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🛡️ Barrière cutanée restaurée\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité nourrit intensément et aide à restaurer la barrière cutanée, même pour les \u003cstrong\u003epeaux très sèches\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eQue votre peau soit normale, sèche ou réactive, ce lait lui redonne \u003cstrong\u003econfort et souplesse\u003c\/strong\u003e dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs botaniques soigneusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🍃 Extrait de Ginkgo Biloba bio\u003c\/h3\u003e\n \u003cp\u003eOrigine France, riche en flavonoïdes et antioxydants. Améliore l'hydratation, apaise visiblement et protège des agressions extérieures, notamment les UV.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses vertus nourrissantes et réparatrices, il redonne souplesse et douceur même aux peaux les plus desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💦 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eHumectant naturel qui attire et retient l'eau dans les couches supérieures de l'épiderme pour une hydratation durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-certif-bar\"\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ Certifiée bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-certif-item\"\u003e✅ Sans phtalates ni bisphénol A\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eConseils d'utilisation pour une hydratation optimale\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePrenez votre douche\u003c\/h3\u003e\n \u003cp\u003eNettoyez votre peau comme d'habitude. L'idéal : appliquer le lait juste après, sur une peau encore légèrement tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eDosez avec la pompe\u003c\/h3\u003e\n \u003cp\u003eLe format 500 ml avec pompe permet un dosage précis et une utilisation quotidienne pratique pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eInsistez sur les zones sujettes à la sécheresse : coudes, genoux, tibias et avant-bras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eHabillez-vous immédiatement\u003c\/h3\u003e\n \u003cp\u003eLa texture fluide pénètre en quelques secondes, sans film gras. Matin et\/ou soir selon vos besoins.\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=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement écologique concret\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclable\u003c\/h3\u003e\n \u003cp\u003eFabriqué à 50 % à partir de matériaux recyclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌍 Impact réduit\u003c\/h3\u003e\n \u003cp\u003eDémarche globale du choix des matières premières à l'emballage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eGinkgo Biloba cultivé en France pour réduire l'empreinte carbone.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Vegan \u0026amp; éthique\u003c\/h3\u003e\n \u003cp\u003eAucun test sur les animaux, formule 100 % respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eOpter pour ce lait, c'est prendre soin de votre peau tout en faisant un \u003cstrong\u003egeste responsable pour la planète\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce lait corps ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Les familles\u003c\/h3\u003e\n \u003cp\u003eUn \u003cstrong\u003esoin unique adapté à tous\u003c\/strong\u003e, adultes et enfants dès 3 ans. Fini les flacons qui s'accumulent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Peaux sèches \u0026amp; sensibles\u003c\/h3\u003e\n \u003cp\u003ePeaux sèches, très sèches ou réactives en quête de \u003cstrong\u003econfort quotidien\u003c\/strong\u003e sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚡ Adeptes du bio efficace\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui veulent un \u003cstrong\u003elait hydratant bio\u003c\/strong\u003e, performant et à absorption ultra-rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à toute votre famille une hydratation naturelle, bio et longue durée — dans un geste simple et quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f7f9f4;\n --cf-white: #ffffff;\n --cf-primary: #6b9e3c;\n --cf-primary-dark: #3d6b1e;\n --cf-primary-light: #edf5e4;\n --cf-secondary: #8ab85a;\n --cf-accent: #a0c47e;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #dde8d2;\n --cf-shadow: 0 4px 24px rgba(61,107,30,.08);\n --cf-shadow-lg: 0 12px 48px rgba(61,107,30,.15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1e 0%, #6b9e3c 50%, #8ab85a 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === CERTIF BAR === *\/\n.cf-certif-bar {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .625rem;\n margin-top: 1.5rem;\n}\n\n.cf-certif-item {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 8px 16px;\n background: var(--cf-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-certif-bar {\n gap: .5rem;\n }\n\n .cf-certif-item {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502897553785,"sku":"CE0021","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corps-hydratant-pour-toute-la-famille-500-ml-centifolia-packshothd.webp?v=1775836382"},{"product_id":"lait-nettoyant-hydratant-pour-toute-la-famille-200ml-centifolia","title":"Lait Nettoyant Hydratant Pour Toute La Famille - 200ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e👨‍👩‍👧‍👦 Dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eLait nettoyant hydratant pour toute la famille\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia — La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eUn soin nettoyant bio sans rinçage au Ginkgo Biloba français, pour un visage propre, hydraté et apaisé — de 3 à 99 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eLait nettoyant hydratant visage Centifolia : un soin doux pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVous cherchez un \u003cstrong\u003elait nettoyant hydratant visage\u003c\/strong\u003e capable de prendre soin de toute la famille en un seul geste ?\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eNettoie, démaquille et hydrate sans jamais agresser la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Sans rinçage\u003c\/h3\u003e\n \u003cp\u003eUtilisable sans eau, idéal pour les routines express\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👁️ Visage \u0026amp; yeux\u003c\/h3\u003e\n \u003cp\u003eConvient au visage, aux yeux et au cou en un seul geste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePour tous les types de peaux, même les plus sensibles, dès 3 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUne formule bio enrichie en actifs végétaux d'exception\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eAu cœur de la formule, des actifs botaniques soigneusement sélectionnés pour nettoyer en douceur tout en nourrissant la peau.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Ginkgo Biloba bio français\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant, il protège la peau contre la pollution et le stress oxydatif tout en favorisant une \u003cstrong\u003ehydratation durable\u003c\/strong\u003e. Origine France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio \u0026amp; équitable\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément et restaure le \u003cstrong\u003efilm hydrolipidique\u003c\/strong\u003e pour une peau souple et confortable après chaque nettoyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card cf-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Aloe Vera bio\u003c\/h3\u003e\n \u003cp\u003eCélèbre pour ses vertus \u003cstrong\u003eadoucissantes et rafraîchissantes\u003c\/strong\u003e, il complète la formule pour un confort absolu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eEnsemble, ces actifs offrent un nettoyage tout en douceur qui laisse la peau souple, confortable et parfaitement démaquillée — \u003cstrong\u003emême face au maquillage waterproof\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce lait nettoyant ?\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eUn lait véritablement familial, adapté aux enfants dès 3 ans comme aux adultes, hommes et femmes.\u003c\/p\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌺 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eLa formule sans alcool ni parfum synthétique \u003cstrong\u003erespecte les épidermes fragiles\u003c\/strong\u003e et apaise les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💦 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eLes actifs nourrissants \u003cstrong\u003ecompensent le dessèchement\u003c\/strong\u003e et apportent un réel confort dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e⚖️ Peaux mixtes à normales\u003c\/h3\u003e\n \u003cp\u003eLa texture légère ne surcharge pas la peau et l'aide à \u003cstrong\u003econserver son équilibre naturel\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce lait nettoyant hydratant ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le lait\u003c\/h3\u003e\n \u003cp\u003eDéposez une petite quantité de lait \u003cstrong\u003ematin et\/ou soir\u003c\/strong\u003e sur le visage, les yeux et le cou, à l'aide d'un coton réutilisable ou du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eEffectuez des \u003cstrong\u003emouvements circulaires doux\u003c\/strong\u003e pour éliminer les impuretés, les traces de pollution et le maquillage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePas de rinçage nécessaire\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAucun rinçage n'est nécessaire\u003c\/strong\u003e : essuyez délicatement l'excédent avec un coton ou un tissu doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePoursuivez votre routine\u003c\/h3\u003e\n \u003cp\u003eComplétez avec une \u003cstrong\u003elotion tonique ou un soin hydratant\u003c\/strong\u003e pour une routine beauté optimale.\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=\"cf-section\"\u003e\n \u003ch2\u003eDes engagements éthiques et écologiques forts\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏅 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eDont 32 % issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🐰 Formule vegan\u003c\/h3\u003e\n \u003cp\u003eSans aucun ingrédient d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Sans toxiques\u003c\/h3\u003e\n \u003cp\u003eSans phtalates, bisphénol A, ni parabènes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ Éco-conçu\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclable, composé à 50 % de plastique recyclé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France avec des actifs français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"cf-accordion\"\u003e\n \u003cdetails class=\"cf-accordion-item\"\u003e\n \u003csummary class=\"cf-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"cf-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Butyrospermum Parkii Butter*, Glycerin, Caprylic\/Capric Triglyceride, Cetearyl Alcohol, Aloe Barbadensis Leaf Juice Powder*, Ginkgo Biloba Leaf Extract*, Tocopherol, Glyceryl Stearate, Sodium Stearoyl Glutamate, Xanthan Gum, Benzyl Alcohol, Parfum, Sodium Benzoate, Potassium Sorbate, Citric Acid. \u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🍃 Simplifiez le démaquillage de toute la famille avec une seule formule douce, bio et engagée — 200 ml de soin naturel certifié.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis dermatologique en cas de problème cutané spécifique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cf-cream: #f6f9f4;\n --cf-white: #ffffff;\n --cf-primary: #4a8c3f;\n --cf-primary-dark: #2d5e24;\n --cf-primary-light: #e8f3e5;\n --cf-secondary: #7cb868;\n --cf-accent: #a8d99c;\n --cf-text: #1a1a1a;\n --cf-text-light: #5a5a5a;\n --cf-border: #dde8d9;\n --cf-shadow: 0 4px 24px rgba(42, 94, 36, .08);\n --cf-shadow-lg: 0 12px 48px rgba(42, 94, 36, .15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5e24 0%, #4a8c3f 45%, #7cb868 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 10%, rgba(168,217,156,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cf-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cf-card-ingredient {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cf-accordion {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n box-shadow: var(--cf-shadow);\n overflow: hidden;\n}\n\n.cf-accordion-item {\n border-bottom: 1px solid var(--cf-border);\n margin: 0;\n padding: 0;\n}\n\n.cf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cf-accordion-header:hover {\n background: var(--cf-primary-light);\n}\n\n.cf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cf-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cf-primary);\n transition: transform .2s ease;\n}\n\n.cf-accordion-item[open] .cf-accordion-header::after {\n content: '−';\n}\n\n.cf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cf-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-card-ingredient {\n text-align: left;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502898962809,"sku":"CE0011","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-nettoyant-hydratant-pour-toute-la-famille-200ml-centifo-packshothd.webp?v=1775897181"},{"product_id":"baume-relipidant-neutre-200ml-centifolia","title":"Baume Relipidant Neutre Bio - Hydrate \u0026 Apaise - 200ml - Centifolia","description":"\u003cdiv class=\"cf-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cf-hero\"\u003e\n \u003cdiv class=\"cf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cf-hero-content\"\u003e\n \u003cdiv class=\"cf-badges-top\"\u003e\n \u003cspan class=\"cf-badge\"\u003e🌿 100 % origine naturelle\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🍼 Dès la naissance\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🛡️ Haute tolérance\u003c\/span\u003e\n \u003cspan class=\"cf-badge\"\u003e🏅 Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cf-hero-title\"\u003eBaume Relipidant Neutre Bio\u003c\/span\u003e\n \u003cp class=\"cf-subtitle\"\u003eCentifolia – La cosméto-botanique\u003c\/p\u003e\n \u003cp class=\"cf-description\"\u003eNourrit, répare et apaise les peaux sensibles et réactives de toute la famille. Formulé avec prébiotique actif de chicorée, sans parfum, 200 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eBaume relipidant neutre bio : le soin apaisant pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"cf-section-intro\"\u003eVotre peau tiraille, démange ou réagit au moindre changement de saison ?\u003c\/p\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧴 Hydrate en profondeur\u003c\/h3\u003e\n \u003cp\u003eNourrit et répare le film hydrolipidique pour un confort immédiat et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🤲 Haute tolérance\u003c\/h3\u003e\n \u003cp\u003eSans parfum, testé sous contrôle dermatologique, adapté aux peaux les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient dès la naissance, aux enfants, aux adultes et aux femmes enceintes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌱 Prébiotique actif\u003c\/h3\u003e\n \u003cp\u003eRééquilibre le microbiome cutané grâce à un actif issu de la chicorée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce baume relipidant bio ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-explainer\"\u003e\n \u003cp\u003eContrairement à un simple \u003cstrong\u003ebaume hydratant pour le corps\u003c\/strong\u003e, un soin relipidant agit en profondeur : il restaure le \u003cstrong\u003efilm hydrolipidique naturel\u003c\/strong\u003e de la peau, cette fine couche protectrice qui empêche la déshydratation et protège contre les agressions extérieures.\u003c\/p\u003e\n \u003cp\u003eLorsque ce film est altéré — par le froid, le calcaire, les frottements ou une prédisposition génétique — la peau devient sèche, irritée et sujette aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003ebaume relipidant Centifolia\u003c\/strong\u003e se distingue par son approche complète : il ne se contente pas de nourrir la surface, il \u003cstrong\u003erééquilibre le microbiome cutané\u003c\/strong\u003e grâce à un prébiotique actif issu de la chicorée. Résultat : votre peau retrouve ses défenses naturelles et gagne en confort durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eDes actifs naturels rigoureusement sélectionnés\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels et en vitamines A, D, E et F, il nourrit intensément et forme un bouclier protecteur contre la sécheresse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il procure une sensation de fraîcheur immédiate sur les zones irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌾 Prébiotique de chicorée\u003c\/h3\u003e\n \u003cp\u003eStimule les bonnes bactéries de la flore cutanée pour renforcer la résistance naturelle de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e💧 Polysaccharide naturel\u003c\/h3\u003e\n \u003cp\u003eContribue à consolider la barrière cutanée pour une protection longue durée contre la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, certifiée \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e, sans parfum, sans phtalates et sans bisphénol A. Chaque ingrédient a été choisi pour sa douceur et son efficacité, même sur les peaux les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eComment utiliser ce baume corps super hydratant ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-timeline\"\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eAppliquez matin et soir\u003c\/h3\u003e\n \u003cp\u003eDéposez le baume sur les zones sèches, rugueuses ou inconfortables : coudes, genoux, mains, jambes ou toute autre partie du corps qui en a besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eFaites pénétrer par de légers mouvements circulaires. La texture fondante pénètre rapidement \u003cstrong\u003esans laisser de film gras\u003c\/strong\u003e, agréable même sous les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-item\"\u003e\n \u003cdiv class=\"cf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cf-timeline-content\"\u003e\n \u003ch3\u003ePour les bébés\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le corps en évitant la zone du siège. Ce soin convient \u003cstrong\u003edès la naissance\u003c\/strong\u003e et a été testé sous contrôle dermatologique.\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=\"cf-section\"\u003e\n \u003ch2\u003ePour qui est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n \u003cp\u003eQui manquent de lipides et tiraillent au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003eSujettes aux rougeurs et aux démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e👶 Bébés et femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eUn soin naturel sans parfum, adapté dès la naissance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eUne alternative certifiée aux baumes relipidants conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cf-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"cf-eco-box\"\u003e\n \u003cdiv class=\"cf-grid-compact\"\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e♻️ 30 % recyclé\u003c\/h3\u003e\n \u003cp\u003eLe tube de 200 ml est fabriqué avec 30 % de matériaux recyclés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-card\"\u003e\n \u003ch3\u003e🚫 Zéro substance controversée\u003c\/h3\u003e\n \u003cp\u003ePas de phtalates, pas de bisphénol A, pas de parfum synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cf-tip\"\u003e\n \u003cspan class=\"cf-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eCentifolia va au-delà de la formule : vous prenez soin de votre peau tout en respectant la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA + DISCLAIMER --\u003e\n \u003csection class=\"cf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cf-cta-box\"\u003e\n \u003cp\u003e🧴 Offrez à votre peau le réconfort qu'elle mérite — naturellement, en douceur, dès aujourd'hui.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cf-disclaimer\"\u003eRemarque importante : ce baume relipidant est un soin cosmétique. Il ne remplace en aucun cas un traitement médical prescrit par votre dermatologue. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --cf-cream: #f5f9fb;\n --cf-white: #ffffff;\n --cf-primary: #7cc8d6;\n --cf-primary-dark: #2a7d8e;\n --cf-primary-light: #e6f4f7;\n --cf-secondary: #a8dce5;\n --cf-accent: #4ba8b8;\n --cf-text: #1a2a2e;\n --cf-text-light: #5a6f75;\n --cf-border: #d8e8ec;\n --cf-shadow: 0 4px 24px rgba(42, 125, 142, .08);\n --cf-shadow-lg: 0 12px 48px rgba(42, 125, 142, .15);\n --cf-radius: 20px;\n --cf-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cf-hero {\n position: relative;\n background: linear-gradient(135deg, #2a7d8e 0%, #5cb8c8 40%, #a8dce5 100%);\n border-radius: var(--cf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cf-shadow-lg);\n}\n\n.cf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 60% 20%, rgba(255,255,255,.08) 0%, transparent 30%);\n opacity: 1;\n}\n\n.cf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cf-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.cf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cf-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === EXPLAINER TEXT === *\/\n.cf-explainer {\n max-width: 720px;\n margin: 0 auto 1.5rem;\n}\n\n.cf-explainer p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cf-text-light);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.cf-explainer p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cf-highlight-box {\n background: linear-gradient(135deg, var(--cf-primary-light) 0%, #dff0f4 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 5px solid var(--cf-primary);\n margin-top: 1.25rem;\n}\n\n.cf-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cf-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.cf-card {\n background: var(--cf-white);\n border-radius: var(--cf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cf-shadow-lg);\n border-color: var(--cf-primary);\n}\n\n.cf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cf-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cf-grid-compact .cf-card {\n padding: 1rem;\n}\n\n.cf-grid-compact .cf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cf-grid-compact .cf-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cf-primary), var(--cf-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cf-timeline-content {\n flex: 1;\n background: var(--cf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cf-radius-sm);\n box-shadow: var(--cf-shadow);\n}\n\n.cf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cf-timeline-content p {\n font-size: 14px;\n color: var(--cf-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cf-primary-light);\n border-radius: var(--cf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cf-tip p {\n font-size: 14px;\n color: var(--cf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ECO BOX === *\/\n.cf-eco-box {\n \/* conteneur simple *\/\n}\n\n\/* === CTA === *\/\n.cf-cta-box {\n background: linear-gradient(135deg, var(--cf-primary) 0%, var(--cf-primary-dark) 100%);\n border-radius: var(--cf-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cf-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cf-disclaimer {\n font-size: 12px;\n color: var(--cf-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cf-card {\n padding: 1.125rem;\n }\n\n .cf-section {\n margin-bottom: 1.75rem;\n }\n\n .cf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cf-radius-sm);\n }\n\n .cf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cf-grid-compact {\n gap: .625rem;\n }\n\n .cf-grid-compact .cf-card {\n padding: .75rem;\n }\n\n .cf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cf-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cf-timeline-content h3 {\n font-size: 14px;\n }\n\n .cf-timeline-content p {\n font-size: 13px;\n }\n\n .cf-highlight-box {\n padding: 1rem;\n }\n\n .cf-explainer p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cf-card {\n animation: cfFadeInUp .5s ease backwards;\n }\n .cf-card:nth-child(1) { animation-delay: .05s; }\n .cf-card:nth-child(2) { animation-delay: .1s; }\n .cf-card:nth-child(3) { animation-delay: .15s; }\n .cf-card:nth-child(4) { animation-delay: .2s; }\n .cf-card:nth-child(5) { animation-delay: .25s; }\n .cf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502900732281,"sku":"CE0416","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-relipidant-neutre-bio-hydrate-apaise-200ml-centifolia-packshothd.webp?v=1775898654"},{"product_id":"huile-seche-sublimatrice-visage-corps-cheveux-105ml-centifolia","title":"Centifolia Huile Sèche Sublimatrice Visage Corps \u0026 Cheveux - 100 ml","description":"\u003cdiv class=\"nd-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nd-hero\"\u003e\n \u003cdiv class=\"nd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nd-hero-content\"\u003e\n \u003cdiv class=\"nd-badges-top\"\u003e\n \u003cspan class=\"nd-badge\"\u003e🌿 Certifiée bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e🌸 5 huiles précieuses\u003c\/span\u003e\n \u003cspan class=\"nd-badge\"\u003e✨ 98 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nd-hero-title\"\u003eHuile sèche sublimatrice Nectar Doré\u003c\/span\u003e\n \u003cp class=\"nd-subtitle\"\u003eCentifolia — Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"nd-description\"\u003eUn élixir doré aux 5 huiles précieuses bio pour nourrir, sublimer et illuminer votre peau et vos cheveux en un seul geste, sans aucun fini gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eHuile sèche sublimatrice : un soin multi-usage pour le visage, le corps et les cheveux\u003c\/h2\u003e\n \u003cp class=\"nd-section-intro\"\u003eVous cherchez un soin capable de \u003cstrong\u003enourrir votre peau et sublimer vos cheveux\u003c\/strong\u003e en un seul geste ?\u003c\/p\u003e\n \u003cdiv class=\"nd-grid-compact\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌺 Visage\u003c\/h3\u003e\n \u003cp\u003eNourrit, adoucit et illumine le teint pour un fini satiné et lumineux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e✨ Corps\u003c\/h3\u003e\n \u003cp\u003ePeau satinée, délicatement parfumée, sans aucun film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eBrillance, souplesse et nutrition des longueurs et des pointes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌿 Bio\u003c\/h3\u003e\n \u003cp\u003eCertifiée Ecocert, 98 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"nd-post-grid\"\u003eL'\u003cstrong\u003ehuile sèche sublimatrice Nectar Doré de Centifolia\u003c\/strong\u003e réunit cinq huiles précieuses biologiques dans une formule légère et non grasse. Certifiée bio par Ecocert, elle s'utilise au quotidien sur le visage, le corps et les cheveux pour un fini satiné et lumineux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une huile classique ?\u003c\/h2\u003e\n \u003cdiv class=\"nd-highlight-box\"\u003e\n \u003cp\u003eContrairement à une huile traditionnelle, une \u003cstrong\u003ehuile sèche\u003c\/strong\u003e pénètre très rapidement dans la peau grâce à sa richesse en acides gras polyinsaturés (oméga-3 et oméga-6). Elle ne laisse aucun film gras et peut même s'appliquer sous vos vêtements sans attendre.\u003c\/p\u003e\n \u003cp\u003eC'est l'alternative idéale si vous aimez le confort d'une huile cheveux ou visage, mais que vous redoutez l'effet collant. Ici, Centifolia pousse le concept encore plus loin avec un \u003cstrong\u003eparfum délicat et envoûtant\u003c\/strong\u003e qui accompagne votre routine beauté tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e⚡ Absorption express\u003c\/h3\u003e\n \u003cp\u003ePénètre en quelques secondes, zéro résidu gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e👗 Sous les vêtements\u003c\/h3\u003e\n \u003cp\u003eApplication immédiate, sans attendre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌹 Parfum envoûtant\u003c\/h3\u003e\n \u003cp\u003eUne note florale délicate toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🧴 Toucher satiné\u003c\/h3\u003e\n \u003cp\u003eLe confort d'une huile sans l'effet collant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eCinq huiles précieuses bio au service de votre beauté\u003c\/h2\u003e\n \u003cp class=\"nd-section-intro\"\u003eLa force de cette huile sèche réside dans son cocktail d'actifs soigneusement sélectionnés :\u003c\/p\u003e\n \u003cdiv class=\"nd-grid\"\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌺 Huile de Camélia bio\u003c\/h3\u003e\n \u003cp\u003eStar de la formule, elle nourrit intensément, protège la barrière cutanée et assouplit la fibre capillaire. Particulièrement appréciée pour apporter de la \u003cstrong\u003ebrillance aux cheveux ternes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Huile de Baobab bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines A, D et E, elle redonne \u003cstrong\u003eélasticité et douceur\u003c\/strong\u003e aux peaux les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de Jojoba bio\u003c\/h3\u003e\n \u003cp\u003eTrès proche du sébum humain, elle \u003cstrong\u003erégule la production de sébum\u003c\/strong\u003e et hydrate en profondeur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile d'Argan bio\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés régénérantes, elle \u003cstrong\u003enourrit la peau et les pointes abîmées\u003c\/strong\u003e en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card nd-card-ingredient\"\u003e\n \u003ch3\u003e🤍 Macérât de fleur de Lys blanc bio\u003c\/h3\u003e\n \u003cp\u003eVéritable secret d'éclat, il \u003cstrong\u003eadoucit, unifie et illumine\u003c\/strong\u003e le teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-tip\"\u003e\n \u003cspan class=\"nd-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous utilisez habituellement de l'\u003cstrong\u003ehuile de ricin pour les cheveux\u003c\/strong\u003e afin de les fortifier, cette huile sèche constitue un excellent complément. Là où l'huile de ricin cible la pousse et la densité, l'huile sèche Centifolia apporte nutrition, brillance et souplesse aux longueurs et aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile sèche sublimatrice ?\u003c\/h2\u003e\n \u003cdiv class=\"nd-timeline\"\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez quelques gouttes le matin ou le soir sur une peau propre. Massez délicatement pour faire pénétrer. Vous pouvez l'utiliser seule ou avant votre crème de jour pour booster l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e✨ Sur le corps\u003c\/h3\u003e\n \u003cp\u003eVaporisez généreusement après la douche sur une peau encore légèrement humide. Le résultat : une peau satinée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-item\"\u003e\n \u003cdiv class=\"nd-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nd-timeline-content\"\u003e\n \u003ch3\u003e💇‍♀️ Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez une à deux pressions sur les longueurs et les pointes, sur cheveux secs ou humides, en soin sans rinçage. Idéal pour dompter les frisottis et redonner de l'éclat à votre chevelure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-tip\"\u003e\n \u003cspan class=\"nd-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003ehuile cheveux\u003c\/strong\u003e et corps s'utilise toute l'année, aussi souvent que vous le souhaitez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"nd-section\"\u003e\n \u003ch2\u003eComposition et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"nd-grid-compact\"\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🌿 98 % naturel\u003c\/h3\u003e\n \u003cp\u003eDont 21 % d'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e🔬 Dermatologique\u003c\/h3\u003e\n \u003cp\u003eTestée sous contrôle dermatologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e👐 Tous types\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux et de cheveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eFlacon spray 105 ml recyclable, sans phtalates ni bisphénol A\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nd-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"nd-accordion-item\"\u003e\n \u003csummary class=\"nd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"nd-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas d'allergie à l'un des composants, consultez un professionnel de santé avant utilisation. Conservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nd-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau et vos cheveux le luxe de 5 huiles précieuses bio dans un seul flacon — un geste beauté quotidien, naturel et envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nd-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nd-cream: #faf7f2;\n --nd-white: #ffffff;\n --nd-primary: #c5a45e;\n --nd-primary-dark: #8a6e2f;\n --nd-primary-light: #f5eed9;\n --nd-secondary: #d4a86a;\n --nd-accent: #e8c97a;\n --nd-text: #1a1a1a;\n --nd-text-light: #5a5a5a;\n --nd-border: #e8e0d0;\n --nd-shadow: 0 4px 24px rgba(139, 110, 47, .08);\n --nd-shadow-lg: 0 12px 48px rgba(139, 110, 47, .15);\n --nd-radius: 20px;\n --nd-radius-sm: 12px;\n}\n\n.nd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nd-hero {\n position: relative;\n background: linear-gradient(135deg, #8a6e2f 0%, #c5a45e 45%, #e8c97a 100%);\n border-radius: var(--nd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nd-shadow-lg);\n}\n\n.nd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 1px, transparent 1px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 3px, transparent 3px);\n background-size: 80px 80px, 120px 120px, 60px 60px;\n opacity: .6;\n}\n\n.nd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nd-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nd-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.nd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.nd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nd-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.nd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nd-primary), var(--nd-secondary));\n border-radius: 2px;\n}\n\n.nd-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nd-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nd-post-grid {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--nd-text-light);\n margin-top: 1.25rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nd-card {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nd-shadow-lg);\n border-color: var(--nd-primary);\n}\n\n.nd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card ingredient variant *\/\n.nd-card-ingredient {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.nd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nd-grid-compact .nd-card {\n padding: 1rem;\n}\n\n.nd-grid-compact .nd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nd-grid-compact .nd-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.nd-highlight-box {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nd-shadow);\n border-left: 4px solid var(--nd-accent);\n}\n\n.nd-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--nd-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.nd-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.nd-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nd-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nd-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nd-primary), var(--nd-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(197, 164, 94, .3);\n}\n\n.nd-timeline-content {\n flex: 1;\n background: var(--nd-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nd-radius-sm);\n box-shadow: var(--nd-shadow);\n}\n\n.nd-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nd-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nd-timeline-content p {\n font-size: 14px;\n color: var(--nd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.nd-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nd-primary-light);\n border-radius: var(--nd-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nd-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nd-tip p {\n font-size: 14px;\n color: var(--nd-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nd-accordion {\n background: var(--nd-white);\n border-radius: var(--nd-radius);\n box-shadow: var(--nd-shadow);\n overflow: hidden;\n}\n\n.nd-accordion-item {\n border-bottom: 1px solid var(--nd-border);\n margin: 0;\n padding: 0;\n}\n\n.nd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nd-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nd-accordion-header:hover {\n background: var(--nd-primary-light);\n}\n\n.nd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nd-primary);\n transition: transform .2s ease;\n}\n\n.nd-accordion-item[open] .nd-accordion-header::after {\n content: '−';\n}\n\n.nd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nd-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nd-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.nd-cta-box {\n background: linear-gradient(135deg, var(--nd-primary) 0%, var(--nd-primary-dark) 100%);\n border-radius: var(--nd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nd-disclaimer {\n font-size: 12px;\n color: var(--nd-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nd-card {\n padding: 1.125rem;\n }\n\n .nd-card-ingredient {\n text-align: center;\n }\n\n .nd-section {\n margin-bottom: 1.75rem;\n }\n\n .nd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nd-radius-sm);\n }\n\n .nd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nd-grid-compact {\n gap: .625rem;\n }\n\n .nd-grid-compact .nd-card {\n padding: .75rem;\n }\n\n .nd-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nd-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nd-timeline-content h3 {\n font-size: 14px;\n }\n\n .nd-timeline-content p {\n font-size: 13px;\n }\n\n .nd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nd-highlight-box {\n padding: 1.25rem;\n }\n\n .nd-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nd-card {\n animation: ndFadeInUp .5s ease backwards;\n }\n .nd-card:nth-child(1) { animation-delay: .05s; }\n .nd-card:nth-child(2) { animation-delay: .1s; }\n .nd-card:nth-child(3) { animation-delay: .15s; }\n .nd-card:nth-child(4) { animation-delay: .2s; }\n .nd-card:nth-child(5) { animation-delay: .25s; }\n .nd-card:nth-child(6) { animation-delay: .3s; }\n\n .nd-timeline-item {\n animation: ndFadeInUp .5s ease backwards;\n }\n .nd-timeline-item:nth-child(1) { animation-delay: .05s; }\n .nd-timeline-item:nth-child(2) { animation-delay: .15s; }\n .nd-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes ndFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CENTIFOLIA","offers":[{"title":"Default Title","offer_id":53502901191033,"sku":"CE0241","price":21.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/centifolia-huile-seche-sublimatrice-visage-corps-cheveux-100-lifestyle.webp?v=1775832691"},{"product_id":"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-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":"eau-florale-rose-bio-saint-hilaire-200ml","title":"Eau Florale de Rose Bio - Saint-Hilaire - 200 ml","description":"\u003cdiv class=\"efr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"efr-hero\"\u003e\n \u003cdiv class=\"efr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"efr-hero-content\"\u003e\n \u003cdiv class=\"efr-badges-top\"\u003e\n \u003cspan class=\"efr-badge\"\u003e🌹 Rosa x damascena\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e🇫🇷 Distillée en Auvergne\u003c\/span\u003e\n \u003cspan class=\"efr-badge\"\u003e♻️ Flacon 100 % recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"efr-hero-title\"\u003eEau Florale de Rose Bio\u003c\/span\u003e\n \u003cp class=\"efr-subtitle\"\u003eDistillerie Saint-Hilaire — 200 ml\u003c\/p\u003e\n \u003cp class=\"efr-description\"\u003eL'éclat naturel de la rose de Damas, capturé dans un hydrolat pur, biologique et équitable. 98 % d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eEau florale de Rose de Damas bio : le secret d'une peau lumineuse\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eVous cherchez une \u003cstrong\u003eeau de rose pour le visage\u003c\/strong\u003e qui soit à la fois pure, efficace et respectueuse de votre peau ?\u003c\/p\u003e\n \u003cdiv class=\"efr-testimonial\"\u003e\n \u003cp class=\"efr-testimonial-text\"\u003eCette eau florale de Rose bio de la Distillerie Saint-Hilaire est obtenue par distillation à la vapeur d'eau de pétales de \u003cstrong\u003eRosa x damascena\u003c\/strong\u003e, cultivés en agriculture biologique et équitable. Chaque flacon concentre toute la délicatesse et la puissance de la rose de Damas, sans aucun ajout de parfum ni de conservateur synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003ePourquoi appliquer de l'eau de rose sur le visage ?\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eUn incontournable des rituels de beauté naturelle depuis des siècles. Des résultats visibles dès les premières applications.\u003c\/p\u003e\n \u003cdiv class=\"efr-grid\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e✨ Astringente et purifiante\u003c\/h3\u003e\n \u003cp\u003eElle aide à resserrer les pores dilatés et affine visiblement le grain de peau, idéale après le nettoyage du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e👁️ Décongestionnante\u003c\/h3\u003e\n \u003cp\u003eAppliquée en compresse fraîche sur les yeux, elle atténue les poches et les cernes liés à la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e💧 Hydratante\u003c\/h3\u003e\n \u003cp\u003eElle préserve le film hydrolipidique de la peau et prépare parfaitement l'épiderme à recevoir votre sérum ou votre crème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌸 Apaisante\u003c\/h3\u003e\n \u003cp\u003eElle calme les rougeurs, les tiraillements et les sensations d'inconfort, même sur les peaux les plus sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🛡️ Protectrice\u003c\/h3\u003e\n \u003cp\u003eElle forme un voile protecteur contre les agressions extérieures comme la pollution ou le vent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eComment utiliser cette eau de rose au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eIntégrer l'eau de rose dans votre routine est très simple. Voici un rituel beauté en trois étapes pour un teint frais et éclatant.\u003c\/p\u003e\n \u003cdiv class=\"efr-timeline\"\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, directement sur le visage, ou imbibez un coton réutilisable que vous passez délicatement sur l'ensemble du visage et du cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003eQuelques secondes sans frotter : la peau absorbe naturellement les actifs de la rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-item\"\u003e\n \u003cdiv class=\"efr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"efr-timeline-content\"\u003e\n \u003ch3\u003eAppliquez votre soin\u003c\/h3\u003e\n \u003cp\u003eVotre soin hydratant habituel (sérum, huile végétale ou crème) pour sceller l'hydratation et maximiser les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-tip\"\u003e\n \u003cspan class=\"efr-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e conservez votre flacon au réfrigérateur pour un effet fraîcheur décuplé, particulièrement agréable en été ou sur les yeux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"efr-grid\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌹 Rosa Damascena Flower Water*\u003c\/h3\u003e\n \u003cp\u003eEau florale de rose de Damas issue de la distillation des fleurs. L'ingrédient star de ce soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🌱 Leuconostoc \/ Radish Root Ferment Filtrate\u003c\/h3\u003e\n \u003cp\u003eConservateur naturel obtenu par fermentation de radis, qui préserve la fraîcheur du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e💧 Aqua\u003c\/h3\u003e\n \u003cp\u003eEau purifiée entrant dans la composition de l'hydrolat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🔬 Molécules naturelles de la rose\u003c\/h3\u003e\n \u003cp\u003eCitronellol°, Farnesol°, Geraniol°, Linalool°, Citral°, Eugenol° — naturellement présentes dans la rose de Damas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"efr-disclaimer\"\u003e* 98 % des ingrédients sont issus de l'agriculture biologique. ° Molécules naturellement présentes dans la plante.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003eDes engagements éthiques concrets\u003c\/h2\u003e\n \u003cp class=\"efr-section-intro\"\u003eBien plus qu'une simple eau de rose : un produit qui respecte la planète et les producteurs.\u003c\/p\u003e\n \u003cdiv class=\"efr-grid-compact\"\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert, garantie d'un produit véritablement biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🤝 Fair For Life\u003c\/h3\u003e\n \u003cp\u003eLes producteurs de roses sont rémunérés équitablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e♻️ Flacon recyclé\u003c\/h3\u003e\n \u003cp\u003e200 ml en plastique 100 % recyclé et recyclable, sans suremballage superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"efr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Auvergne\u003c\/h3\u003e\n \u003cp\u003eDistillée par la Distillerie Saint-Hilaire, un savoir-faire artisanal français reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"efr-section\"\u003e\n \u003ch2\u003ePrécautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"efr-accordion\"\u003e\n \u003cdetails class=\"efr-accordion-item\" open\u003e\n \u003csummary class=\"efr-accordion-header\"\u003e⚠️ Précautions et conservation\u003c\/summary\u003e\n \u003cdiv class=\"efr-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez l'application chez les enfants de moins de 3 ans. Conservez le flacon bien fermé, dans un endroit frais et à l'abri de la lumière. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"efr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"efr-cta-box\"\u003e\n \u003cp\u003e🌹 Offrez à votre peau la pureté de la rose de Damas bio — un geste beauté simple, naturel et profondément efficace, matin et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --efr-cream: #f8f5f0;\n --efr-white: #ffffff;\n --efr-primary: #2e3d7c;\n --efr-primary-dark: #1c2754;\n --efr-primary-light: #e8ebf4;\n --efr-secondary: #d4a0b0;\n --efr-accent: #c97d94;\n --efr-text: #1a1a1a;\n --efr-text-light: #5a5a5a;\n --efr-border: #e0ddd8;\n --efr-shadow: 0 4px 24px rgba(46,61,124,.08);\n --efr-shadow-lg: 0 12px 48px rgba(46,61,124,.15);\n --efr-radius: 20px;\n --efr-radius-sm: 12px;\n}\n\n.efr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--efr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.efr-hero {\n position: relative;\n background: linear-gradient(135deg, #1c2754 0%, #2e3d7c 40%, #5a6db5 70%, #d4a0b0 100%);\n border-radius: var(--efr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--efr-shadow-lg);\n}\n\n.efr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(212,160,176,.2) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.efr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.efr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.efr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.efr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.efr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.efr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--efr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.efr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.efr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.efr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--efr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.efr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--efr-primary), var(--efr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.efr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--efr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.efr-card {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--efr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.efr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--efr-shadow-lg);\n border-color: var(--efr-primary);\n}\n\n.efr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--efr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.efr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--efr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.efr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.efr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.efr-grid-compact .efr-card {\n padding: 1rem;\n}\n\n.efr-grid-compact .efr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.efr-grid-compact .efr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.efr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.efr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.efr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--efr-primary), var(--efr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.efr-timeline-content {\n flex: 1;\n background: var(--efr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--efr-radius-sm);\n box-shadow: var(--efr-shadow);\n}\n\n.efr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--efr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.efr-timeline-content p {\n font-size: 14px;\n color: var(--efr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.efr-testimonial {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--efr-shadow);\n border-left: 4px solid var(--efr-secondary);\n}\n\n.efr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--efr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.efr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--efr-primary-light);\n border-radius: var(--efr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.efr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.efr-tip p {\n font-size: 14px;\n color: var(--efr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.efr-accordion {\n background: var(--efr-white);\n border-radius: var(--efr-radius);\n box-shadow: var(--efr-shadow);\n overflow: hidden;\n}\n\n.efr-accordion-item {\n border-bottom: 1px solid var(--efr-border);\n margin: 0;\n padding: 0;\n}\n\n.efr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.efr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--efr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.efr-accordion-header:hover {\n background: var(--efr-primary-light);\n}\n\n.efr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.efr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--efr-primary);\n transition: transform .2s ease;\n}\n\n.efr-accordion-item[open] .efr-accordion-header::after {\n content: '−';\n}\n\n.efr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--efr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.efr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.efr-cta-box {\n background: linear-gradient(135deg, var(--efr-primary) 0%, var(--efr-primary-dark) 50%, #4a3060 100%);\n border-radius: var(--efr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.efr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.efr-disclaimer {\n font-size: 12px;\n color: var(--efr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .efr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .efr-card {\n padding: 1.125rem;\n }\n\n .efr-section {\n margin-bottom: 1.75rem;\n }\n\n .efr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--efr-radius-sm);\n }\n\n .efr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .efr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .efr-grid-compact {\n gap: .625rem;\n }\n\n .efr-grid-compact .efr-card {\n padding: .75rem;\n }\n\n .efr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .efr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .efr-timeline-content h3 {\n font-size: 14px;\n }\n\n .efr-timeline-content p {\n font-size: 13px;\n }\n\n .efr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .efr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .efr-testimonial {\n padding: 1.25rem;\n }\n\n .efr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .efr-card {\n animation: efrFadeInUp .5s ease backwards;\n }\n .efr-card:nth-child(1) { animation-delay: .05s; }\n .efr-card:nth-child(2) { animation-delay: .1s; }\n .efr-card:nth-child(3) { animation-delay: .15s; }\n .efr-card:nth-child(4) { animation-delay: .2s; }\n .efr-card:nth-child(5) { animation-delay: .25s; }\n .efr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes efrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .efr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SAINT-HILAIRE","offers":[{"title":"Default Title","offer_id":54875067482489,"sku":"NBAIDSH0021","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-florale-de-rose-bio-saint-hilaire-200-ml-packshothd.webp?v=1774283652"},{"product_id":"beurre-karite-bio-cacao-najel-100g","title":"Beurre de Karité Parfum Cacao Certifié Bio – 100 g – Najel","description":"\u003cdiv class=\"bk-premium\"\u003e\n \u003cdiv class=\"bk-hero\"\u003e\n \u003cdiv class=\"bk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bk-hero-content\"\u003e\n \u003cdiv class=\"bk-badges-top\"\u003e\n \u003cspan class=\"bk-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e🍫 Parfum Cacao\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e💯 100 % Naturel\u003c\/span\u003e\n \u003cspan class=\"bk-badge\"\u003e✨ Multi-usage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bk-hero-title\"\u003eBeurre de Karité Parfum Cacao Bio\u003c\/span\u003e\n \u003cp class=\"bk-subtitle\"\u003eNajel · 100 g · Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n \u003cp class=\"bk-description\"\u003eOffrez à votre peau et à vos cheveux un soin \u003cstrong\u003enaturel, gourmand et ultra nourrissant\u003c\/strong\u003e. Un pot de 100 g qui allie la richesse du karité brut à la senteur chaleureuse du cacao pour une expérience sensorielle inégalée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eUn beurre de karité bio aux multiples vertus\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eIssu de l'agriculture biologique et certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce beurre de karité concentre acides gras essentiels, vitamines A, E et F, et insaponifiables. Une véritable pépite naturelle.\u003c\/p\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eNourrit les peaux sèches, sensibles ou abîmées et restaure durablement le confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🛡️ Action protectrice\u003c\/h3\u003e\n \u003cp\u003eForme un film lipidique qui protège des agressions extérieures : froid, vent, soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🩹 Soin réparateur\u003c\/h3\u003e\n \u003cp\u003eApaise gerçures, irritations, coudes rugueux, talons secs et vergetures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e✨ Effet anti-âge naturel\u003c\/h3\u003e\n \u003cp\u003eGrâce à ses antioxydants, il préserve la souplesse et l'éclat de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eBeurre de karité et cheveux : un duo d'exception\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003eVous vous demandez comment utiliser le beurre de karité dans les cheveux ? C'est l'allié précieux des chevelures sèches, crépues, frisées ou abîmées. Il gaine la fibre, discipline les frisottis et apporte brillance et douceur.\u003c\/p\u003e\n \u003cdiv class=\"bk-timeline\"\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e🛁 En masque avant-shampoing\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette sur cheveux humides, des longueurs aux pointes. Laissez poser 30 minutes puis lavez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e💆‍♀️ En soin sans rinçage\u003c\/h3\u003e\n \u003cp\u003eUne infime quantité chauffée entre les paumes suffit pour dompter les pointes sèches au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-item\"\u003e\n \u003cdiv class=\"bk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bk-timeline-content\"\u003e\n \u003ch3\u003e🌸 Pour le cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eMassage doux pour apaiser et nourrir en profondeur les zones les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-tip\"\u003e\n \u003cspan class=\"bk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous cherchiez une alternative au célèbre \u003cstrong\u003eAroma Zone beurre de karité\u003c\/strong\u003e, la version Najel séduit par sa qualité bio, sa traçabilité et son délicat parfum cacao naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"bk-composition\"\u003e\n \u003ch3\u003e🌱 Ingrédients (INCI)\u003c\/h3\u003e\n \u003cp class=\"bk-inci\"\u003eButyrospermum Parkii (Shea) Butter*, Parfum (Fragrance), Benzyl Benzoate, Benzyl Cinnamate.\u003c\/p\u003e\n \u003cp class=\"bk-inci-note\"\u003e\u003cem\u003e*Issu de l'agriculture biologique. 100 % du total des ingrédients sont d'origine naturelle. 96 % sont issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-grid-compact\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans silicone\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans huile minérale\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🚫 Sans colorant de synthèse\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"bk-section-intro\"\u003ePrélevez une petite quantité de beurre, réchauffez-la entre vos doigts jusqu'à fonte, puis appliquez selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"bk-grid\"\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👤 Sur le visage\u003c\/h3\u003e\n \u003cp\u003eEn soin nourrissant ciblé sur les zones sèches et inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e🌟 Sur le corps\u003c\/h3\u003e\n \u003cp\u003eMassez après la douche pour une peau veloutée et délicatement parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e👄 Sur les lèvres\u003c\/h3\u003e\n \u003cp\u003eComme baume réparateur en cas de gerçures ou de lèvres desséchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-card\"\u003e\n \u003ch3\u003e💇‍♀️ Sur les cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque profond ou soin coiffant pour gainer et sublimer les pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bk-tip\"\u003e\n \u003cspan class=\"bk-tip-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière. À fortes températures, le beurre peut se liquéfier sans altérer ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"bk-cta-box\"\u003e\n \u003cp\u003eMarque pionnière des cosmétiques naturels d'inspiration orientale, \u003cstrong\u003eNajel\u003c\/strong\u003e sélectionne des matières premières d'une grande pureté, dans le respect des savoir-faire traditionnels et de l'environnement. Avec ce beurre de karité parfum cacao, vous adoptez une routine \u003cstrong\u003esensorielle, éthique et efficace\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bk-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --bk-cream: #faf6f1;\n --bk-white: #ffffff;\n --bk-primary: #d68a5b;\n --bk-primary-dark: #8b4a2b;\n --bk-primary-light: #fbeee2;\n --bk-secondary: #5d3a24;\n --bk-accent: #c9a87a;\n --bk-text: #2a1810;\n --bk-text-light: #6b5645;\n --bk-border: #e8dccd;\n --bk-shadow: 0 4px 24px rgba(139, 74, 43, .08);\n --bk-shadow-lg: 0 12px 48px rgba(139, 74, 43, .15);\n --bk-radius: 20px;\n --bk-radius-sm: 12px;\n }\n\n .bk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bk-text);\n line-height: 1.6;\n }\n\n .bk-hero {\n position: relative;\n background: linear-gradient(135deg, #d68a5b 0%, #b86a3e 50%, #8b4a2b 100%);\n border-radius: var(--bk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bk-shadow-lg);\n }\n\n .bk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .6;\n }\n\n .bk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .bk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .bk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n }\n\n .bk-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n .bk-description strong {\n color: white;\n }\n\n .bk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .bk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .bk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .bk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .bk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .bk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bk-primary), var(--bk-secondary));\n border-radius: 2px;\n }\n\n .bk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bk-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .bk-card {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .bk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bk-shadow-lg);\n border-color: var(--bk-primary);\n }\n\n .bk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .bk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .bk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .bk-grid-compact .bk-card {\n padding: 1rem;\n }\n\n .bk-grid-compact .bk-card h3 {\n font-size: 14px;\n margin-bottom: 0;\n }\n\n .bk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .bk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .bk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bk-primary), var(--bk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: var(--bk-shadow);\n }\n\n .bk-timeline-content {\n flex: 1;\n background: var(--bk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bk-radius-sm);\n box-shadow: var(--bk-shadow);\n }\n\n .bk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bk-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .bk-timeline-content p {\n font-size: 14px;\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .bk-composition {\n background: var(--bk-white);\n border-radius: var(--bk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bk-shadow);\n border-left: 4px solid var(--bk-primary);\n max-width: 900px;\n margin: 0 auto;\n }\n\n .bk-composition h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bk-primary-dark);\n margin: 0 0 .75rem 0;\n }\n\n .bk-inci {\n font-size: 14px;\n color: var(--bk-text);\n margin: 0 0 .75rem 0;\n line-height: 1.7;\n }\n\n .bk-inci-note {\n font-size: 13px;\n color: var(--bk-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bk-primary-light);\n border-radius: var(--bk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .bk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .bk-tip p {\n font-size: 14px;\n color: var(--bk-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .bk-cta-box {\n background: linear-gradient(135deg, var(--bk-primary) 0%, var(--bk-primary-dark) 100%);\n border-radius: var(--bk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--bk-shadow-lg);\n }\n\n .bk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .bk-cta-box strong {\n color: white;\n font-weight: 800;\n }\n\n .bk-disclaimer {\n font-size: 12px;\n color: var(--bk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 767px) {\n .bk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bk-card {\n padding: 1.125rem;\n }\n\n .bk-section {\n margin-bottom: 1.75rem;\n }\n\n .bk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bk-radius-sm);\n }\n\n .bk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bk-grid-compact {\n gap: .625rem;\n }\n\n .bk-grid-compact .bk-card {\n padding: .75rem;\n }\n\n .bk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bk-timeline-content h3 {\n font-size: 14px;\n }\n\n .bk-timeline-content p {\n font-size: 13px;\n }\n\n .bk-composition {\n padding: 1.25rem;\n }\n\n .bk-tip {\n padding: .875rem 1rem;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .bk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bk-card:nth-child(1) { animation-delay: .05s; }\n .bk-card:nth-child(2) { animation-delay: .1s; }\n .bk-card:nth-child(3) { animation-delay: .15s; }\n .bk-card:nth-child(4) { animation-delay: .2s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .bk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875322777977,"sku":"65131002","price":6.39,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-parfum-cacao-certifie-bio-100-g-najel-lifestyle.webp?v=1778149736"},{"product_id":"savon-alep-huile-olive-najel-200g","title":"Savon d'Alep 100% Huile d'Olive - Najel - 190 g","description":"\u003cdiv class=\"alep-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"alep-hero\"\u003e\n\u003cdiv class=\"alep-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"alep-hero-content\"\u003e\n\u003cdiv class=\"alep-badges-top\"\u003e\n\u003cspan class=\"alep-badge\"\u003e🌿 100% Huile d'Olive\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e🏺 Savoir-faire millénaire\u003c\/span\u003e \u003cspan class=\"alep-badge\"\u003e✨ Tous types de peaux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"alep-hero-title\"\u003eSavon d'Alep Pur Olive\u003c\/span\u003e\n\u003cp class=\"alep-subtitle\"\u003eNajel Méditerranée • 190 g\u003c\/p\u003e\n\u003cp class=\"alep-description\"\u003eL'authentique savon d'Alep fabriqué artisanalement en Syrie depuis plus de 100 ans. Une formule ancestrale d'une pureté absolue pour sublimer votre peau au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eLe savon d'Alep pur olive : un héritage millénaire pour votre peau\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eVous cherchez un savon naturel, doux et respectueux de votre peau ? Le \u003cstrong\u003esavon d'Alep 100% huile d'olive de Najel\u003c\/strong\u003e est probablement l'un des soins les plus anciens et les plus purs que vous puissiez offrir à votre corps.\u003c\/p\u003e\n\u003cdiv class=\"alep-highlight-box\"\u003e\n\u003cp\u003eFabriqué selon une méthode artisanale transmise depuis des générations à Alep, en Syrie, ce savon incarne la simplicité et l'efficacité des soins traditionnels méditerranéens. Cette version \u003cstrong\u003e100% huile d'olive\u003c\/strong\u003e est spécialement formulée pour offrir une douceur incomparable, idéale pour tous les types de peaux, y compris les plus sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003ePourquoi choisir un savon d'Alep à l'huile d'olive ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eL'huile d'olive est utilisée depuis l'Antiquité pour ses propriétés nourrissantes exceptionnelles. Dans ce savon d'Alep naturel, elle constitue l'ingrédient principal et unique.\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eRiche en oméga-9 et vitamines A et E, l'huile d'olive nourrit votre peau en profondeur sans laisser de film gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants présents aident à protéger la peau des agressions extérieures et du vieillissement cutané prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌸 Douceur absolue\u003c\/h3\u003e\n\u003cp\u003eSans huile de laurier, ce savon est particulièrement adapté aux peaux réactives, aux bébés et aux personnes allergiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💦 Hydratation préservée\u003c\/h3\u003e\n\u003cp\u003eContrairement aux savons industriels qui assèchent, ce savon respecte le film hydrolipidique de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment est fabriqué ce savon d'Alep authentique ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eLa fabrication du savon d'Alep Najel suit un procédé ancestral qui fait toute la différence avec les savons industriels modernes.\u003c\/p\u003e\n\u003cdiv class=\"alep-timeline\"\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cdiv class=\"alep-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eSaponification traditionnelle\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive de première qualité est chauffée doucement avec de la soude naturelle dans de grandes cuves, selon une méthode transmise de père en fils.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cdiv class=\"alep-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eSéchage prolongé\u003c\/h3\u003e\n\u003cp\u003eAprès découpe, chaque savon sèche pendant plusieurs mois, voire années. C'est ce qui explique sa couleur brune à l'extérieur et son cœur vert olive caractéristique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-item\"\u003e\n\u003cdiv class=\"alep-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"alep-timeline-content\"\u003e\n\u003ch3\u003eAucun additif\u003c\/h3\u003e\n\u003cp\u003ePas de parfum, pas de colorant, pas de conservateur. Juste l'essentiel pour votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe temps de séchage exceptionnel garantit un savon plus dur, plus économique à l'usage et plus concentré en actifs bénéfiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003ePour qui est fait ce savon d'Alep pur olive ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon d'Alep huile d'olive convient véritablement à tous, mais il sera particulièrement apprécié par :\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🏜️ Peau sèche ou déshydratée\u003c\/h3\u003e\n\u003cp\u003eL'huile d'olive apporte une nutrition profonde sans agresser votre épiderme fragilisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌷 Peau sensible ou réactive\u003c\/h3\u003e\n\u003cp\u003eL'absence de parfum et d'huile de laurier minimise les risques d'irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e⚖️ Peau normale\u003c\/h3\u003e\n\u003cp\u003eEn entretien quotidien, ce savon maintient l'équilibre naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e✨ Cuir chevelu délicat\u003c\/h3\u003e\n\u003cp\u003eUtilisez-le comme shampoing solide occasionnel pour des cheveux doux et brillants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e🎯\u003c\/span\u003e\n\u003cp\u003eLes personnes souffrant de tiraillements après la douche apprécient particulièrement ce savon : votre peau reste souple et confortable, même sans appliquer de crème hydratante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComment utiliser votre savon d'Alep Najel au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon polyvalent s'adapte à toutes vos routines de soin :\u003c\/p\u003e\n\u003cdiv class=\"alep-grid\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🧴 Pour le visage\u003c\/h3\u003e\n\u003cp\u003eFaites mousser le savon entre vos mains humides, puis appliquez la mousse onctueuse sur votre visage en mouvements circulaires. Rincez à l'eau tiède. Parfait matin et soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🚿 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eAppliquez directement sur peau mouillée ou utilisez une éponge naturelle pour créer une mousse généreuse. Massez délicatement et rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eFaites mousser dans vos mains puis appliquez sur cheveux mouillés. Massez le cuir chevelu et rincez. Idéal une à deux fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce précieuse :\u003c\/strong\u003e Entre chaque utilisation, posez votre savon sur un porte-savon aéré qui permet à l'eau de s'écouler. Il durera ainsi plusieurs mois, même avec une utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eSavon d'Alep huile d'olive vs savon d'Alep huile d'olive et laurier : quelle différence ?\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eVous vous demandez peut-être pourquoi choisir un savon d'Alep sans huile de laurier ?\u003c\/p\u003e\n\u003cdiv class=\"alep-comparison\"\u003e\n\u003cdiv class=\"alep-comparison-item\"\u003e\n\u003cdiv class=\"alep-comparison-header alep-comparison-laurier\"\u003e\n\u003ch3\u003e🌿 Avec huile de laurier\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-comparison-body\"\u003e\n\u003cp\u003ePropriétés purifiantes supplémentaires grâce à l'huile de baies de laurier, reconnue pour son action apaisante sur les peaux à problèmes (eczéma, psoriasis).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-comparison-item\"\u003e\n\u003cdiv class=\"alep-comparison-header alep-comparison-olive\"\u003e\n\u003ch3\u003e🫒 100% olive (ce savon)\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-comparison-body\"\u003e\n\u003cp\u003ePlus doux et mieux toléré par les peaux très sensibles ou allergiques. C'est le choix idéal pour une utilisation familiale quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-tip\"\u003e\n\u003cspan class=\"alep-tip-icon\"\u003e👍\u003c\/span\u003e\n\u003cp\u003eSi vous découvrez le savon d'Alep naturel pour la première fois, cette version pure olive est un excellent point de départ pour apprécier les bienfaits de ce soin ancestral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eUn choix écologique et responsable\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eOpter pour le savon d'Alep Najel, c'est aussi faire un geste pour la planète :\u003c\/p\u003e\n\u003cdiv class=\"alep-grid-compact\"\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n\u003cp\u003eSimple emballage papier recyclable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🌍 Biodégradable\u003c\/h3\u003e\n\u003cp\u003eFormule 100% naturelle sans pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e💰 Économique\u003c\/h3\u003e\n\u003cp\u003e190 g qui dure des mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-card\"\u003e\n\u003ch3\u003e🎯 Multi-usage\u003c\/h3\u003e\n\u003cp\u003eVisage, corps et cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eLa marque Najel : gardienne d'un savoir-faire unique\u003c\/h2\u003e\n\u003cdiv class=\"alep-testimonial\"\u003e\n\u003cp class=\"alep-testimonial-text\"\u003e\"Najel est une entreprise familiale franco-syrienne qui perpétue depuis plus de 100 ans l'art du savon d'Alep authentique. Malgré les difficultés liées au contexte syrien, la famille continue de produire des savons de qualité exceptionnelle, fidèles aux recettes originales. En choisissant Najel, vous soutenez un artisanat précieux et vous avez la garantie d'un produit véritablement fabriqué à Alep, et non une imitation industrielle.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"alep-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cp class=\"alep-section-intro\"\u003eCe savon d'Alep affiche une liste d'ingrédients d'une simplicité exemplaire :\u003c\/p\u003e\n\u003cdiv class=\"alep-ingredients\"\u003e\n\u003cdiv class=\"alep-ingredient\"\u003e\n\u003cspan class=\"alep-ingredient-name\"\u003eSodium Olivate\u003c\/span\u003e \u003cspan class=\"alep-ingredient-desc\"\u003eHuile d'olive saponifiée – nutrition et douceur\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-ingredient\"\u003e\n\u003cspan class=\"alep-ingredient-name\"\u003eAqua\u003c\/span\u003e \u003cspan class=\"alep-ingredient-desc\"\u003eEau purifiée – processus de saponification\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-ingredient\"\u003e\n\u003cspan class=\"alep-ingredient-name\"\u003eSodium Hydroxide\u003c\/span\u003e \u003cspan class=\"alep-ingredient-desc\"\u003eSoude naturelle – disparaît totalement lors de la réaction\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"alep-badges-clean\"\u003e\n\u003cspan class=\"alep-badge-clean\"\u003eSans parfum\u003c\/span\u003e \u003cspan class=\"alep-badge-clean\"\u003eSans colorant\u003c\/span\u003e \u003cspan class=\"alep-badge-clean\"\u003eSans conservateur\u003c\/span\u003e \u003cspan class=\"alep-badge-clean\"\u003eSans huile de palme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"alep-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"alep-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la pureté d'un soin millénaire. Un savon, mille bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"alep-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --alep-cream: #F5F3EF;\n --alep-white: #ffffff;\n --alep-primary: #6B8E6B;\n --alep-primary-dark: #4A6B4A;\n --alep-primary-light: #E8F0E8;\n --alep-secondary: #8B7355;\n --alep-accent: #A67C52;\n --alep-text: #1a1a1a;\n --alep-text-light: #5a5a5a;\n --alep-border: #e0e0e0;\n --alep-shadow: 0 4px 24px rgba(0,0,0,.08);\n --alep-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --alep-radius: 20px;\n --alep-radius-sm: 12px;\n}\n\n.alep-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alep-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.alep-hero {\n position: relative;\n background: linear-gradient(135deg, #6B8E6B 0%, #4A6B4A 50%, #3D5A3D 100%);\n border-radius: var(--alep-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(--alep-shadow-lg);\n}\n\n.alep-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.alep-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alep-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alep-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(--alep-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alep-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.alep-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.alep-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n}\n\n.alep-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.alep-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alep-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alep-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.alep-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(--alep-primary), var(--alep-accent));\n border-radius: 2px;\n}\n\n.alep-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-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.alep-highlight-box {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alep-shadow);\n border-left: 4px solid var(--alep-primary);\n}\n\n.alep-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.alep-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-card {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alep-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alep-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alep-shadow-lg);\n border-color: var(--alep-primary);\n}\n\n.alep-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alep-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alep-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.alep-grid-compact .alep-card {\n padding: 1rem;\n}\n\n.alep-grid-compact .alep-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.alep-grid-compact .alep-card p {\n font-size: 12px;\n}\n\n.alep-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.alep-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alep-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-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.alep-timeline-content {\n flex: 1;\n background: var(--alep-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alep-radius-sm);\n box-shadow: var(--alep-shadow);\n}\n\n.alep-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alep-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alep-timeline-content p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.alep-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alep-primary-light);\n border-radius: var(--alep-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.alep-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alep-tip p {\n font-size: 14px;\n color: var(--alep-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.alep-comparison-item {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n overflow: hidden;\n box-shadow: var(--alep-shadow);\n}\n\n.alep-comparison-header {\n padding: 1rem 1.25rem;\n text-align: center;\n}\n\n.alep-comparison-header h3 {\n margin: 0;\n font-size: 16px;\n font-weight: 700;\n color: white;\n}\n\n.alep-comparison-laurier {\n background: linear-gradient(135deg, var(--alep-secondary), #6B5A45);\n}\n\n.alep-comparison-olive {\n background: linear-gradient(135deg, var(--alep-primary), var(--alep-primary-dark));\n}\n\n.alep-comparison-body {\n padding: 1.25rem;\n}\n\n.alep-comparison-body p {\n font-size: 14px;\n color: var(--alep-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alep-testimonial {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alep-shadow);\n border-left: 4px solid var(--alep-accent);\n}\n\n.alep-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alep-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.alep-ingredients {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--alep-shadow);\n margin-bottom: 1.25rem;\n}\n\n.alep-ingredient {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n padding: .75rem 0;\n border-bottom: 1px solid var(--alep-border);\n}\n\n.alep-ingredient:last-child {\n border-bottom: none;\n}\n\n.alep-ingredient-name {\n font-weight: 700;\n color: var(--alep-primary-dark);\n font-size: 15px;\n}\n\n.alep-ingredient-desc {\n font-size: 13px;\n color: var(--alep-text-light);\n}\n\n.alep-badges-clean {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.alep-badge-clean {\n padding: 6px 14px;\n background: var(--alep-primary-light);\n color: var(--alep-primary-dark);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n}\n\n.alep-accordion {\n background: var(--alep-white);\n border-radius: var(--alep-radius);\n box-shadow: var(--alep-shadow);\n overflow: hidden;\n}\n\n.alep-accordion-item {\n border-bottom: 1px solid var(--alep-border);\n margin: 0;\n padding: 0;\n}\n\n.alep-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alep-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alep-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.alep-accordion-header:hover {\n background: var(--alep-primary-light);\n}\n\n.alep-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alep-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--alep-primary);\n transition: transform .2s ease;\n}\n\n.alep-accordion-item[open] .alep-accordion-header::after {\n content: '−';\n}\n\n.alep-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alep-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.alep-accordion-content p {\n margin: 0;\n}\n\n.alep-cta-box {\n background: linear-gradient(135deg, var(--alep-primary) 0%, var(--alep-primary-dark) 100%);\n border-radius: var(--alep-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alep-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.alep-disclaimer {\n font-size: 12px;\n color: var(--alep-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .alep-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alep-card {\n padding: 1.125rem;\n }\n \n .alep-section {\n margin-bottom: 1.75rem;\n }\n \n .alep-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alep-radius-sm);\n }\n \n .alep-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alep-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alep-grid-compact {\n gap: .625rem;\n }\n \n .alep-grid-compact .alep-card {\n padding: .75rem;\n }\n \n .alep-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .alep-timeline-content {\n padding: .875rem 1rem;\n }\n \n .alep-timeline-content h3 {\n font-size: 14px;\n }\n \n .alep-timeline-content p {\n font-size: 13px;\n }\n \n .alep-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .alep-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .alep-testimonial {\n padding: 1.25rem;\n }\n \n .alep-testimonial-text {\n font-size: 14px;\n }\n \n .alep-comparison {\n grid-template-columns: 1fr;\n }\n \n .alep-badges-clean {\n gap: .375rem;\n }\n \n .alep-badge-clean {\n padding: 5px 10px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .alep-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alep-card:nth-child(1) { animation-delay: .05s; }\n .alep-card:nth-child(2) { animation-delay: .1s; }\n .alep-card:nth-child(3) { animation-delay: .15s; }\n .alep-card:nth-child(4) { animation-delay: .2s; }\n .alep-card:nth-child(5) { animation-delay: .25s; }\n .alep-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 .alep-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54875685290361,"sku":"NJ0030","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-dalep-100-huile-dolive-najel-190-g-lifestyle.webp?v=1769503917"},{"product_id":"beurre-karite-bio-najel-150-ml","title":"Beurre de Karité Brut Bio - Najel - 100 g","description":"\u003cdiv class=\"nj-premium\"\u003e\n\u003cdiv class=\"nj-hero\"\u003e\n\u003cdiv class=\"nj-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nj-hero-content\"\u003e\n\u003cdiv class=\"nj-badges-top\"\u003e\n\u003cspan class=\"nj-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e✋ Récolte traditionnelle\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e💯 100% brut\u003c\/span\u003e \u003cspan class=\"nj-badge\"\u003e🌍 Afrique de l'Ouest\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nj-hero-title\"\u003eBeurre de Karité Brut Bio\u003c\/span\u003e\n\u003cp class=\"nj-subtitle\"\u003eNajel - 100 g · Visage, corps \u0026amp; cheveux\u003c\/p\u003e\n\u003cp class=\"nj-description\"\u003eUn trésor de la nature, extrait à la main des noix de karité d'Afrique de l'Ouest selon des méthodes traditionnelles. Non raffiné, non désodorisé et certifié Cosmos Organic, il conserve l'intégralité de ses actifs précieux pour offrir à votre peau et à vos cheveux un soin authentique, pur et profondément nourrissant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003ePourquoi choisir un beurre de karité brut et non raffiné ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eContrairement aux versions transformées du marché, ce beurre Najel est \u003cstrong\u003e100 % brut\u003c\/strong\u003e. Sa couleur ivoire à beige et son odeur naturelle légèrement fumée témoignent de son authenticité, garantissant une concentration maximale en actifs.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌟 Vitamines A, D, E \u0026amp; F\u003c\/h3\u003e\n\u003cp\u003eAntioxydants puissants qui luttent activement contre le vieillissement cutané et préservent la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eOléique, stéarique et linoléique : ils nourrissent en profondeur et restructurent durablement l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Insaponifiables jusqu'à 17 %\u003c\/h3\u003e\n\u003cp\u003eDes substances rares aux propriétés réparatrices et protectrices exceptionnelles, signature du karité brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eLes bienfaits du beurre de karité pour la peau\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eVéritable soin polyvalent, le beurre de karité agit en profondeur sur tous les types de peaux, des plus sensibles aux plus matures.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💦 Hydratation intense\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les peaux sèches, déshydratées ou matures, il restaure le film hydrolipidique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌸 Apaisant \u0026amp; calmant\u003c\/h3\u003e\n\u003cp\u003eSoulage les irritations, tiraillements et rougeurs en quelques applications.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🛡️ Bouclier protecteur\u003c\/h3\u003e\n\u003cp\u003eProtège du froid, du vent et du soleil grâce à un léger filtre UV naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🤰 Anti-vergetures\u003c\/h3\u003e\n\u003cp\u003eAide à atténuer les vergetures durant la grossesse et favorise la cicatrisation des gerçures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eBeurre de karité et cheveux : un duo gagnant\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eTradition ancestrale africaine qui a fait ses preuves, le beurre de karité est particulièrement adapté aux cheveux secs, bouclés, frisés, crépus ou abîmés par les colorations.\u003c\/p\u003e\n\u003cdiv class=\"nj-grid\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e💪 Nutrition profonde\u003c\/h3\u003e\n\u003cp\u003eNourrit la fibre capillaire en profondeur et limite efficacement la casse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✨ Brillance \u0026amp; discipline\u003c\/h3\u003e\n\u003cp\u003eDiscipline les frisottis et apporte une brillance naturelle aux longueurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 Cuir chevelu apaisé\u003c\/h3\u003e\n\u003cp\u003eCalme et soulage les cuirs chevelus secs ou irrités en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🛡️ Pointes protégées\u003c\/h3\u003e\n\u003cp\u003eProtège les pointes des agressions extérieures : chaleur, pollution et coiffage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-tip\"\u003e\n\u003cspan class=\"nj-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour appliquer le beurre de karité sur les cheveux, faites-le fondre entre vos paumes et utilisez-le en bain d'huile avant shampoing, en soin sans rinçage sur les pointes, ou en masque nourrissant une fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComment utiliser le beurre de karité Najel ?\u003c\/h2\u003e\n\u003cp class=\"nj-section-intro\"\u003eÀ température ambiante, le beurre est solide. Prélevez une petite noisette, réchauffez-la entre vos doigts jusqu'à obtenir une texture huileuse, puis appliquez selon vos besoins.\u003c\/p\u003e\n\u003cdiv class=\"nj-timeline\"\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e👁️ Sur le visage\u003c\/h3\u003e\n\u003cp\u003eEn soin de nuit ou contour des yeux, en très fine couche pour une régénération nocturne optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🧴 Sur le corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, sur peau légèrement humide pour une absorption optimale et une peau veloutée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn masque avant-shampoing ou directement sur les longueurs sèches pour nourrir intensément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-item\"\u003e\n\u003cdiv class=\"nj-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nj-timeline-content\"\u003e\n\u003ch3\u003e🎯 En zones ciblées\u003c\/h3\u003e\n\u003cp\u003eCoudes, genoux, talons, lèvres gercées : un soin SOS pour les zones les plus sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nj-section\"\u003e\n\u003ch2\u003eComposition 100 % naturelle\u003c\/h2\u003e\n\u003cdiv class=\"nj-testimonial\"\u003e\n\u003cp class=\"nj-testimonial-text\"\u003e\"\u003cstrong\u003eINCI\u003c\/strong\u003e : Butyrospermum Parkii (Shea) Butter*. \u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003cbr\u003e\u003cbr\u003eUn seul ingrédient, brut et certifié bio. Sans parfum, sans conservateur, sans additif. Conditionnement : pot de \u003cstrong\u003e100 g\u003c\/strong\u003e.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"nj-grid-compact\"\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🌿 1 ingrédient\u003c\/h3\u003e\n\u003cp\u003e100% beurre de karité bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e🚫 0 additif\u003c\/h3\u003e\n\u003cp\u003eSans parfum ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e✅ Certifié\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nj-card\"\u003e\n\u003ch3\u003e📦 Format\u003c\/h3\u003e\n\u003cp\u003ePot de 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"nj-section\"\u003e\n\u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"nj-accordion\"\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e⚠️ Conseils d'utilisation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eRéservé à l'usage cosmétique externe. Évitez le contact avec les yeux. En cas de réaction, cessez l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🥜 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques au latex (traces possibles).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne remplace en aucun cas un traitement médical : consultez un professionnel de santé en cas de problème dermatologique persistant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nj-accordion-item\"\u003e\n\u003csummary class=\"nj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nj-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez à l'abri de la chaleur et de la lumière pour préserver toutes les qualités du beurre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --nj-cream: #fdf8f3;\n --nj-white: #ffffff;\n --nj-primary: #d68449;\n --nj-primary-dark: #8b4a1f;\n --nj-primary-light: #fbeadb;\n --nj-secondary: #c46a2e;\n --nj-accent: #5a3a1f;\n\n --nj-text: #2a1a0f;\n --nj-text-light: #6b5547;\n\n --nj-border: #ebd9c5;\n --nj-shadow: 0 4px 24px rgba(139, 74, 31, .08);\n --nj-shadow-lg: 0 12px 48px rgba(139, 74, 31, .18);\n --nj-radius: 20px;\n --nj-radius-sm: 12px;\n}\n\n.nj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--nj-text);\n}\n\n.nj-hero {\n position: relative;\n background: linear-gradient(135deg, #e89556 0%, #d68449 50%, #b8612a 100%);\n border-radius: var(--nj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nj-shadow-lg);\n}\n\n.nj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 25%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 30%);\n opacity: .15;\n}\n\n.nj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nj-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.nj-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.nj-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.nj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.nj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nj-primary), var(--nj-secondary));\n border-radius: 2px;\n}\n\n.nj-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nj-card {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nj-shadow-lg);\n border-color: var(--nj-primary);\n}\n\n.nj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nj-grid-compact .nj-card {\n padding: 1rem;\n}\n\n.nj-grid-compact .nj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nj-grid-compact .nj-card p {\n font-size: 12px;\n}\n\n.nj-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nj-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nj-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nj-primary), var(--nj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(214, 132, 73, .35);\n}\n\n.nj-timeline-content {\n flex: 1;\n background: var(--nj-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nj-radius-sm);\n box-shadow: var(--nj-shadow);\n}\n\n.nj-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nj-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nj-timeline-content p {\n font-size: 14px;\n color: var(--nj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.nj-testimonial {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nj-shadow);\n border-left: 4px solid var(--nj-primary);\n}\n\n.nj-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nj-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.nj-accordion {\n background: var(--nj-white);\n border-radius: var(--nj-radius);\n box-shadow: var(--nj-shadow);\n overflow: hidden;\n}\n\n.nj-accordion-item {\n border-bottom: 1px solid var(--nj-border);\n margin: 0;\n padding: 0;\n}\n\n.nj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nj-accordion-header:hover {\n background: var(--nj-primary-light);\n}\n\n.nj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nj-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--nj-primary);\n transition: transform .2s ease;\n}\n\n.nj-accordion-item[open] .nj-accordion-header::after {\n content: '−';\n}\n\n.nj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nj-accordion-content p {\n margin: 0;\n}\n\n.nj-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nj-primary-light);\n border-radius: var(--nj-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--nj-primary);\n}\n\n.nj-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nj-tip p {\n font-size: 14px;\n color: var(--nj-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .nj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nj-card {\n padding: 1.125rem;\n }\n \n .nj-section {\n margin-bottom: 1.75rem;\n }\n \n .nj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nj-radius-sm);\n }\n \n .nj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nj-grid-compact {\n gap: .625rem;\n }\n \n .nj-grid-compact .nj-card {\n padding: .75rem;\n }\n \n .nj-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nj-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nj-timeline-content h3 {\n font-size: 14px;\n }\n \n .nj-timeline-content p {\n font-size: 13px;\n }\n \n .nj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nj-testimonial {\n padding: 1.25rem;\n }\n \n .nj-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .nj-card {\n animation: njFadeInUp .5s ease backwards;\n }\n .nj-card:nth-child(1) { animation-delay: .05s; }\n .nj-card:nth-child(2) { animation-delay: .1s; }\n .nj-card:nth-child(3) { animation-delay: .15s; }\n .nj-card:nth-child(4) { animation-delay: .2s; }\n .nj-card:nth-child(5) { animation-delay: .25s; }\n .nj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes njFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .nj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54878508319097,"sku":"NJ0225","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beurre-de-karite-brut-bio-najel-100-g-lifestyle.webp?v=1778142956"},{"product_id":"huile-absolu-nectar-karite-50ml","title":"Absolu Nectar - Huile Corps \u0026 Cheveux 49,3% de Karité - 50ml K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Absolu Nectar - Huile Corps \u0026 Cheveux 49,3% de Karité - 50ml K pour Karité\nPalette détectée:\n - Primaire: #C4975A (doré\/sable chaud du packaging)\n - Secondaire: #B44A2D (rouge-terre\/terracotta des motifs africains)\n - Accent: #8B6339 (brun chocolat des motifs géométriques)\nAmbiance: Chaleureux, ethnique\/africain, naturel\/bio, féminin élégant, motifs géométriques africains, inspiration karité\/monoï\nPréfixe CSS: kn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Absolu Nectar K pour Karité : l'huile corps et cheveux au karité qui change tout\"\n 2. \"Pourquoi le karité est l'allié incontournable de votre peau et de vos cheveux\"\n 3. \"8 huiles végétales bio pour une synergie unique\"\n 4. \"À qui s'adresse l'Absolu Nectar ?\"\n 5. \"Comment utiliser l'huile Absolu Nectar au quotidien ?\"\n 6. \"Un parfum de monoï qui fait voyager\"\n 7. \"Certification bio et engagements de K pour Karité\"\n 8. \"Composition complète (INCI)\"\n 9. \"Les points essentiels à retenir\"\n 10. \"Conseils et précautions d'utilisation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kn-hero\"\u003e\n \u003cdiv class=\"kn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kn-hero-content\"\u003e\n \u003cdiv class=\"kn-badges-top\"\u003e\n \u003cspan class=\"kn-badge\"\u003e🌿 Certifié Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"kn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"kn-badge\"\u003e🧴 49,3 % de karité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kn-hero-title\"\u003eAbsolu Nectar\u003c\/span\u003e\n \u003cp class=\"kn-subtitle\"\u003eHuile corps \u0026amp; cheveux au karité — K pour Karité\u003c\/p\u003e\n \u003cp class=\"kn-description\"\u003eUne huile sèche multi-usages concentrée en 8 huiles végétales bio, sublimée par un parfum envoûtant de monoï. Un seul geste pour nourrir, protéger et révéler l'éclat de votre peau et de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eAbsolu Nectar K pour Karité : l'huile corps et cheveux au karité qui change tout\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eImaginez un seul flacon capable de nourrir vos cheveux les plus assoiffés, d'adoucir votre peau au quotidien et de sublimer votre visage, le tout enveloppé d'un parfum de monoï qui vous transporte instantanément.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid-compact\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🧴 Huile sèche multi-usages\u003c\/h3\u003e\n \u003cp\u003eCorps, cheveux et visage réunis en un seul soin d'exception\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌰 49,3 % de beurre de karité\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient principal pour une nutrition intense et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌿 8 huiles végétales bio\u003c\/h3\u003e\n \u003cp\u003eSoigneusement sélectionnées pour une synergie nourrissante unique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌺 Parfum monoï\u003c\/h3\u003e\n \u003cp\u003eUne fragrance douce et enveloppante qui évoque l'évasion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003ePourquoi le karité est l'allié incontournable de votre peau et de vos cheveux\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eUtilisé depuis des siècles en Afrique de l'Ouest, le beurre de karité est reconnu pour sa richesse exceptionnelle en acides gras essentiels, en vitamines A, D, E et F, ainsi qu'en phytostérols.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e💧 Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eIl pénètre les couches superficielles de l'épiderme et la fibre capillaire pour restaurer durablement souplesse et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eIl forme un film protecteur non occlusif qui aide la peau et les cheveux à résister aux agressions quotidiennes : froid, vent, pollution, soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n \u003cp\u003eSes propriétés adoucissantes calment les tiraillements, les irritations légères et les sensations d'inconfort, y compris sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e✨ Réparation\u003c\/h3\u003e\n \u003cp\u003eIl aide à restaurer la barrière cutanée fragilisée et à redonner vitalité aux cheveux abîmés, cassants ou desséchés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec une concentration de \u003cstrong\u003e49,3 %\u003c\/strong\u003e, l'Absolu Nectar fait du karité son ingrédient principal, pour des résultats perceptibles dès les premières applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003e8 huiles végétales bio pour une synergie unique\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eCe qui distingue cette huile corps et cheveux au karité des autres soins du marché, c'est la qualité et la complémentarité des huiles végétales qui accompagnent le beurre de karité.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels (sésamol, sésamine), elle régénère la peau et protège la barrière cutanée. Pénètre facilement sans résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eConcentrée en polyphénols et vitamine E, elle nourrit, protège et redonne éclat aux peaux ternes comme aux cheveux fatigués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🍑 Huile de noyau d'abricot bio\u003c\/h3\u003e\n \u003cp\u003eVéritable booster de luminosité, elle tonifie et revitalise les peaux déshydratées avec un toucher satiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🥑 Huile d'avocat bio\u003c\/h3\u003e\n \u003cp\u003eParticulièrement adaptée aux cheveux secs, ternes ou crépus, elle stimule la brillance et redonne vitalité à la fibre capillaire en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌴 Huile de babassu bio\u003c\/h3\u003e\n \u003cp\u003eLégère et fondante, elle maintient une hydratation optimale sans alourdir les cheveux, tout en les protégeant au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌸 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003eL'une des huiles les plus douces qui existent, elle convient même aux peaux les plus réactives. Adoucit et fortifie les cheveux fins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌵 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eSa composition proche du sébum naturel en fait un régulateur remarquable. Rééquilibre les peaux mixtes et renforce les cheveux fragilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🥜 Huile de macadamia\u003c\/h3\u003e\n \u003cp\u003eConnue pour sa pénétration ultra-rapide, elle nourrit et assouplit la peau sans jamais laisser de film gras. Idéale pour les textures légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAssociées au tournesol (riche en vitamine E antioxydante) et à la vitamine E naturelle (tocophérol), ces huiles forment un \u003cstrong\u003ecocktail nourrissant, protecteur et réparateur\u003c\/strong\u003e d'une rare efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse l'Absolu Nectar ?\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eC'est l'un des grands atouts de cette huile : elle s'adapte à une multitude de profils et de besoins.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e💇‍♀️ Cheveux secs, abîmés ou cassants\u003c\/h3\u003e\n \u003cp\u003eColorations répétées, brushings, soleil… vos cheveux ont besoin d'une nutrition intense que les soins classiques ne suffisent plus à apporter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e〰️ Cheveux bouclés, frisés ou crépus\u003c\/h3\u003e\n \u003cp\u003eNaturellement plus sujets à la sécheresse, le karité et les huiles végétales sont leurs meilleurs alliés pour retrouver définition, souplesse et brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🤍 Peau sèche ou déshydratée\u003c\/h3\u003e\n \u003cp\u003eTiraillements après la douche, zones rugueuses sur les coudes, les genoux ou les jambes… cette huile apporte une nutrition immédiate et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌷 Peau sensible ou réactive\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa formule naturelle sans ingrédient agressif, elle convient aux épidermes les plus délicats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e⏱️ Routine simplifiée\u003c\/h3\u003e\n \u003cp\u003eUn seul produit pour le corps, les cheveux et le visage, c'est moins de flacons dans la salle de bain et plus de temps pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile Absolu Nectar au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eLe format pompe de 50 ml est à la fois pratique et économique : quelques pressions suffisent à chaque utilisation.\u003c\/p\u003e\n \u003cdiv class=\"kn-timeline\"\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin quotidien pour les cheveux\u003c\/h3\u003e\n \u003cp\u003eChauffez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e entre vos paumes, puis appliquez sur les \u003cstrong\u003elongueurs et les pointes\u003c\/strong\u003e de vos cheveux secs ou légèrement humides. Plus de brillance, moins de frisottis, des pointes visiblement plus souples. Particulièrement efficace sur les cheveux bouclés ou crépus pour définir les boucles sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eMasque réparateur avant shampooing\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur l'ensemble de la chevelure, des racines aux pointes. Enveloppez dans une serviette chaude et \u003cstrong\u003elaissez poser 20 à 30 minutes\u003c\/strong\u003e (voire toute la nuit pour les cheveux très abîmés). Procédez ensuite à votre shampooing habituel. Répétez une fois par semaine pour des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin visage hydratant\u003c\/h3\u003e\n \u003cp\u003eSur une peau propre et sèche, déposez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e et massez délicatement votre visage en mouvements circulaires ascendants. L'huile pénètre rapidement et laisse la peau douce, nourrie et lumineuse. Utilisez-la seule ou avant votre crème de jour pour renforcer l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-item\"\u003e\n \u003cdiv class=\"kn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kn-timeline-content\"\u003e\n \u003ch3\u003eSoin corps nourrissant\u003c\/h3\u003e\n \u003cp\u003eLe moment idéal : \u003cstrong\u003ejuste après la douche\u003c\/strong\u003e, sur une peau encore légèrement humide. L'eau facilite la pénétration de l'huile et permet de « sceller » l'hydratation. Massez les zones les plus sèches (jambes, bras, coudes, pieds) jusqu'à absorption complète. Résultat : une peau satinée, souple et délicatement parfumée au monoï.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eUn parfum de monoï qui fait voyager\u003c\/h2\u003e\n \u003cdiv class=\"kn-testimonial\"\u003e\n \u003cp class=\"kn-testimonial-text\"\u003e\"Au-delà de son efficacité, l'Absolu Nectar offre une véritable expérience sensorielle. Sa fragrance de monoï, douce et enveloppante, transforme chaque application en un moment de plaisir. Ce n'est pas un parfum synthétique entêtant : il reste subtil, s'estompe en douceur et laisse sur la peau et les cheveux un léger sillage exotique, parfait pour prolonger la sensation de vacances toute l'année.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eCertification bio et engagements de K pour Karité\u003c\/h2\u003e\n \u003cp class=\"kn-section-intro\"\u003eL'Absolu Nectar n'est pas seulement un soin performant, c'est aussi un choix responsable.\u003c\/p\u003e\n \u003cdiv class=\"kn-grid\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio par Ecocert\u003c\/h3\u003e\n \u003cp\u003eLabel Cosmébio : garantie d'un cahier des charges strict en matière d'ingrédients naturels et biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌱 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eDont 50 % d'ingrédients issus de l'agriculture biologique. Sans silicone, sans paraben, sans colorant de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré et conditionné au Laboratoire Arlland, dans le respect des normes françaises les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUne marque engagée auprès des communautés productrices de karité en Afrique, dans une démarche de valorisation des savoir-faire traditionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-tip\"\u003e\n \u003cspan class=\"kn-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eEn choisissant ce produit, vous soutenez une cosmétique qui respecte à la fois votre peau, vos cheveux et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"kn-accordion\"\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eButyrospermum parkii (Shea) oil, Helianthus annuus (Sunflower) seed oil, Sesamum indicum (Sesame) seed oil*, Olea europaea (Olive) fruit oil*, Prunus armeniaca (Apricot) kernel oil*, Persea gratissima (Avocado) oil*, Orbignya oleifera seed oil*, Prunus amygdalus dulcis (Sweet almond) oil*, Simmondsia chinensis (Jojoba) seed oil*, Macadamia integrifolia seed oil, Tocopherol, Parfum (Fragrance), Linalool.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"kn-section\"\u003e\n \u003ch2\u003eLes points essentiels à retenir\u003c\/h2\u003e\n \u003cdiv class=\"kn-grid-compact\"\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml — format pompe pratique et hygiénique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🧴 Type de soin\u003c\/h3\u003e\n \u003cp\u003eHuile sèche multi-usages corps, cheveux et visage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌰 Actif principal\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité à 49,3 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eBio Ecocert \/ Cosmébio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance — Laboratoire Arlland\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e👩 Convient à\u003c\/h3\u003e\n \u003cp\u003eTous types de peau et cheveux, idéal peaux sèches et cheveux abîmés\/bouclés\/crépus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kn-card\"\u003e\n \u003ch3\u003e🌺 Parfum\u003c\/h3\u003e\n \u003cp\u003eMonoï — fragrance douce et enveloppante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #10 --\u003e\n \u003csection class=\"kn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConseils et précautions d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"kn-accordion\"\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière directe et de la chaleur excessive pour préserver la qualité des huiles végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eBien que la formule soit naturelle et douce, il est toujours conseillé de \u003cstrong\u003eréaliser un test cutané\u003c\/strong\u003e dans le pli du coude 24 heures avant la première utilisation, surtout si vous avez une peau à tendance allergique. En cas de réaction, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kn-accordion-item\"\u003e\n \u003csummary class=\"kn-accordion-header\"\u003eℹ️ Information importante\u003c\/summary\u003e\n \u003cdiv class=\"kn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique est un soin de beauté et de confort. Il \u003cstrong\u003ene remplace en aucun cas un avis ou un traitement médical\u003c\/strong\u003e en cas de problème dermatologique spécifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kn-disclaimer\"\u003eCe produit cosmétique est un soin de beauté et de confort. Il ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kn-cream: #FDF8F2;\n --kn-white: #ffffff;\n --kn-primary: #C4975A;\n --kn-primary-dark: #8B6339;\n --kn-primary-light: #F5EDE3;\n --kn-secondary: #B44A2D;\n --kn-accent: #D4A76A;\n --kn-text: #1a1a1a;\n --kn-text-light: #5a5a5a;\n --kn-border: #e8ddd1;\n --kn-shadow: 0 4px 24px rgba(139,99,57,.08);\n --kn-shadow-lg: 0 12px 48px rgba(139,99,57,.15);\n --kn-radius: 20px;\n --kn-radius-sm: 12px;\n}\n\n.kn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kn-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6339 0%, #C4975A 45%, #B44A2D 100%);\n border-radius: var(--kn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kn-shadow-lg);\n}\n\n.kn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px);\n opacity: 1;\n}\n\n.kn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .01em;\n}\n\n.kn-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kn-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kn-primary), var(--kn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.kn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kn-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kn-card {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kn-shadow-lg);\n border-color: var(--kn-primary);\n}\n\n.kn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kn-grid-compact .kn-card {\n padding: 1rem;\n}\n\n.kn-grid-compact .kn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kn-grid-compact .kn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kn-primary), var(--kn-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kn-timeline-content {\n flex: 1;\n background: var(--kn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kn-radius-sm);\n box-shadow: var(--kn-shadow);\n}\n\n.kn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kn-timeline-content p {\n font-size: 14px;\n color: var(--kn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kn-testimonial {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kn-shadow);\n border-left: 4px solid var(--kn-primary);\n}\n\n.kn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kn-accordion {\n background: var(--kn-white);\n border-radius: var(--kn-radius);\n box-shadow: var(--kn-shadow);\n overflow: hidden;\n}\n\n.kn-accordion-item {\n border-bottom: 1px solid var(--kn-border);\n margin: 0;\n padding: 0;\n}\n\n.kn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kn-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kn-accordion-header:hover {\n background: var(--kn-primary-light);\n}\n\n.kn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kn-primary);\n transition: transform .2s ease;\n}\n\n.kn-accordion-item[open] .kn-accordion-header::after {\n content: '−';\n}\n\n.kn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kn-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kn-primary-light);\n border-radius: var(--kn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kn-tip p {\n font-size: 14px;\n color: var(--kn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kn-disclaimer {\n font-size: 12px;\n color: var(--kn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kn-card {\n padding: 1.125rem;\n }\n\n .kn-section {\n margin-bottom: 1.75rem;\n }\n\n .kn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kn-radius-sm);\n }\n\n .kn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kn-grid-compact {\n gap: .625rem;\n }\n\n .kn-grid-compact .kn-card {\n padding: .75rem;\n }\n\n .kn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kn-timeline-content h3 {\n font-size: 14px;\n }\n\n .kn-timeline-content p {\n font-size: 13px;\n }\n\n .kn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kn-testimonial {\n padding: 1.25rem;\n }\n\n .kn-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kn-card {\n animation: knFadeInUp .5s ease backwards;\n }\n .kn-card:nth-child(1) { animation-delay: .05s; }\n .kn-card:nth-child(2) { animation-delay: .1s; }\n .kn-card:nth-child(3) { animation-delay: .15s; }\n .kn-card:nth-child(4) { animation-delay: .2s; }\n .kn-card:nth-child(5) { animation-delay: .25s; }\n .kn-card:nth-child(6) { animation-delay: .3s; }\n .kn-card:nth-child(7) { animation-delay: .35s; }\n .kn-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes knFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":54881539883385,"sku":"ABSOLUNECTAR","price":19.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/absolu-nectar-k-pour-karite-min.jpg?v=1737037116"},{"product_id":"argent-colloidal-catalyons-vaporisateur-150-ml","title":"Argent colloïdal 20 ppm - vaporisateur 150 ml - Catalyons","description":"```html\n\u003cdiv class=\"ac-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ac-hero\"\u003e\n \u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ac-hero-content\"\u003e\n \u003cdiv class=\"ac-badges-top\"\u003e\n \u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e💧 20 ppm\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🐾 Humains \u0026amp; animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ac-hero-title\"\u003eArgent colloïdal 20 ppm\u003c\/span\u003e\n \u003cp class=\"ac-subtitle\"\u003eVaporisateur 150 ml - Catalyons\u003c\/p\u003e\n \u003cp class=\"ac-description\"\u003eLe spray multi-usage d'origine naturelle, formulé à partir d'eau ultra-pure et d'argent ionique. Depuis 1960, l'expertise Catalyons au service de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eArgent colloïdal 20 ppm Catalyons : le spray naturel multi-usage\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eVous cherchez une solution naturelle pour prendre soin de votre peau au quotidien ? L'\u003cstrong\u003eargent colloïdal 20 ppm\u003c\/strong\u003e de Catalyons, en format vaporisateur de 150 ml, est un incontournable. Formulé à partir d'eau ultra-pure et d'argent ionique, ce spray conjugue simplicité d'utilisation et polyvalence remarquable, aussi bien pour vous que pour vos animaux de compagnie.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eBienfaits de l'argent colloïdal en usage externe\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'argent colloïdal\u003c\/strong\u003e sont connus et utilisés depuis des siècles. À une concentration de \u003cstrong\u003e20 ppm\u003c\/strong\u003e, cette solution offre un juste équilibre entre douceur et efficacité pour un usage cutané régulier.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e✨ Purifiant naturel\u003c\/h3\u003e\n \u003cp\u003eAide à assainir la peau et à la débarrasser des impuretés, idéal en complément de votre routine d'hygiène quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌸 Apaisant cutané\u003c\/h3\u003e\n \u003cp\u003eCalme les rougeurs, les petites irritations et les inconforts des peaux sensibles ou réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e👁️ Soin pour les yeux\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003eargent colloïdal pour les yeux\u003c\/strong\u003e peut être vaporisé en brume légère sur les paupières fermées pour un effet rafraîchissant et apaisant en cas de fatigue oculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🐾 Adapté aux animaux\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003eargent colloïdal pour chien\u003c\/strong\u003e et pour \u003cstrong\u003echat\u003c\/strong\u003e est couramment utilisé pour nettoyer de petites zones cutanées irritées chez nos compagnons à quatre pattes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComposition et qualité Catalyons\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eCe vaporisateur d'\u003cstrong\u003eargent colloïdal\u003c\/strong\u003e est fabriqué en France par le laboratoire Catalyons, pionnier dans la fabrication d'oligo-éléments ionisés depuis 1960. Leur procédé breveté d'électrolyse garantit une solution de qualité supérieure, stable et biodisponible.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💧 Ingrédients\u003c\/h3\u003e\n \u003cp\u003eEau ultra-pure, argent ionique (20 ppm)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eSans conservateur, sans colorant, sans additif chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule d'origine 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🫙 Flacon protecteur\u003c\/h3\u003e\n \u003cp\u003ePET ambré pour protéger la solution de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-tip\"\u003e\n \u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à un \u003cstrong\u003eargent colloïdal en pharmacie\u003c\/strong\u003e souvent proposé à des concentrations plus faibles, cette formule à \u003cstrong\u003e20 ppm\u003c\/strong\u003e offre une teneur optimale pour un usage cosmétique et d'hygiène externe efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComment utiliser ce spray d'argent colloïdal ?\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eLe format vaporisateur rend l'application simple et hygiénique, où que vous soyez.\u003c\/p\u003e\n \u003cdiv class=\"ac-timeline\"\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eSur le visage\u003c\/h3\u003e\n \u003cp\u003eVaporisez à 20 cm sur peau propre, matin et soir, pour purifier et apaiser votre épiderme. Laissez sécher naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eSur le corps\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les zones sujettes aux irritations, rougeurs ou petites imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003ePour vos animaux\u003c\/h3\u003e\n \u003cp\u003eVaporisez légèrement sur la zone concernée chez votre chien ou votre chat, en évitant les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-item\"\u003e\n \u003cdiv class=\"ac-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ac-timeline-content\"\u003e\n \u003ch3\u003eEn spray d'ambiance\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le pour assainir les surfaces ou rafraîchir l'air ambiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage externe uniquement.\u003c\/strong\u003e Évitez le contact direct avec les yeux ouverts. Conservez à 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 \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Catalyons ?\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eAvec plus de \u003cstrong\u003e60 ans de savoir-faire\u003c\/strong\u003e, Catalyons reste une référence française en matière de solutions ionisées naturelles. Chaque lot est contrôlé pour garantir la concentration exacte en argent et l'absence totale de contaminants.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🏛️ Depuis 1960\u003c\/h3\u003e\n \u003cp\u003eUn laboratoire familial pionnier des oligo-éléments ionisés, avec plus de 60 ans d'expertise reconnue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🔬 Procédé breveté\u003c\/h3\u003e\n \u003cp\u003eÉlectrolyse unique garantissant une solution stable, pure et hautement biodisponible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌍 Engagement durable\u003c\/h3\u003e\n \u003cp\u003eUne démarche respectueuse de l'environnement et de votre bien-être, du laboratoire au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-cta-box\"\u003e\n \u003cp\u003eIntégrez l'\u003cstrong\u003eargent colloïdal 20 ppm Catalyons\u003c\/strong\u003e dans votre quotidien pour une approche naturelle du soin cutané. 💧\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ac-disclaimer\"\u003eCe produit ne remplace pas un traitement médical. En cas de problème de santé persistant, consultez votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --ac-cream: #f5f3f0;\n --ac-white: #ffffff;\n --ac-primary: #3d5a80;\n --ac-primary-dark: #2b3f5c;\n --ac-primary-light: #e8edf4;\n --ac-secondary: #8a9bb5;\n --ac-accent: #c0c0c0;\n\n \/* Textes *\/\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n\n \/* Effets *\/\n --ac-border: #dde2e8;\n --ac-shadow: 0 4px 24px rgba(43,63,92,.08);\n --ac-shadow-lg: 0 12px 48px rgba(43,63,92,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, #2b3f5c 0%, #3d5a80 40%, #6b82a8 100%);\n border-radius: var(--ac-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(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 20% 80%, rgba(192,192,192,.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(192,192,192,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ac-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.ac-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ac-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.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-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(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-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.ac-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(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-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.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ac-testimonial {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-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.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-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.ac-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.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-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 .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ac-testimonial {\n padding: 1.25rem;\n }\n\n .ac-testimonial-text {\n font-size: 14px;\n }\n\n .ac-tip {\n padding: .875rem 1rem;\n }\n\n .ac-tip-icon {\n font-size: 20px;\n }\n\n .ac-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n\n .ac-timeline-item {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ac-timeline-item:nth-child(2) { animation-delay: .1s; }\n .ac-timeline-item:nth-child(3) { animation-delay: .15s; }\n .ac-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes acFadeInUp {\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 .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54897414209913,"sku":"38831014","price":12.14,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/argent-colloidal-20-ppm-vaporisateur-150-ml-catalyons-lifestyle.webp?v=1772098875"},{"product_id":"monoi-de-tahiti-125-ml-najel","title":"Monoï de Tahiti® Sublimant – 125 ml – Najel","description":"\u003cdiv class=\"mnoi-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mnoi-hero\"\u003e\n\u003cdiv class=\"mnoi-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mnoi-hero-content\"\u003e\n\u003cdiv class=\"mnoi-badges-top\"\u003e\n\u003cspan class=\"mnoi-badge\"\u003e🌺 Appellation d'origine\u003c\/span\u003e \u003cspan class=\"mnoi-badge\"\u003e🌿 Cosmos Natural\u003c\/span\u003e \u003cspan class=\"mnoi-badge\"\u003e✨ 125 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mnoi-hero-title\"\u003eMonoï de Tahiti® Najel\u003c\/span\u003e\n\u003cp class=\"mnoi-subtitle\"\u003eL'huile sacrée polynésienne pour une peau satinée et des cheveux sublimés\u003c\/p\u003e\n\u003cp class=\"mnoi-description\"\u003eUn rituel de beauté ancestral qui associe huile de coco raffinée et fleurs de tiaré fraîches pour nourrir, protéger et parfumer délicatement votre corps et votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eQu'est-ce que le véritable Monoï de Tahiti® ?\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-intro-box\"\u003e\n\u003cp\u003eLe monoï de Tahiti n'est pas une huile comme les autres. Son nom signifie littéralement \u003cstrong\u003e« huile sacrée »\u003c\/strong\u003e en tahitien, et sa fabrication répond à un cahier des charges très strict pour mériter l'appellation d'origine contrôlée.\u003c\/p\u003e\n\u003cp\u003eSeul le monoï élaboré en \u003cstrong\u003ePolynésie française\u003c\/strong\u003e, à partir de fleurs de tiaré (\u003cem\u003eGardenia tahitensis\u003c\/em\u003e) macérées dans de l'huile de coprah raffinée, peut porter cette appellation prestigieuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-highlight-card\"\u003e\n\u003cdiv class=\"mnoi-highlight-content\"\u003e\n\u003cstrong\u003e🏆 Najel perpétue ce savoir-faire ancestral\u003c\/strong\u003e en vous proposant un véritable Monoï de Tahiti®, certifié Cosmos Natural, qui respecte à la fois la tradition polynésienne et les exigences actuelles en matière de cosmétique naturelle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de monoï pour la peau\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eVotre peau mérite une attention particulière. Le monoï agit comme un baume nourrissant qui enveloppe l'épiderme d'un voile protecteur et réconfortant.\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n\u003cp\u003eLes acides gras de l'huile de coco pénètrent en profondeur pour restaurer le film hydrolipidique naturel de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e✨ Effet satinant\u003c\/h3\u003e\n\u003cp\u003eLa peau retrouve instantanément douceur et éclat, avec un toucher velours incomparable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e☀️ Soin après-soleil idéal\u003c\/h3\u003e\n\u003cp\u003eApaise les sensations de tiraillement et aide la peau à récupérer après une exposition au soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n\u003cp\u003eLe doux arôme des fleurs de tiaré vous transporte sous les tropiques à chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eHuile de monoï pour les cheveux : un soin réparateur d'exception\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eCheveux secs, abîmés par les colorations, le soleil ou le sel marin ? Le monoï pénètre rapidement et laisse les cheveux souples, brillants et parfumés.\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛁 Bain d'huile réparateur\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur les longueurs et pointes, laissez poser au moins 30 minutes ou toute la nuit, puis lavez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e💫 Soin express des pointes\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes sur cheveux secs ou humides suffisent à discipliner les frisottis et nourrir les pointes fourchues.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n\u003cp\u003eForme un léger film protecteur qui préserve la fibre capillaire du sèche-cheveux, de la pollution et du chlore.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-tip\"\u003e\n\u003cspan class=\"mnoi-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eLes avis sont unanimes : après quelques utilisations, les cheveux retrouvent leur vitalité et leur brillance naturelle, même les plus fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eComment utiliser votre Monoï de Tahiti® Najel ?\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eLa polyvalence de ce soin est l'un de ses grands atouts. Intégrez-le facilement à votre routine beauté :\u003c\/p\u003e\n\u003cdiv class=\"mnoi-usage-grid\"\u003e\n\u003cdiv class=\"mnoi-usage-block\"\u003e\n\u003ch3 class=\"mnoi-usage-title\"\u003e🧴 Sur le corps\u003c\/h3\u003e\n\u003cdiv class=\"mnoi-timeline\"\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eAprès la douche\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur peau légèrement humide pour une absorption optimale et un effet hydratant décuplé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eEn massage\u003c\/h3\u003e\n\u003cp\u003eUtilisez comme huile de massage pour un moment de détente absolue : la texture fondante glisse parfaitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eAprès-soleil\u003c\/h3\u003e\n\u003cp\u003eEn été, appliquez après l'exposition pour apaiser et sublimer votre bronzage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-usage-block\"\u003e\n\u003ch3 class=\"mnoi-usage-title\"\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cdiv class=\"mnoi-timeline\"\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n\u003cp\u003eRépartissez sur la chevelure, enveloppez d'une serviette chaude et laissez agir 20 min à plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-item\"\u003e\n\u003cdiv class=\"mnoi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mnoi-timeline-content\"\u003e\n\u003ch3\u003eSoin quotidien\u003c\/h3\u003e\n\u003cp\u003e2 à 3 gouttes réchauffées entre les paumes suffisent pour lisser les pointes et apporter de la brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-tip\"\u003e\n\u003cspan class=\"mnoi-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e en dessous de 25°C, le monoï se solidifie naturellement (c'est le signe d'un produit authentique !). Passez simplement le flacon sous l'eau chaude quelques instants pour le liquéfier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eComposition complète – Liste INCI\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-inci-box\"\u003e\n\u003cp class=\"mnoi-inci-list\"\u003e\u003cstrong\u003eCocos Nucifera Oil, Gardenia Tahitensis Flower, Parfum, Tocopherol.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-grid\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🥥 Cocos Nucifera Oil\u003c\/h3\u003e\n\u003cp\u003eHuile de coco raffinée, base traditionnelle du monoï, riche en acide laurique aux propriétés nourrissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌺 Gardenia Tahitensis Flower\u003c\/h3\u003e\n\u003cp\u003eFleurs de tiaré fraîches macérées, qui confèrent au monoï son parfum caractéristique et ses propriétés adoucissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌸 Parfum\u003c\/h3\u003e\n\u003cp\u003eFragrance naturelle fleur de tiaré pour sublimer l'expérience sensorielle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🛡️ Tocopherol\u003c\/h3\u003e\n\u003cp\u003eVitamine E naturelle, antioxydant qui protège l'huile et contribue à préserver la jeunesse de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-certif-badges\"\u003e\n\u003cspan class=\"mnoi-certif-badge\"\u003eSans parabènes\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eSans colorants artificiels\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eSans huiles minérales\u003c\/span\u003e \u003cspan class=\"mnoi-certif-badge\"\u003eCosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003ePourquoi choisir le Monoï de Tahiti® Najel plutôt qu'un autre ?\u003c\/h2\u003e\n\u003cp class=\"mnoi-section-intro\"\u003eFace à la multitude de produits au monoï disponibles, voici ce qui distingue ce soin Najel :\u003c\/p\u003e\n\u003cdiv class=\"mnoi-grid-compact\"\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🏅 Appellation d'origine\u003c\/h3\u003e\n\u003cp\u003eUn véritable Monoï de Tahiti® fabriqué selon les standards polynésiens authentiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🌿 Cosmos Natural\u003c\/h3\u003e\n\u003cp\u003eGage d'un produit formulé dans le respect de l'environnement et de votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e🏛️ Savoir-faire Najel\u003c\/h3\u003e\n\u003cp\u003eDepuis 1895, l'art des soins naturels traditionnels, du savon d'Alep aux huiles précieuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-card\"\u003e\n\u003ch3\u003e✈️ Format 125 ml\u003c\/h3\u003e\n\u003cp\u003eIdéal pour glisser dans votre trousse de toilette ou emporter en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eQuestions fréquentes sur le Monoï de Tahiti\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-accordion\"\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003eLe monoï peut-il remplacer ma crème hydratante ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eLe monoï est une huile nourrissante qui convient particulièrement aux peaux sèches à très sèches. Pour les peaux mixtes à grasses, il est préférable de l'utiliser ponctuellement ou uniquement sur les zones qui en ont besoin (coudes, talons, jambes).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003ePuis-je utiliser le monoï sur le visage ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eL'huile de coco présente dans le monoï peut être comédogène pour certaines peaux. Si vous avez la peau sensible ou sujette aux imperfections, faites un test sur une petite zone avant de l'appliquer sur l'ensemble du visage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003ePourquoi mon monoï est-il devenu solide ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eC'est tout à fait normal ! L'huile de coco se solidifie en dessous de 25°C environ. Cela témoigne de la pureté du produit. Réchauffez simplement le flacon entre vos mains ou sous l'eau tiède pour retrouver sa texture liquide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mnoi-accordion-item\"\u003e\n\u003csummary class=\"mnoi-accordion-header\"\u003eLe monoï protège-t-il du soleil ?\u003c\/summary\u003e\n\u003cdiv class=\"mnoi-accordion-content\"\u003e\n\u003cp\u003eNon, le monoï ne contient pas de filtres solaires et ne protège pas des rayons UV. Utilisez toujours une protection solaire adaptée avant l'exposition, et réservez le monoï pour les soins après-soleil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"mnoi-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"mnoi-specs-grid\"\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003e125 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eMarque\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eNajel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eType de produit\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eHuile végétale \/ Soin corps et cheveux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eCosmos Natural\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eParfum\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eFleur de tiaré\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mnoi-spec-item\"\u003e\n\u003cspan class=\"mnoi-spec-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"mnoi-spec-value\"\u003eMonoï de Tahiti® (appellation d'origine)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mnoi-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mnoi-cta-box\"\u003e\n\u003cp\u003e🌺 Offrez à votre peau et à vos cheveux le meilleur de la nature polynésienne. Un soin ancestral, une efficacité prouvée, un parfum qui invite au voyage : le compagnon idéal d'une beauté naturelle et lumineuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mnoi-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'allergie connue à l'un des composants, ne pas utiliser.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mnoi-cream: #FFF8F5;\n --mnoi-white: #ffffff;\n --mnoi-primary: #E85D3B;\n --mnoi-primary-dark: #C94A2B;\n --mnoi-primary-light: #FFF0EC;\n --mnoi-secondary: #2ABFB3;\n --mnoi-secondary-light: #E8F9F7;\n --mnoi-accent: #F5A623;\n --mnoi-text: #1a1a1a;\n --mnoi-text-light: #5a5a5a;\n --mnoi-border: #f0e6e3;\n --mnoi-shadow: 0 4px 24px rgba(232,93,59,.08);\n --mnoi-shadow-lg: 0 12px 48px rgba(232,93,59,.15);\n --mnoi-radius: 20px;\n --mnoi-radius-sm: 12px;\n}\n\n.mnoi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mnoi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mnoi-hero {\n position: relative;\n background: linear-gradient(135deg, #E85D3B 0%, #F5A623 50%, #2ABFB3 100%);\n border-radius: var(--mnoi-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(--mnoi-shadow-lg);\n}\n\n.mnoi-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 5c2.5 5 7.5 8 12.5 8s10-3 12.5-8c-2.5 5-2.5 12 0 17-5-2.5-10-2.5-12.5 0s-5 7.5-12.5 7.5-10-5-12.5-7.5-7.5-2.5-12.5 0c2.5-5 2.5-12 0-17 2.5 5 7.5 8 12.5 8s10-3 12.5-8z' fill='%23ffffff' fill-opacity='.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.mnoi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnoi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mnoi-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(--mnoi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mnoi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mnoi-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.mnoi-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mnoi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mnoi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mnoi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mnoi-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.mnoi-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(--mnoi-primary), var(--mnoi-secondary));\n border-radius: 2px;\n}\n\n.mnoi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnoi-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\/* === INTRO BOX === *\/\n.mnoi-intro-box {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mnoi-shadow);\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.mnoi-intro-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnoi-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.mnoi-intro-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT CARD === *\/\n.mnoi-highlight-card {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: linear-gradient(135deg, var(--mnoi-primary-light) 0%, var(--mnoi-secondary-light) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n border-left: 4px solid var(--mnoi-primary);\n}\n\n.mnoi-highlight-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.mnoi-highlight-content {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--mnoi-text);\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mnoi-card {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnoi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mnoi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mnoi-shadow-lg);\n border-color: var(--mnoi-primary);\n}\n\n.mnoi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mnoi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mnoi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mnoi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRIDS === *\/\n.mnoi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mnoi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mnoi-grid-compact .mnoi-card {\n padding: 1rem;\n}\n\n.mnoi-grid-compact .mnoi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mnoi-grid-compact .mnoi-card p {\n font-size: 12px;\n}\n\n\/* === USAGE GRID === *\/\n.mnoi-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mnoi-usage-block {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnoi-shadow);\n}\n\n.mnoi-usage-title {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--mnoi-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--mnoi-primary-light);\n}\n\n\/* === TIMELINE === *\/\n.mnoi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mnoi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mnoi-timeline-number {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--mnoi-primary), var(--mnoi-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(232,93,59,.3);\n}\n\n.mnoi-timeline-content {\n flex: 1;\n background: var(--mnoi-primary-light);\n padding: .875rem 1rem;\n border-radius: var(--mnoi-radius-sm);\n}\n\n.mnoi-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--mnoi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mnoi-timeline-content p {\n font-size: 13px;\n color: var(--mnoi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mnoi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--mnoi-secondary-light) 0%, var(--mnoi-primary-light) 100%);\n border-radius: var(--mnoi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--mnoi-secondary);\n}\n\n.mnoi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mnoi-tip p {\n font-size: 14px;\n color: var(--mnoi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI BOX === *\/\n.mnoi-inci-box {\n background: linear-gradient(135deg, var(--mnoi-primary) 0%, var(--mnoi-primary-dark) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.mnoi-inci-list {\n color: white;\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CERTIF BADGES === *\/\n.mnoi-certif-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-top: 1.5rem;\n}\n\n.mnoi-certif-badge {\n padding: 8px 16px;\n background: var(--mnoi-secondary-light);\n border: 2px solid var(--mnoi-secondary);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--mnoi-secondary);\n}\n\n\/* === ACCORDION === *\/\n.mnoi-accordion {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius);\n box-shadow: var(--mnoi-shadow);\n overflow: hidden;\n}\n\n.mnoi-accordion-item {\n border-bottom: 1px solid var(--mnoi-border);\n margin: 0;\n padding: 0;\n}\n\n.mnoi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mnoi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mnoi-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.mnoi-accordion-header:hover {\n background: var(--mnoi-primary-light);\n}\n\n.mnoi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mnoi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mnoi-primary);\n transition: transform .2s ease;\n}\n\n.mnoi-accordion-item[open] .mnoi-accordion-header::after {\n content: '−';\n}\n\n.mnoi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mnoi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mnoi-accordion-content p {\n margin: 0;\n}\n\n\/* === SPECS GRID === *\/\n.mnoi-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.mnoi-spec-item {\n background: var(--mnoi-white);\n border-radius: var(--mnoi-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--mnoi-shadow);\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.mnoi-spec-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--mnoi-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.mnoi-spec-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--mnoi-primary-dark);\n}\n\n\/* === CTA === *\/\n.mnoi-cta-box {\n background: linear-gradient(135deg, var(--mnoi-primary) 0%, var(--mnoi-accent) 50%, var(--mnoi-secondary) 100%);\n border-radius: var(--mnoi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mnoi-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.mnoi-disclaimer {\n font-size: 12px;\n color: var(--mnoi-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mnoi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mnoi-card {\n padding: 1.125rem;\n }\n \n .mnoi-section {\n margin-bottom: 1.75rem;\n }\n \n .mnoi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mnoi-radius-sm);\n }\n \n .mnoi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mnoi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mnoi-grid-compact {\n gap: .625rem;\n }\n \n .mnoi-grid-compact .mnoi-card {\n padding: .75rem;\n }\n \n .mnoi-usage-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mnoi-usage-block {\n padding: 1rem;\n }\n \n .mnoi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 13px;\n }\n \n .mnoi-timeline-content {\n padding: .75rem .875rem;\n }\n \n .mnoi-timeline-content h3 {\n font-size: 13px;\n }\n \n .mnoi-timeline-content p {\n font-size: 12px;\n }\n \n .mnoi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mnoi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mnoi-highlight-card {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .mnoi-highlight-icon {\n font-size: 28px;\n }\n \n .mnoi-specs-grid {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .mnoi-spec-item {\n padding: .75rem 1rem;\n }\n \n .mnoi-spec-label {\n font-size: 11px;\n }\n \n .mnoi-spec-value {\n font-size: 13px;\n }\n \n .mnoi-certif-badges {\n gap: .375rem;\n }\n \n .mnoi-certif-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .mnoi-intro-box {\n padding: 1.25rem;\n }\n \n .mnoi-intro-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mnoi-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mnoi-card:nth-child(1) { animation-delay: .05s; }\n .mnoi-card:nth-child(2) { animation-delay: .1s; }\n .mnoi-card:nth-child(3) { animation-delay: .15s; }\n .mnoi-card:nth-child(4) { animation-delay: .2s; }\n .mnoi-card:nth-child(5) { animation-delay: .25s; }\n .mnoi-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 .mnoi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928000811385,"sku":"NJ0175","price":16.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/monoi-de-tahiti-125-ml-najel-lifestyle.webp?v=1769158882"},{"product_id":"huile-dargan-bio-80-ml-najel","title":"Huile d'Argan Bio - Régénérante – 80 ml – Najel","description":"\u003cdiv class=\"argan-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"argan-hero\"\u003e\n\u003cdiv class=\"argan-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"argan-hero-content\"\u003e\n\u003cdiv class=\"argan-badges-top\"\u003e\n\u003cspan class=\"argan-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"argan-badge\"\u003e🇲🇦 Or du Maroc\u003c\/span\u003e \u003cspan class=\"argan-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"argan-hero-title\"\u003eHuile d'Argan Bio\u003c\/span\u003e\n\u003cp class=\"argan-subtitle\"\u003eL'élixir de beauté ancestral du Maroc\u003c\/p\u003e\n\u003cp class=\"argan-description\"\u003ePremière pression à froid, certifiée bio. Un soin complet et polyvalent pour votre visage, vos cheveux et votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003ePourquoi l'huile d'argan est-elle si précieuse pour votre peau ?\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eSurnommée « or liquide du Maroc », l'huile d'argan doit sa réputation à sa composition exceptionnellement riche en actifs naturels.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🧬 Acide linoléique (oméga-6)\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée et aide votre peau à retenir l'hydratation naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💧 Acide oléique (oméga-9)\u003c\/h3\u003e\n\u003cp\u003eAssouplit et nourrit la peau en profondeur, sans laisser de film gras désagréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant naturel qui protège vos cellules du stress oxydatif et du vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌱 Stérols et polyphénols\u003c\/h3\u003e\n\u003cp\u003eComposés rares qui stimulent la régénération cellulaire et apaisent les irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-tip\"\u003e\n\u003cspan class=\"argan-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux crèmes industrielles chargées en eau et additifs, cette huile d'argan pure à 100 % pénètre rapidement pour nourrir réellement votre peau, couche après couche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eHuile d'argan sur le visage : des résultats visibles\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eCette huile sèche possède une texture légère qui ne bouche pas les pores, même pour les peaux mixtes.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants ravivent l'éclat de votre peau terne ou fatiguée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🎀 Peau rebondie\u003c\/h3\u003e\n\u003cp\u003eLes acides gras essentiels restaurent l'élasticité et la souplesse cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🕐 Anti-ridules\u003c\/h3\u003e\n\u003cp\u003eLa vitamine E aide à lisser le grain de peau et prévenir les signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n\u003cp\u003eRougeurs, tiraillements après-rasage et sensibilités sont calmés naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n\u003cp\u003ePollution, froid, vent... votre peau est mieux armée contre les agressions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eUn soin complet pour les cheveux et les ongles\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eUtilisée en masque capillaire, elle transforme littéralement les cheveux secs, cassants ou abîmés.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid-compact\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💪 Nourrit la fibre\u003c\/h3\u003e\n\u003cp\u003eDe la racine aux pointes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌀 Dompte les frisottis\u003c\/h3\u003e\n\u003cp\u003eBrillance naturelle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🔥 Protection thermique\u003c\/h3\u003e\n\u003cp\u003eContre sèche-cheveux et lisseur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e✂️ Répare les pointes\u003c\/h3\u003e\n\u003cp\u003ePrévient les fourches\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-tip\"\u003e\n\u003cspan class=\"argan-tip-icon\"\u003e💅\u003c\/span\u003e\n\u003cp\u003ePour vos ongles, quelques gouttes massées régulièrement sur les cuticules suffisent à fortifier les ongles cassants et à assouplir les peaux sèches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eComment utiliser votre huile d'argan bio Najel ?\u003c\/h2\u003e\n\u003cdiv class=\"argan-timeline\"\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e🌙 Pour le visage (soir)\u003c\/h3\u003e\n\u003cp\u003e3-4 gouttes réchauffées entre vos paumes, appliquées en massage du centre vers l'extérieur. Insistez sur les zones sèches et rides d'expression. Seule ou mélangée à votre crème de nuit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e💆 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eEn masque avant-shampooing (30 min à une nuit sous serviette chaude) ou en soin sans rinçage (1-2 gouttes sur cheveux secs pour discipliner et faire briller).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-timeline-item\"\u003e\n\u003cspan class=\"argan-timeline-number\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"argan-timeline-content\"\u003e\n\u003ch3\u003e🧴 Pour le corps\u003c\/h3\u003e\n\u003cp\u003eMassez les zones sèches (coudes, genoux, talons) après la douche sur peau légèrement humide. Idéale également en huile de massage relaxante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eComposition – 100 % pure et naturelle\u003cspan class=\"argan-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"argan-composition-box\"\u003e\n\u003cdiv class=\"argan-composition-header\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e🌰 Ingrédient unique (INCI)\u003c\/strong\u003e\n\u003cp\u003eArgania Spinosa Kernel Oil*\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-composition-note\"\u003e*Issu de l'agriculture biologique certifiée\u003c\/p\u003e\n\u003cdiv class=\"argan-composition-details\"\u003e\n\u003cspan\u003e❌ Aucun additif\u003c\/span\u003e \u003cspan\u003e❌ Aucun conservateur\u003c\/span\u003e \u003cspan\u003e❌ Aucun parfum synthétique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-composition-text\"\u003eHuile d'argan vierge, non raffinée, qui conserve l'intégralité de ses propriétés actives. Sa couleur dorée et son léger parfum caractéristique sont les signes d'une huile de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eL'engagement qualité de Najel\u003c\/h2\u003e\n\u003cp class=\"argan-section-intro\"\u003eSpécialiste des cosmétiques naturels depuis plus de 120 ans, Najel perpétue un savoir-faire artisanal respectueux.\u003c\/p\u003e\n\u003cdiv class=\"argan-grid-compact\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertifiée Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e👩🌾 Production éthique\u003c\/h3\u003e\n\u003cp\u003eCoopératives marocaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🧴 Flacon verre ambré\u003c\/h3\u003e\n\u003cp\u003eProtection optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🐰 Cruelty-free\u003c\/h3\u003e\n\u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette huile d'argan ?\u003c\/h2\u003e\n\u003cdiv class=\"argan-grid\"\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eRestaure le confort cutané et élimine les sensations de tiraillement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e⏳ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eAide à préserver la fermeté et l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eComposition 100 % pure parfaitement tolérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes\u003c\/h3\u003e\n\u003cp\u003eUtilisée avec parcimonie, elle régule sans graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"argan-card\"\u003e\n\u003ch3\u003e💇 Cheveux abîmés\u003c\/h3\u003e\n\u003cp\u003eRépare et protège durablement les cheveux secs, colorés ou fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"argan-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"argan-accordion\"\u003e\n\u003cdetails open=\"\" class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003eConservez à l'abri de la lumière directe et de la chaleur excessive. Le flacon en verre ambré assure une bonne protection, mais évitez de le laisser dans une salle de bain trop humide ou près d'une source de chaleur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e📅 Durée de vie\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003eBien conservée, l'huile garde ses propriétés pendant 12 mois après ouverture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"argan-accordion-item\"\u003e\n\u003csummary class=\"argan-accordion-header\"\u003e📦 Format\u003c\/summary\u003e\n\u003cdiv class=\"argan-accordion-content\"\u003e\n\u003cp\u003e80 ml – Flacon en verre avec pompe doseuse pour une application précise et hygiénique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"argan-section\"\u003e\n\u003cdiv class=\"argan-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau et vos cheveux le trésor millénaire du Maroc. Une huile, mille bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"argan-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --argan-cream: #FDF8F3;\n --argan-white: #ffffff;\n --argan-primary: #E07830;\n --argan-primary-dark: #B85A1A;\n --argan-primary-light: #FEF3EB;\n --argan-secondary: #2D1810;\n --argan-accent: #C4A259;\n --argan-text: #1a1a1a;\n --argan-text-light: #5a5a5a;\n --argan-border: #e8ddd4;\n --argan-shadow: 0 4px 24px rgba(45,24,16,.08);\n --argan-shadow-lg: 0 12px 48px rgba(45,24,16,.15);\n --argan-radius: 20px;\n --argan-radius-sm: 12px;\n}\n\n.argan-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--argan-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.argan-hero {\n position: relative;\n background: linear-gradient(135deg, #E07830 0%, #C4A259 50%, #B85A1A 100%);\n border-radius: var(--argan-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--argan-shadow-lg);\n}\n\n.argan-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.argan-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.argan-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.argan-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--argan-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.argan-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.argan-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.argan-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.argan-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.argan-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.argan-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--argan-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.argan-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--argan-primary), var(--argan-accent));\n border-radius: 2px;\n}\n\n.argan-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--argan-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.argan-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.argan-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.argan-card {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--argan-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.argan-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--argan-shadow-lg);\n border-color: var(--argan-primary);\n}\n\n.argan-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--argan-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.argan-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--argan-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.argan-grid-compact .argan-card {\n padding: 1rem;\n}\n\n.argan-grid-compact .argan-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.argan-grid-compact .argan-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.argan-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.argan-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.argan-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--argan-primary), var(--argan-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(224,120,48,.3);\n}\n\n.argan-timeline-content {\n flex: 1;\n background: var(--argan-white);\n padding: 1rem 1.25rem;\n border-radius: var(--argan-radius-sm);\n box-shadow: var(--argan-shadow);\n}\n\n.argan-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--argan-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.argan-timeline-content p {\n font-size: 14px;\n color: var(--argan-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.argan-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--argan-primary-light);\n border-radius: var(--argan-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--argan-primary);\n}\n\n.argan-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.argan-tip p {\n font-size: 14px;\n color: var(--argan-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.argan-composition-box {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--argan-shadow);\n text-align: center;\n}\n\n.argan-composition-header {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.argan-composition-icon {\n font-size: 48px;\n}\n\n.argan-composition-header strong {\n font-size: 18px;\n color: var(--argan-secondary);\n display: block;\n}\n\n.argan-composition-header p {\n font-size: 16px;\n color: var(--argan-primary);\n font-weight: 600;\n font-style: italic;\n margin: .25rem 0 0 0;\n}\n\n.argan-composition-note {\n font-size: 13px;\n color: var(--argan-text-light);\n font-style: italic;\n margin: 0 0 1.25rem 0;\n}\n\n.argan-composition-details {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n}\n\n.argan-composition-details span {\n background: var(--argan-primary-light);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--argan-primary-dark);\n}\n\n.argan-composition-text {\n font-size: 14px;\n color: var(--argan-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.argan-accordion {\n background: var(--argan-white);\n border-radius: var(--argan-radius);\n box-shadow: var(--argan-shadow);\n overflow: hidden;\n}\n\n.argan-accordion-item {\n border-bottom: 1px solid var(--argan-border);\n margin: 0;\n padding: 0;\n}\n\n.argan-accordion-item:last-child {\n border-bottom: none;\n}\n\n.argan-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--argan-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.argan-accordion-header:hover {\n background: var(--argan-primary-light);\n}\n\n.argan-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.argan-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--argan-primary);\n transition: transform .2s ease;\n}\n\n.argan-accordion-item[open] .argan-accordion-header::after {\n content: '−';\n}\n\n.argan-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--argan-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.argan-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.argan-cta-box {\n background: linear-gradient(135deg, var(--argan-primary) 0%, var(--argan-primary-dark) 100%);\n border-radius: var(--argan-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.argan-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.argan-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.argan-disclaimer {\n font-size: 12px;\n color: var(--argan-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .argan-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .argan-card {\n padding: 1.125rem;\n }\n \n .argan-section {\n margin-bottom: 1.75rem;\n }\n \n .argan-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--argan-radius-sm);\n }\n \n .argan-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .argan-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .argan-grid-compact {\n gap: .625rem;\n }\n \n .argan-grid-compact .argan-card {\n padding: .75rem;\n }\n \n .argan-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .argan-timeline-content {\n padding: .875rem 1rem;\n }\n \n .argan-timeline-content h3 {\n font-size: 14px;\n }\n \n .argan-timeline-content p {\n font-size: 13px;\n }\n \n .argan-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .argan-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .argan-tip {\n padding: .875rem 1rem;\n }\n \n .argan-tip-icon {\n font-size: 20px;\n }\n \n .argan-tip p {\n font-size: 13px;\n }\n \n .argan-composition-box {\n padding: 1.25rem;\n }\n \n .argan-composition-icon {\n font-size: 36px;\n }\n \n .argan-composition-header {\n flex-direction: column;\n gap: .5rem;\n }\n \n .argan-composition-details {\n gap: .5rem;\n }\n \n .argan-composition-details span {\n padding: .375rem .75rem;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .argan-card {\n animation: fadeInUp .5s ease backwards;\n }\n .argan-card:nth-child(1) { animation-delay: .05s; }\n .argan-card:nth-child(2) { animation-delay: .1s; }\n .argan-card:nth-child(3) { animation-delay: .15s; }\n .argan-card:nth-child(4) { animation-delay: .2s; }\n .argan-card:nth-child(5) { animation-delay: .25s; }\n .argan-card:nth-child(6) { animation-delay: .3s; }\n \n .argan-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .argan-timeline-item:nth-child(1) { animation-delay: .1s; }\n .argan-timeline-item:nth-child(2) { animation-delay: .2s; }\n .argan-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .argan-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928079782265,"sku":"NJ0180","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-dargan-bio-80-ml-najel-lifestyle.webp?v=1769157278"},{"product_id":"huile-de-nigelle-125-ml-najel","title":"Huile de Nigelle Bio – 125 ml – Najel","description":"\u003cdiv class=\"nig-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nig-hero\"\u003e\n \u003cdiv class=\"nig-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nig-hero-content\"\u003e\n \u003cdiv class=\"nig-badges-top\"\u003e\n \u003cspan class=\"nig-badge\"\u003e🌿 Certifiée Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"nig-badge\"\u003e🧴 Pression à froid\u003c\/span\u003e\n \u003cspan class=\"nig-badge\"\u003e✨ 100 % pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nig-hero-title\"\u003eHuile de Nigelle Bio – 125 ml – Najel\u003c\/span\u003e\n \u003cp class=\"nig-subtitle\"\u003eLe trésor millénaire du Moyen-Orient pour votre peau et vos cheveux\u003c\/p\u003e\n \u003cp class=\"nig-description\"\u003eHuile végétale de cumin noir obtenue par pression à froid, certifiée bio. Purifiante, apaisante et protectrice — un soin ancestral dans un flacon pompe pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eHuile de nigelle bio Najel : un trésor purificateur pour votre peau et vos cheveux\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eUtilisée depuis plus de \u003cstrong\u003e3 000 ans\u003c\/strong\u003e au Moyen-Orient, l'huile de nigelle — ou huile de cumin noir — est l'une des huiles végétales les plus précieuses de la cosmétique naturelle.\u003c\/p\u003e\n \u003cdiv class=\"nig-grid-compact\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce des graines de \u003cem\u003eNigella sativa\u003c\/em\u003e pour préserver 100 % des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification bio européenne garantissant une qualité irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧴 Flacon pompe\u003c\/h3\u003e\n \u003cp\u003eFormat pratique de 125 ml pour une application précise et hygiénique au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💎 100 % pure\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans conservateur — uniquement de l'huile de nigelle biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile de nigelle pour la peau\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eRiche en thymoquinone, en acides gras essentiels (oméga-6 et oméga-9) et en vitamine E, elle agit sur plusieurs fronts pour sublimer votre peau.\u003c\/p\u003e\n \u003cdiv class=\"nig-grid\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧹 Action purifiante\u003c\/h3\u003e\n \u003cp\u003eRégule l'excès de sébum et apaise les peaux sujettes à l'acné, aux boutons et aux points noirs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n \u003cp\u003ePropriétés anti-inflammatoires naturelles idéales pour les peaux sensibles, l'eczéma ou les rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLutte contre le vieillissement cutané prématuré en neutralisant les radicaux libres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💧 Hydratation et régénération\u003c\/h3\u003e\n \u003cp\u003eNourrit les peaux sèches en profondeur et soutient le renouvellement cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eBienfait de l'huile de nigelle pour les cheveux\u003c\/h2\u003e\n \u003cdiv class=\"nig-testimonial\"\u003e\n \u003cp class=\"nig-testimonial-text\"\u003eAppliquée en bain d'huile avant le shampoing, l'huile de nigelle nourrit intensément le cuir chevelu, aide à réduire les pellicules et renforce la fibre capillaire de la racine jusqu'aux pointes. Si vous souffrez de cheveux ternes, cassants ou d'une chute excessive, c'est un soin naturel à essayer absolument.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💆 Cuir chevelu apaisé\u003c\/h3\u003e\n \u003cp\u003eRéduit les démangeaisons et les pellicules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💪 Fibre renforcée\u003c\/h3\u003e\n \u003cp\u003eDe la racine aux pointes pour des cheveux plus forts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eRedonne éclat et vitalité aux cheveux ternes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🌿 Anti-chute\u003c\/h3\u003e\n \u003cp\u003eSoutient la croissance capillaire et limite la casse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile de nigelle bio ?\u003c\/h2\u003e\n \u003cp class=\"nig-section-intro\"\u003eSon flacon pompe rend l'application simple et précise. Voici comment en profiter au quotidien :\u003c\/p\u003e\n \u003cdiv class=\"nig-timeline\"\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e🌙 Visage\u003c\/h3\u003e\n \u003cp\u003eAppliquez 2 à 3 gouttes le soir sur peau propre, en massant délicatement. Vous pouvez aussi l'ajouter à votre crème habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e🤲 Corps\u003c\/h3\u003e\n \u003cp\u003eMassez les zones irritées ou sèches (coudes, genoux, articulations) avec quelques pressions de pompe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eEn masque avant-shampoing, répartissez l'huile sur le cuir chevelu et les longueurs, laissez poser 30 minutes à 1 heure, puis lavez normalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-item\"\u003e\n \u003cdiv class=\"nig-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nig-timeline-content\"\u003e\n \u003ch3\u003e💅 Ongles\u003c\/h3\u003e\n \u003cp\u003eMassez une goutte sur chaque ongle pour les fortifier et nourrir les cuticules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-tip\"\u003e\n \u003cspan class=\"nig-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'huile de nigelle possède une odeur puissante et caractéristique. Si elle vous semble trop prononcée, mélangez-la avec une huile plus douce comme l'huile de jojoba ou d'amande douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nig-section\"\u003e\n \u003ch2\u003eL'huile de nigelle est-elle dangereuse ?\u003c\/h2\u003e\n \u003cdiv class=\"nig-testimonial\"\u003e\n \u003cp class=\"nig-testimonial-text\"\u003eRassurez-vous : en usage cosmétique externe, l'huile de nigelle est parfaitement sûre pour la grande majorité des personnes. Il convient toutefois de réaliser un \u003cstrong\u003etest cutané au pli du coude\u003c\/strong\u003e avant la première utilisation, surtout si vous avez une peau réactive. En cas de grossesse ou de traitement médical en cours, demandez conseil à votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nig-disclaimer\"\u003eCe produit cosmétique ne remplace pas un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nig-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"nig-grid-compact\"\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧬 Ingrédient INCI\u003c\/h3\u003e\n \u003cp\u003eNigella sativa seed oil* (*issu de l'agriculture biologique)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e💎 Pureté\u003c\/h3\u003e\n \u003cp\u003e100 % huile végétale de nigelle, sans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e125 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic (label bio)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon pompe en plastique ambré, protégeant l'huile de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eNajel — Rêve d'Orient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"nig-accordion-item\"\u003e\n \u003csummary class=\"nig-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"nig-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre huile à l'abri de la chaleur et de la lumière directe pour préserver toutes ses qualités. Le flacon ambré assure une protection optimale contre l'oxydation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"nig-accordion-item\"\u003e\n \u003csummary class=\"nig-accordion-header\"\u003e🌍 Origine\u003c\/summary\u003e\n \u003cdiv class=\"nig-accordion-content mt-3\"\u003e\n \u003cp\u003eGraines de nigelle issues du Moyen-Orient, berceau historique de cette plante millénaire. Najel perpétue un savoir-faire ancestral dans le respect des traditions orientales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nig-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau et vos cheveux le soin ancestral le plus précieux du Moyen-Orient — certifié bio, pur et authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nig-cream: #faf6f1;\n --nig-white: #ffffff;\n --nig-primary: #d48b2c;\n --nig-primary-dark: #3d2b1a;\n --nig-primary-light: #fdf0dc;\n --nig-secondary: #e6a23c;\n --nig-accent: #c47a1e;\n --nig-text: #1a1a1a;\n --nig-text-light: #5a5a5a;\n --nig-border: #e8ddd0;\n --nig-shadow: 0 4px 24px rgba(61,43,26,.08);\n --nig-shadow-lg: 0 12px 48px rgba(61,43,26,.15);\n --nig-radius: 20px;\n --nig-radius-sm: 12px;\n}\n\n.nig-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nig-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nig-hero {\n position: relative;\n background: linear-gradient(135deg, #3d2b1a 0%, #6b4423 40%, #d48b2c 100%);\n border-radius: var(--nig-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--nig-shadow-lg);\n}\n\n.nig-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(212,139,44,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(230,162,60,.1) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(196,122,30,.08) 0%, transparent 45%);\n opacity: 1;\n}\n\n.nig-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nig-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nig-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.nig-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nig-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nig-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--nig-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nig-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nig-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nig-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nig-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.nig-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--nig-primary), var(--nig-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.nig-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nig-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.nig-card {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nig-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nig-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nig-shadow-lg);\n border-color: var(--nig-primary);\n}\n\n.nig-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nig-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nig-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nig-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nig-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nig-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nig-grid-compact .nig-card {\n padding: 1rem;\n}\n\n.nig-grid-compact .nig-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nig-grid-compact .nig-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nig-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nig-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nig-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nig-primary), var(--nig-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nig-timeline-content {\n flex: 1;\n background: var(--nig-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nig-radius-sm);\n box-shadow: var(--nig-shadow);\n}\n\n.nig-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nig-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nig-timeline-content p {\n font-size: 14px;\n color: var(--nig-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nig-testimonial {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nig-shadow);\n border-left: 4px solid var(--nig-primary);\n}\n\n.nig-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nig-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nig-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nig-primary-light);\n border-radius: var(--nig-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nig-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nig-tip p {\n font-size: 14px;\n color: var(--nig-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.nig-accordion {\n background: var(--nig-white);\n border-radius: var(--nig-radius);\n box-shadow: var(--nig-shadow);\n overflow: hidden;\n}\n\n.nig-accordion-item {\n border-bottom: 1px solid var(--nig-border);\n margin: 0;\n padding: 0;\n}\n\n.nig-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nig-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nig-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.nig-accordion-header:hover {\n background: var(--nig-primary-light);\n}\n\n.nig-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nig-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nig-primary);\n transition: transform .2s ease;\n}\n\n.nig-accordion-item[open] .nig-accordion-header::after {\n content: '−';\n}\n\n.nig-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nig-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nig-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.nig-cta-box {\n background: linear-gradient(135deg, var(--nig-primary) 0%, var(--nig-primary-dark) 100%);\n border-radius: var(--nig-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nig-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nig-disclaimer {\n font-size: 12px;\n color: var(--nig-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .nig-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nig-card {\n padding: 1.125rem;\n }\n\n .nig-section {\n margin-bottom: 1.75rem;\n }\n\n .nig-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nig-radius-sm);\n }\n\n .nig-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nig-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nig-grid-compact {\n gap: .625rem;\n }\n\n .nig-grid-compact .nig-card {\n padding: .75rem;\n }\n\n .nig-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nig-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nig-timeline-content h3 {\n font-size: 14px;\n }\n\n .nig-timeline-content p {\n font-size: 13px;\n }\n\n .nig-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nig-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nig-testimonial {\n padding: 1.25rem;\n }\n\n .nig-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nig-card {\n animation: nigFadeInUp .5s ease backwards;\n }\n .nig-card:nth-child(1) { animation-delay: .05s; }\n .nig-card:nth-child(2) { animation-delay: .1s; }\n .nig-card:nth-child(3) { animation-delay: .15s; }\n .nig-card:nth-child(4) { animation-delay: .2s; }\n .nig-card:nth-child(5) { animation-delay: .25s; }\n .nig-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nigFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nig-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54928145285497,"sku":"NJ0185","price":15.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-nigelle-bio-125-ml-najel-ingredients.webp?v=1772809704"},{"product_id":"huile-dabricot-najel","title":"Huile végétale d'abricot bio 80 ml - Najel","description":"\u003cdiv class=\"ab-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ab-hero\"\u003e\n \u003cdiv class=\"ab-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ab-hero-content\"\u003e\n \u003cdiv class=\"ab-badges-top\"\u003e\n \u003cspan class=\"ab-badge\"\u003e🍑 100 % pure \u0026amp; naturelle\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"ab-badge\"\u003e✨ Pression à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ab-hero-title\"\u003eHuile végétale d'abricot bio\u003c\/span\u003e\n \u003cp class=\"ab-subtitle\"\u003eNajel — Sublime Éclat · 80 ml\u003c\/p\u003e\n \u003cp class=\"ab-description\"\u003eLe secret d'une peau lumineuse, nourrie en profondeur par la puissance d'un seul ingrédient bio, extrait à froid des noyaux d'abricot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eHuile végétale d'abricot bio Najel : le secret d'un teint lumineux\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eVous cherchez un soin naturel capable de redonner de l'éclat à votre peau tout en la nourrissant intensément ? L'\u003cstrong\u003ehuile d'abricot bio\u003c\/strong\u003e Najel est exactement ce qu'il vous faut.\u003c\/p\u003e\n \u003cdiv class=\"ab-grid-compact\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🌱 Pression à froid\u003c\/h3\u003e\n \u003cp\u003eExtraction douce des noyaux d'abricot pour préserver l'intégralité des actifs précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🔬 100 % pure\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, sans additif, sans conservateur, sans parfum ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification bio internationale, gage de qualité et de respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🙌 Tous types de peau\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux sèches, ternes, fatiguées ou matures, visage et corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'abricot pour le visage et le corps\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUn véritable trésor de la cosmétique naturelle, riche en \u003cstrong\u003eacide oléique\u003c\/strong\u003e, \u003cstrong\u003evitamine A\u003c\/strong\u003e (bêta-carotène) et \u003cstrong\u003evitamine E\u003c\/strong\u003e (tocophérol).\u003c\/p\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e☀️ Éclat et bonne mine\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en caroténoïdes, l'huile d'abricot visage ravive naturellement les teints ternes et fatigués. Quelques gouttes suffisent pour retrouver une peau lumineuse, comme après un bain de soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💧 Nutrition en profondeur\u003c\/h3\u003e\n \u003cp\u003eSa composition en acides gras essentiels nourrit et assouplit les peaux sèches, déshydratées ou fragilisées par le froid.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge naturelle\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants qu'elle contient aident à protéger la peau du stress oxydatif et participent à maintenir sa souplesse et sa fermeté au fil du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🪶 Texture légère et non grasse\u003c\/h3\u003e\n \u003cp\u003eContrairement à certaines huiles végétales, l'huile de noyau d'abricot pénètre rapidement sans laisser de film gras. Parfaite comme base de maquillage ou soin de nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eAppliquée sur les pointes sèches ou en masque avant-shampoing, elle redonne brillance et vitalité aux cheveux ternes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de noyau d'abricot Najel ?\u003c\/h2\u003e\n \u003cp class=\"ab-section-intro\"\u003eUne huile multi-usages qui se prête à de nombreuses rituels de beauté au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"ab-timeline\"\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eSoin visage\u003c\/h3\u003e\n \u003cp\u003eRéchauffez 3 à 4 gouttes entre vos paumes et appliquez-les sur le visage nettoyé en massages circulaires, matin ou soir. Utilisez-la seule ou en mélange avec votre crème habituelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eSoin corps et massage\u003c\/h3\u003e\n \u003cp\u003eAppliquez généreusement sur le corps après la douche pour nourrir la peau. Son toucher soyeux en fait une excellente huile de massage relaxant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-item\"\u003e\n \u003cdiv class=\"ab-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ab-timeline-content\"\u003e\n \u003ch3\u003eSérum personnalisé\u003c\/h3\u003e\n \u003cp\u003eMélangez-la avec quelques gouttes d'huile essentielle de lavande ou de géranium rosat pour un soin sur mesure adapté à votre type de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture fluide et son parfum délicat, légèrement fruité, rendent l'application particulièrement agréable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003eComposition – INCI\u003c\/h2\u003e\n \u003cdiv class=\"ab-composition-box\"\u003e\n \u003cdiv class=\"ab-composition-ingredient\"\u003e\n \u003cspan class=\"ab-composition-name\"\u003ePrunus Armeniaca Kernel Oil*\u003c\/span\u003e\n \u003cspan class=\"ab-composition-desc\"\u003eHuile de noyau d'abricot\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-composition-note\"\u003e*Issu de l'agriculture biologique. \u003cstrong\u003e100 % naturel, sans additifs, sans conservateurs, sans parfum ajouté.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ab-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile d'abricot bio Najel ?\u003c\/h2\u003e\n \u003cdiv class=\"ab-grid\"\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🏠 Maison familiale\u003c\/h3\u003e\n \u003cp\u003eNajel est spécialisée dans les soins naturels depuis plusieurs décennies, gage d'un savoir-faire authentique et éprouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n \u003cp\u003eLa pression à froid garantit la préservation de tous les nutriments et vitamines présents dans les noyaux d'abricot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-card\"\u003e\n \u003ch3\u003e🧴 Flacon pompe 80 ml\u003c\/h3\u003e\n \u003cp\u003ePratique et hygiénique, il permet de doser précisément chaque application tout en protégeant l'huile de l'oxydation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ab-tip\"\u003e\n \u003cspan class=\"ab-tip-icon\"\u003e🌍\u003c\/span\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e avec une composition à \u003cstrong\u003e100 % d'origine naturelle\u003c\/strong\u003e, cette huile s'inscrit dans une démarche respectueuse de votre peau comme de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ab-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ab-cta-box\"\u003e\n \u003cp\u003e🍑 Offrez à votre peau l'éclat naturel qu'elle mérite avec l'huile d'abricot bio Najel — un seul ingrédient, des résultats visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ab-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute ou de problème cutané persistant, consultez un dermatologue.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ab-cream: #fdf6f2;\n --ab-white: #ffffff;\n --ab-primary: #e06040;\n --ab-primary-dark: #9c2e1a;\n --ab-primary-light: #fce8e0;\n --ab-secondary: #f0856a;\n --ab-accent: #d44a2e;\n --ab-text: #1a1a1a;\n --ab-text-light: #5a5a5a;\n --ab-border: #f0ddd5;\n --ab-shadow: 0 4px 24px rgba(156,46,26,.08);\n --ab-shadow-lg: 0 12px 48px rgba(156,46,26,.15);\n --ab-radius: 20px;\n --ab-radius-sm: 12px;\n}\n\n.ab-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ab-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ab-hero {\n position: relative;\n background: linear-gradient(135deg, #9c2e1a 0%, #e06040 50%, #f0856a 100%);\n border-radius: var(--ab-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ab-shadow-lg);\n}\n\n.ab-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,200,150,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ab-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ab-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.ab-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ab-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ab-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ab-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ab-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ab-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ab-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ab-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.ab-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ab-primary), var(--ab-secondary));\n border-radius: 2px;\n}\n\n.ab-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ab-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ab-card {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ab-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ab-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ab-shadow-lg);\n border-color: var(--ab-primary);\n}\n\n.ab-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ab-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ab-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ab-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ab-grid-compact .ab-card {\n padding: 1rem;\n}\n\n.ab-grid-compact .ab-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ab-grid-compact .ab-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ab-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ab-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ab-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ab-primary), var(--ab-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ab-timeline-content {\n flex: 1;\n background: var(--ab-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ab-radius-sm);\n box-shadow: var(--ab-shadow);\n}\n\n.ab-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ab-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ab-timeline-content p {\n font-size: 14px;\n color: var(--ab-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ab-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ab-primary-light);\n border-radius: var(--ab-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ab-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ab-tip p {\n font-size: 14px;\n color: var(--ab-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ab-composition-box {\n background: var(--ab-white);\n border-radius: var(--ab-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ab-shadow);\n text-align: center;\n}\n\n.ab-composition-ingredient {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 2px dashed var(--ab-border);\n}\n\n.ab-composition-name {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--ab-primary);\n font-style: italic;\n}\n\n.ab-composition-desc {\n font-size: 14px;\n color: var(--ab-text-light);\n}\n\n.ab-composition-note {\n font-size: 14px;\n color: var(--ab-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ab-cta-box {\n background: linear-gradient(135deg, var(--ab-primary) 0%, var(--ab-primary-dark) 100%);\n border-radius: var(--ab-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ab-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ab-disclaimer {\n font-size: 12px;\n color: var(--ab-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ab-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ab-card {\n padding: 1.125rem;\n }\n\n .ab-section {\n margin-bottom: 1.75rem;\n }\n\n .ab-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ab-radius-sm);\n }\n\n .ab-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ab-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ab-grid-compact {\n gap: .625rem;\n }\n\n .ab-grid-compact .ab-card {\n padding: .75rem;\n }\n\n .ab-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ab-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ab-timeline-content h3 {\n font-size: 14px;\n }\n\n .ab-timeline-content p {\n font-size: 13px;\n }\n\n .ab-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ab-card {\n animation: abFadeInUp .5s ease backwards;\n }\n .ab-card:nth-child(1) { animation-delay: .05s; }\n .ab-card:nth-child(2) { animation-delay: .1s; }\n .ab-card:nth-child(3) { animation-delay: .15s; }\n .ab-card:nth-child(4) { animation-delay: .2s; }\n .ab-card:nth-child(5) { animation-delay: .25s; }\n .ab-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes abFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ab-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54930348704121,"sku":"NJ0205","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-dabricot-bio-80-ml-najel-ingredients_f861ec19-c6c4-4ecb-9736-e6868e58ea1c.webp?v=1772810003"},{"product_id":"huile-de-coco-bio-100-g-najel","title":"Huile de Coco bio - 100 g - Najel","description":"\u003cdiv class=\"hc-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"hc-hero\"\u003e\n\u003cdiv class=\"hc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hc-hero-content\"\u003e\n\u003cdiv class=\"hc-badges-top\"\u003e\n\u003cspan class=\"hc-badge\"\u003e🌴 100% naturelle\u003c\/span\u003e \u003cspan class=\"hc-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"hc-badge\"\u003e✨ Multi-usages\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hc-hero-title\"\u003eHuile de Coco Bio\u003c\/span\u003e\n\u003cp class=\"hc-subtitle\"\u003eLe trésor tropical pour votre peau et vos cheveux\u003c\/p\u003e\n\u003cp class=\"hc-description\"\u003ePure, pressée à froid et certifiée bio. Un seul produit pour nourrir, protéger et sublimer l'ensemble de votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003ePourquoi l'huile de coco bio est-elle si prisée ?\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eUne composition exceptionnelle qui en fait l'une des huiles végétales les plus complètes au monde.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🥥 Acide laurique (~50%)\u003c\/h3\u003e\n\u003cp\u003eCet acide gras aux propriétés remarquables aide à maintenir l'équilibre naturel de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e💧 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eForment un film protecteur qui limite la perte d'hydratation cutanée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌟 Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003eAntioxydant reconnu qui contribue à préserver la jeunesse de votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux huiles raffinées, cette huile pressée à froid n'a subi aucun traitement chimique. Vous bénéficiez de tous ses bienfaits dans leur forme la plus pure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eL'huile de coco sur les cheveux : un soin profond et réparateur\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eCheveux secs, abîmés ou difficiles à coiffer ? Découvrez pourquoi elle fait des merveilles sur la fibre capillaire.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🔬 Pénétration en profondeur\u003c\/h3\u003e\n\u003cp\u003eContrairement à d'autres huiles qui restent en surface, elle nourrit véritablement de l'intérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🛡️ Protection contre les agressions\u003c\/h3\u003e\n\u003cp\u003eChaleur du sèche-cheveux, soleil, eau de mer... vos cheveux sont mieux armés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eFini les cheveux ternes, ils retrouvent tout leur éclat et leur vitalité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🪮 Démêlage facilité\u003c\/h3\u003e\n\u003cp\u003eLes nœuds se défont plus aisément, sans casser ni fragiliser la fibre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline\"\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003ePrélevez une noisette d'huile\u003c\/h3\u003e\n\u003cp\u003eElle se liquéfie au contact de la chaleur de vos mains\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur longueurs et pointes\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour bien répartir le soin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eLaissez poser 30 min à toute une nuit\u003c\/h3\u003e\n\u003cp\u003ePour un soin intensif, optez pour la pose nocturne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eLavez avec votre shampoing habituel\u003c\/h3\u003e\n\u003cp\u003eRépétez une fois par semaine pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce anti-frisottis :\u003c\/strong\u003e appliquez une infime quantité sur cheveux secs pour dompter les frisottis sans alourdir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eUn soin nourrissant pour le visage et le corps\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eUne huile polyvalente qui s'adapte à toutes les zones qui réclament nutrition et douceur.\u003c\/p\u003e\n\u003cdiv class=\"hc-dual-grid\"\u003e\n\u003cdiv class=\"hc-dual-card\"\u003e\n\u003cdiv class=\"hc-dual-header\"\u003e\n\u003cspan class=\"hc-dual-icon\"\u003e🌸\u003c\/span\u003e\n\u003ch3\u003ePour le visage\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"hc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eDémaquillant naturel\u003c\/strong\u003e – Dissout même le maquillage waterproof tout en nourrissant\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin de nuit\u003c\/strong\u003e – Une fine couche pour une peau souple et repulpée au réveil\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBaume à lèvres\u003c\/strong\u003e – Parfait pour réparer les lèvres gercées en hiver\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-dual-card\"\u003e\n\u003cdiv class=\"hc-dual-header\"\u003e\n\u003cspan class=\"hc-dual-icon\"\u003e🧴\u003c\/span\u003e\n\u003ch3\u003ePour le corps\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"hc-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydratation après la douche\u003c\/strong\u003e – Pénètre rapidement sur peau humide\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin zones très sèches\u003c\/strong\u003e – Coudes, talons, genoux retrouvent leur souplesse\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de massage\u003c\/strong\u003e – Texture fondante et parfum délicat de coco\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e💆\u003c\/span\u003e\n\u003cp\u003eLes peaux sensibles et réactives l'apprécient particulièrement pour ses propriétés apaisantes naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eLa certification Cosmos Organic : une garantie de qualité\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eLe label Cosmos Organic n'est pas qu'un simple logo. C'est l'assurance d'un produit d'exception.\u003c\/p\u003e\n\u003cdiv class=\"hc-grid-compact\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌱 Origine biologique\u003c\/h3\u003e\n\u003cp\u003eIngrédients certifiés bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n\u003cp\u003eParabènes, silicones... exclus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌍 Fabrication éco-responsable\u003c\/h3\u003e\n\u003cp\u003eProcessus respectueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e📋 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDu champ au pot\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eComposition\u003cspan class=\"hc-composition-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"hc-composition-box\"\u003e\n\u003cdiv class=\"hc-composition-header\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"hc-composition-inci\"\u003e\u003cstrong\u003e🥥 INCI :\u003c\/strong\u003e Cocos Nucifera Oil*\u003c\/p\u003e\n\u003cp class=\"hc-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-composition-badge\"\u003e\n\u003cspan\u003e100% d'origine naturelle\u003c\/span\u003e \u003cspan\u003e100% des ingrédients végétaux issus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et conservation\u003c\/h2\u003e\n\u003cp class=\"hc-section-intro\"\u003eL'huile de coco se solidifie en dessous de 25°C. C'est parfaitement normal et ne diminue en rien ses qualités.\u003c\/p\u003e\n\u003cdiv class=\"hc-timeline\"\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003ePrélevez la quantité souhaitée\u003c\/h3\u003e\n\u003cp\u003eUtilisez une spatule propre pour préserver l'hygiène du produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eRéchauffez entre vos paumes\u003c\/h3\u003e\n\u003cp\u003eL'huile fond instantanément au contact de la chaleur corporelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-item\"\u003e\n\u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez sur la zone à traiter\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement pour favoriser la pénétration\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-accordion\"\u003e\n\u003cdetails class=\"hc-accordion-item\"\u003e\n\u003csummary class=\"hc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hc-accordion-content\"\u003e\n\u003cp\u003eGardez le pot à l'abri de la lumière directe et de l'humidité. Bien refermé, il se conserve plusieurs mois sans problème.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"hc-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette huile de coco bio ?\u003c\/h2\u003e\n\u003cdiv class=\"hc-grid\"\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🏜️ Peau sèche ou déshydratée\u003c\/h3\u003e\n\u003cp\u003eNutrition intense pour retrouver confort et souplesse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs ou ternes\u003c\/h3\u003e\n\u003cp\u003eRéparation profonde et brillance retrouvée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🎯 Adeptes du minimalisme\u003c\/h3\u003e\n\u003cp\u003eUn seul produit multi-usages pour simplifier votre routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-card\"\u003e\n\u003ch3\u003e🌿 Amateurs de naturel\u003c\/h3\u003e\n\u003cp\u003eSoins certifiés bio et composition irréprochable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-tip\"\u003e\n\u003cspan class=\"hc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous avez une peau à tendance acnéique, testez d'abord sur une petite zone car l'huile de coco peut être comédogène pour certains types de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"hc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eNajel : l'expertise des soins naturels depuis 1895\u003c\/h2\u003e\n\u003cdiv class=\"hc-testimonial\"\u003e\n\u003cp class=\"hc-testimonial-text\"\u003eLa maison Najel perpétue depuis plus d'un siècle un savoir-faire unique dans la fabrication de produits de soin naturels. Connue mondialement pour son authentique savon d'Alep, la marque propose une gamme complète d'huiles végétales biologiques, toutes sélectionnées avec le même souci d'excellence et de pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hc-cta-box\"\u003e\n\u003cp\u003e🥥 \u003cstrong\u003e100 g\u003c\/strong\u003e de pur trésor tropical pour sublimer votre peau et vos cheveux au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hc-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --hc-cream: #FDF8F3;\n --hc-white: #ffffff;\n --hc-primary: #C9A86C;\n --hc-primary-dark: #4A3D35;\n --hc-primary-light: #F5EDE0;\n --hc-secondary: #8B7355;\n --hc-accent: #E8D5B5;\n\n \/* Textes *\/\n --hc-text: #1a1a1a;\n --hc-text-light: #5a5a5a;\n\n \/* Effets *\/\n --hc-border: #e0e0e0;\n --hc-shadow: 0 4px 24px rgba(74,61,53,.08);\n --hc-shadow-lg: 0 12px 48px rgba(74,61,53,.15);\n --hc-radius: 20px;\n --hc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hc-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #A88B5A 50%, #4A3D35 100%);\n border-radius: var(--hc-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(--hc-shadow-lg);\n}\n\n.hc-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, 35 35, 30 55 C25 35, 15 25, 5 20 C15 20, 25 15, 30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.hc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hc-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.hc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hc-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(--hc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.hc-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.hc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hc-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.hc-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(--hc-primary), var(--hc-secondary));\n border-radius: 2px;\n}\n\n.hc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.hc-card {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hc-shadow-lg);\n border-color: var(--hc-primary);\n}\n\n.hc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hc-grid-compact .hc-card {\n padding: 1rem;\n}\n\n.hc-grid-compact .hc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hc-grid-compact .hc-card p {\n font-size: 12px;\n}\n\n\/* === DUAL GRID (visage\/corps) === *\/\n.hc-dual-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.hc-dual-card {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--hc-shadow);\n}\n\n.hc-dual-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n border-bottom: 2px solid var(--hc-primary-light);\n}\n\n.hc-dual-icon {\n font-size: 28px;\n}\n\n.hc-dual-header h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--hc-primary-dark);\n margin: 0;\n}\n\n.hc-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.hc-list li {\n padding: .625rem 0;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hc-text-light);\n line-height: 1.6;\n border-bottom: 1px solid var(--hc-border);\n}\n\n.hc-list li:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.hc-list li strong {\n color: var(--hc-primary-dark);\n}\n\n\/* === TIMELINE === *\/\n.hc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.hc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hc-primary), var(--hc-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.hc-timeline-content {\n flex: 1;\n background: var(--hc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hc-radius-sm);\n box-shadow: var(--hc-shadow);\n}\n\n.hc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hc-timeline-content p {\n font-size: 14px;\n color: var(--hc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hc-primary-light);\n border-radius: var(--hc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hc-tip p {\n font-size: 14px;\n color: var(--hc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.hc-composition-box {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hc-shadow);\n border: 2px solid var(--hc-primary);\n}\n\n.hc-composition-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.hc-composition-icon {\n font-size: 48px;\n}\n\n.hc-composition-inci {\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--hc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hc-composition-note {\n font-size: 14px;\n color: var(--hc-text-light);\n font-style: italic;\n margin: 0;\n}\n\n.hc-composition-badge {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.hc-composition-badge span {\n background: var(--hc-primary-light);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--hc-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.hc-accordion {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n box-shadow: var(--hc-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.hc-accordion-item {\n border-bottom: 1px solid var(--hc-border);\n margin: 0;\n padding: 0;\n}\n\n.hc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hc-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.hc-accordion-header:hover {\n background: var(--hc-primary-light);\n}\n\n.hc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hc-primary);\n transition: transform .2s ease;\n}\n\n.hc-accordion-item[open] .hc-accordion-header::after {\n content: '−';\n}\n\n.hc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.hc-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.hc-testimonial {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hc-shadow);\n border-left: 4px solid var(--hc-primary);\n margin-bottom: 1.5rem;\n}\n\n.hc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.hc-cta-box {\n background: linear-gradient(135deg, var(--hc-primary) 0%, var(--hc-primary-dark) 100%);\n border-radius: var(--hc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hc-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.hc-disclaimer {\n font-size: 12px;\n color: var(--hc-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 .hc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hc-card {\n padding: 1.125rem;\n }\n \n .hc-section {\n margin-bottom: 1.75rem;\n }\n \n .hc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hc-radius-sm);\n }\n \n .hc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hc-grid-compact {\n gap: .625rem;\n }\n \n .hc-grid-compact .hc-card {\n padding: .75rem;\n }\n \n .hc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .hc-timeline-content {\n padding: .875rem 1rem;\n }\n \n .hc-timeline-content h3 {\n font-size: 14px;\n }\n \n .hc-timeline-content p {\n font-size: 13px;\n }\n \n .hc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hc-testimonial {\n padding: 1.25rem;\n }\n \n .hc-testimonial-text {\n font-size: 14px;\n }\n \n .hc-dual-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hc-dual-card {\n padding: 1.25rem;\n }\n \n .hc-composition-header {\n flex-direction: column;\n text-align: center;\n }\n \n .hc-composition-badge {\n justify-content: center;\n }\n \n .hc-composition-badge span {\n font-size: 12px;\n padding: .4rem .75rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hc-card:nth-child(1) { animation-delay: .05s; }\n .hc-card:nth-child(2) { animation-delay: .1s; }\n .hc-card:nth-child(3) { animation-delay: .15s; }\n .hc-card:nth-child(4) { animation-delay: .2s; }\n .hc-card:nth-child(5) { animation-delay: .25s; }\n .hc-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 .hc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931012485497,"sku":"NJ0210","price":7.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-coco-bio-100-g-najel-lifestyle.webp?v=1769156040"},{"product_id":"huile-de-jojoba-najel","title":"Huile de Jojoba bio - Rééquilibrante – 80 ml – Najel","description":"\u003cdiv class=\"jjb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"jjb-hero\"\u003e\n\u003cdiv class=\"jjb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"jjb-hero-content\"\u003e\n\u003cdiv class=\"jjb-badges-top\"\u003e\n\u003cspan class=\"jjb-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e \u003cspan class=\"jjb-badge\"\u003e🇵🇪 Origine Pérou\u003c\/span\u003e \u003cspan class=\"jjb-badge\"\u003e💧 100% Pure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"jjb-hero-title\"\u003eHuile de Jojoba Bio\u003c\/span\u003e\n\u003cp class=\"jjb-subtitle\"\u003eLe secret des déserts sud-américains pour une peau et des cheveux sublimés\u003c\/p\u003e\n\u003cp class=\"jjb-description\"\u003eUne huile précieuse extraite par première pression à froid, à la composition étonnamment proche du sébum naturel de votre peau. Absorption exceptionnelle, zéro effet gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eQu'est-ce qui rend l'huile de jojoba si particulière ?\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eContrairement aux autres huiles végétales, l'huile de jojoba est en réalité une cire liquide. Cette caractéristique unique explique pourquoi elle pénètre si facilement dans l'épiderme.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧬 Cire liquide naturelle\u003c\/h3\u003e\n\u003cp\u003eQualifiée d'« huile sèche », elle ne laisse aucun film collant et convient parfaitement aux personnes qui redoutent l'effet gras des huiles classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🫒 Riche en oméga-9\u003c\/h3\u003e\n\u003cp\u003eAcides gras essentiels pour une protection et une nutrition en profondeur de votre peau et de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant qui préserve l'éclat de votre peau et protège contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🛡️ Céramides végétales\u003c\/h3\u003e\n\u003cp\u003eRenforcent la barrière cutanée pour une peau protégée et confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e⏳ Stabilité exceptionnelle\u003c\/h3\u003e\n\u003cp\u003eSe conserve longtemps sans rancir, un avantage non négligeable pour votre routine beauté quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💨 Absorption rapide\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément grâce à sa composition proche du sébum naturel de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile de jojoba pour le visage\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eUn soin complet qui s'adapte intelligemment à vos besoins cutanés, quel que soit votre type de peau.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e⚖️ Régulation du sébum\u003c\/h3\u003e\n\u003cp\u003eEn mimant le sébum naturel, elle signale à vos glandes sébacées de réduire leur production. Résultat : peau moins brillante et pores moins visibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💦 Hydratation longue durée\u003c\/h3\u003e\n\u003cp\u003eRenforce la barrière cutanée et limite les pertes d'eau. Votre peau reste souple et confortable toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🕐 Action anti-âge\u003c\/h3\u003e\n\u003cp\u003eSes antioxydants naturels préservent l'élasticité de la peau et atténuent les premiers signes de l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌸 Apaisement des irritations\u003c\/h3\u003e\n\u003cp\u003ePeaux sensibles, réactives ou sujettes aux rougeurs : cette huile douce calme et réconforte sans jamais agresser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧴 Démaquillage efficace\u003c\/h3\u003e\n\u003cp\u003eDissout parfaitement le maquillage, même waterproof, tout en prenant soin de la zone délicate du contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eL'huile de jojoba pour les cheveux : un soin révélateur d'éclat\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eVos cheveux méritent aussi les bienfaits de ce précieux élixir qui agit à plusieurs niveaux pour transformer votre chevelure.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌾 Nutrition des longueurs\u003c\/h3\u003e\n\u003cp\u003ePénètre la fibre capillaire pour la nourrir de l'intérieur. Les cheveux secs et abîmés retrouvent douceur et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n\u003cp\u003eQuelques gouttes suffisent pour apporter un éclat sain à vos cheveux, sans les alourdir ni les graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧘 Équilibre du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eQu'il soit trop sec ou trop gras, votre cuir chevelu bénéficie des propriétés régulatrices. Apaise démangeaisons et réduit les pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🛡️ Protection anti-agressions\u003c\/h3\u003e\n\u003cp\u003eChaleur du sèche-cheveux, pollution, UV… forme un voile protecteur léger sur votre chevelure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💪 Renforcement des racines\u003c\/h3\u003e\n\u003cp\u003eEn massage sur le cuir chevelu, elle stimule la microcirculation et favorise des cheveux plus forts et plus vigoureux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile de jojoba au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"jjb-timeline\"\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le visage – Soin quotidien\u003c\/h3\u003e\n\u003cp\u003ePrélevez 2 à 3 gouttes dans le creux de votre main. Chauffez légèrement en frottant vos paumes, puis appliquez par légers tapotements sur l'ensemble du visage. Seule le soir ou le matin sous votre crème de jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le visage – Démaquillage\u003c\/h3\u003e\n\u003cp\u003eVersez quelques gouttes directement sur un coton réutilisable ou massez sur peau sèche pour dissoudre le maquillage. Rincez ensuite à l'eau tiède ou poursuivez avec votre nettoyant habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSur le corps\u003c\/h3\u003e\n\u003cp\u003eAprès la douche, sur peau encore légèrement humide, appliquez généreusement et massez jusqu'à absorption complète. Cette technique scelle l'hydratation pour une peau douce et veloutée toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eMasque avant-shampooing\u003c\/h3\u003e\n\u003cp\u003eRépartissez l'huile sur l'ensemble de la chevelure, des racines aux pointes. Enveloppez dans une serviette chaude et laissez poser 30 minutes minimum, voire toute la nuit pour un soin intensif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eSoin sans rinçage\u003c\/h3\u003e\n\u003cp\u003eSur cheveux secs ou essorés, appliquez une noisette d'huile uniquement sur les longueurs et les pointes. Idéal pour dompter les frisottis et apporter de la brillance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-item\"\u003e\n\u003cdiv class=\"jjb-timeline-number\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"jjb-timeline-content\"\u003e\n\u003ch3\u003eMassage du cuir chevelu\u003c\/h3\u003e\n\u003cp\u003eUne fois par semaine, massez délicatement votre cuir chevelu avec quelques gouttes pour stimuler la circulation sanguine et favoriser la santé de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette huile ?\u003c\/h2\u003e\n\u003cp class=\"jjb-section-intro\"\u003eLa beauté de l'huile de jojoba réside dans son universalité. Elle s'adapte à tous les besoins.\u003c\/p\u003e\n\u003cdiv class=\"jjb-grid-compact\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌟 Peaux grasses \u0026amp; mixtes\u003c\/h3\u003e\n\u003cp\u003eRégule le sébum sans aggraver les imperfections\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eNutrition et confort en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🕐 Peaux matures\u003c\/h3\u003e\n\u003cp\u003ePréserve éclat et élasticité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eSoin doux et apaisant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💇 Cheveux fragilisés\u003c\/h3\u003e\n\u003cp\u003eCure de vitalité et brillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🧴 Cuirs chevelus\u003c\/h3\u003e\n\u003cp\u003eRééquilibre gras ou pellicules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eLa qualité Najel : une huile d'exception\u003c\/h2\u003e\n\u003cdiv class=\"jjb-grid\"\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertification garantissant une huile issue de l'agriculture biologique, produite dans le respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e❄️ Première pression à froid\u003c\/h3\u003e\n\u003cp\u003eMéthode d'extraction douce qui préserve l'intégralité des nutriments et principes actifs de la graine de jojoba.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eAucun additif, aucun conservateur, aucun parfum ajouté. Une huile 100% pure et naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e🇵🇪 Origine Pérou\u003c\/h3\u003e\n\u003cp\u003eFabriquée avec soin au Pérou, berceau des plantations de jojoba de qualité supérieure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"jjb-card\"\u003e\n\u003ch3\u003e📦 Format pratique 80 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon avec pompe permettant un dosage précis et une utilisation hygiénique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"jjb-testimonial\"\u003e\n\u003cp class=\"jjb-testimonial-text\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Simmondsia Chinensis (Jojoba) Seed Oil*\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-style: normal; font-size: 14px; color: var(--jjb-text-light);\"\u003e*100% des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n\u003cp style=\"margin-top: 0.5rem; font-style: normal; font-size: 14px; color: var(--jjb-text-light);\"\u003eCertifié Cosmos Organic par Ecocert Greenlife selon le référentiel Cosmos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"jjb-section\"\u003e\n\u003ch2\u003eConseils de conservation\u003c\/h2\u003e\n\u003cdiv class=\"jjb-accordion\"\u003e\n\u003cdetails class=\"jjb-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"jjb-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n\u003cdiv class=\"jjb-accordion-content\"\u003e\n\u003cp\u003eConservez votre huile de jojoba à l'abri de la lumière directe et de la chaleur excessive. Grâce à sa composition stable, elle se conserve naturellement plusieurs mois après ouverture sans altération de ses propriétés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"jjb-accordion-item\"\u003e\n\u003csummary class=\"jjb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"jjb-accordion-content\"\u003e\n\u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"jjb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"jjb-cta-box\"\u003e\n\u003cp\u003e✨ Faites le choix d'une beauté simple et authentique avec l'huile de jojoba certifiée bio de Najel. Un seul ingrédient, des bienfaits multiples pour votre peau et vos cheveux. Intégrez-la dès maintenant à votre routine et découvrez par vous-même pourquoi cette huile est devenue un incontournable des soins naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --jjb-cream: #F7F5F0;\n --jjb-white: #ffffff;\n --jjb-primary: #C9A86C;\n --jjb-primary-dark: #8B7355;\n --jjb-primary-light: #F5EDE0;\n --jjb-secondary: #D4A574;\n --jjb-accent: #A67C52;\n --jjb-text: #2D2A26;\n --jjb-text-light: #6B635A;\n --jjb-border: #E8E2D9;\n --jjb-shadow: 0 4px 24px rgba(139,115,85,.08);\n --jjb-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --jjb-radius: 20px;\n --jjb-radius-sm: 12px;\n}\n\n.jjb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--jjb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.jjb-hero {\n position: relative;\n background: linear-gradient(135deg, #C9A86C 0%, #D4A574 50%, #A67C52 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--jjb-shadow-lg);\n}\n\n.jjb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2.5 0-4.5 2-4.5 4.5S27.5 14 30 14s4.5-2 4.5-4.5S32.5 5 30 5zm0 41c-2.5 0-4.5 2-4.5 4.5S27.5 55 30 55s4.5-2 4.5-4.5S32.5 46 30 46zm-20-20c0-2.5-2-4.5-4.5-4.5S1 23.5 1 26s2 4.5 4.5 4.5S10 28.5 10 26zm49 0c0-2.5-2-4.5-4.5-4.5S50 23.5 50 26s2 4.5 4.5 4.5S59 28.5 59 26z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.jjb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.jjb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.jjb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.jjb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.jjb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.jjb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.jjb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.jjb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.jjb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--jjb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.jjb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--jjb-primary), var(--jjb-secondary));\n border-radius: 2px;\n}\n\n.jjb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.jjb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.jjb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.jjb-card {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--jjb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.jjb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--jjb-shadow-lg);\n border-color: var(--jjb-primary);\n}\n\n.jjb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.jjb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.jjb-grid-compact .jjb-card {\n padding: 1rem;\n}\n\n.jjb-grid-compact .jjb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.jjb-grid-compact .jjb-card p {\n font-size: 12px;\n}\n\n.jjb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.jjb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.jjb-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--jjb-primary), var(--jjb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(201,168,108,.3);\n}\n\n.jjb-timeline-content {\n flex: 1;\n background: var(--jjb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--jjb-radius-sm);\n box-shadow: var(--jjb-shadow);\n}\n\n.jjb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--jjb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.jjb-timeline-content p {\n font-size: 14px;\n color: var(--jjb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.jjb-testimonial {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--jjb-shadow);\n border-left: 4px solid var(--jjb-primary);\n text-align: center;\n}\n\n.jjb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--jjb-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.jjb-accordion {\n background: var(--jjb-white);\n border-radius: var(--jjb-radius);\n box-shadow: var(--jjb-shadow);\n overflow: hidden;\n}\n\n.jjb-accordion-item {\n border-bottom: 1px solid var(--jjb-border);\n margin: 0;\n padding: 0;\n}\n\n.jjb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.jjb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--jjb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.jjb-accordion-header:hover {\n background: var(--jjb-primary-light);\n}\n\n.jjb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.jjb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--jjb-primary);\n transition: transform .2s ease;\n}\n\n.jjb-accordion-item[open] .jjb-accordion-header::after {\n content: '−';\n}\n\n.jjb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--jjb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.jjb-accordion-content p {\n margin: 0;\n}\n\n.jjb-cta-box {\n background: linear-gradient(135deg, var(--jjb-primary) 0%, var(--jjb-primary-dark) 100%);\n border-radius: var(--jjb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.jjb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .jjb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .jjb-card {\n padding: 1.125rem;\n }\n \n .jjb-section {\n margin-bottom: 1.75rem;\n }\n \n .jjb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--jjb-radius-sm);\n }\n \n .jjb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .jjb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .jjb-grid-compact {\n gap: .625rem;\n }\n \n .jjb-grid-compact .jjb-card {\n padding: .75rem;\n }\n \n .jjb-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .jjb-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .jjb-timeline-content h3 {\n font-size: 14px;\n }\n \n .jjb-timeline-content p {\n font-size: 13px;\n }\n \n .jjb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .jjb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .jjb-testimonial {\n padding: 1.25rem;\n }\n \n .jjb-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .jjb-card {\n animation: jjbFadeInUp .5s ease backwards;\n }\n .jjb-card:nth-child(1) { animation-delay: .05s; }\n .jjb-card:nth-child(2) { animation-delay: .1s; }\n .jjb-card:nth-child(3) { animation-delay: .15s; }\n .jjb-card:nth-child(4) { animation-delay: .2s; }\n .jjb-card:nth-child(5) { animation-delay: .25s; }\n .jjb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes jjbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .jjb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NAJEL","offers":[{"title":"Default Title","offer_id":54931040371065,"sku":"NJ0215","price":12.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-de-jojoba-certifiee-bio-80-ml-najel-lifestyle.webp?v=1769090755"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/hydratant-306849.jpg?v=1732719524","url":"https:\/\/www.naturellement-bio.com\/collections\/hydratant.oembed?page=4","provider":"Naturellement Bio","version":"1.0","type":"link"}