{"title":"Florame","description":"\u003ch2\u003eFlorame en bref : ce qu'il faut retenir avant de parcourir les produits\u003c\/h2\u003e\n\u003cp\u003eFlorame, c'est plus de trente ans d'expertise en aromathérapie et cosmétique biologique, ancrés en Provence. La marque a été créée en 1990 par Michel Sommerard, un passionné d'huiles essentielles et défenseur de l'agriculture biologique bien avant que le bio ne devienne tendance. Aujourd'hui, Florame formule ses soins dans son propre laboratoire à Saint-Rémy-de-Provence, avec des matières premières rigoureusement sélectionnées et des certifications solides : \u003cstrong\u003eEcocert\u003c\/strong\u003e, Cosmébio, AB. Une marque indépendante, qui n'a jamais été rachetée par un groupe conventionnel. Ça, c'est rassurant.\u003c\/p\u003e\n\n\u003ch2\u003e1990, au cœur des Alpilles : là où tout a commencé\u003c\/h2\u003e\n\u003cp\u003eL'histoire de Florame débute dans un décor qui ne s'invente pas. Saint-Rémy-de-Provence, au pied des Alpilles, avec ses champs de lavande et ses garrigues parfumées. C'est là que Michel Sommerard, agriculteur et spécialiste reconnu des huiles essentielles, décide de lancer sa propre marque. On parle d'un homme qui militait déjà pour l'agriculture biologique dans les années 70, bien avant que le mot « bio » n'entre dans le vocabulaire courant.\u003c\/p\u003e\n\u003cp\u003eMichel Sommerard n'était pas un simple entrepreneur. Il a contribué à poser les bases de la certification des huiles essentielles biologiques en France. Il a même créé le premier Musée des Arômes dans l'Hexagone. Son fils, Jean-Charles Sommerard, est devenu aromatologue et parfumeur, perpétuant ce savoir-faire familial. Concrètement, Florame est née d'une vraie passion, pas d'une étude de marché.\u003c\/p\u003e\n\u003cp\u003eEn 2003, la marque construit un laboratoire de 1 200 m². Quatre ans plus tard, un second bâtiment logistique voit le jour. Pas de poudre aux yeux. Juste une croissance maîtrisée, fidèle à l'esprit des débuts.\u003c\/p\u003e\n\n\u003ch2\u003eUn laboratoire provençal qui fait tout en interne (ou presque)\u003c\/h2\u003e\n\u003cp\u003eCe qui distingue Florame de beaucoup d'autres marques, c'est sa capacité à maîtriser une grande partie de la chaîne de production. La distillation des huiles essentielles ? Elle se fait sur place, à Saint-Rémy-de-Provence, ou directement sur les lieux de culture des plantes. La formulation des cosmétiques ? Réalisée par une équipe R\u0026amp;D dédiée, dans les locaux de la marque.\u003c\/p\u003e\n\u003cp\u003eEt puis il y a le laboratoire de contrôle qualité. Cinq personnes y travaillent, équipées d'appareils d'analyse pointus : chromatographes, ionisation de flamme, spectrométrie de masse. Chaque lot d'huile essentielle est analysé avant d'être intégré aux formules. Rien n'est sous-traité. En pratique, cela signifie une traçabilité complète, de la plante au flacon.\u003c\/p\u003e\n\u003cp\u003eEn 2014, Florame a également inauguré un Institut des Huiles Essentielles à Mane, en Provence. Un lieu dédié à la recherche et à la transmission des savoirs autour de ces trésors végétaux. On regarde l'étiquette, et on comprend vite : ici, le savoir-faire n'est pas un argument marketing.\u003c\/p\u003e\n\n\u003ch2\u003eCe qui nous a convaincus de référencer Florame\u003c\/h2\u003e\n\u003cp\u003eQuand on sélectionne une marque chez Naturellement Bio, on ne se contente pas de lire les plaquettes commerciales. On vérifie. On compare. On lit les compositions. Et avec Florame, plusieurs éléments nous ont frappés.\u003c\/p\u003e\n\u003cp\u003eD'abord, l'indépendance. Florame n'a jamais été rachetée par un groupe cosmétique conventionnel. L'entreprise reste une PME d'une soixantaine de collaborateurs, avec son ADN intact. Ensuite, la lisibilité des formules. Les listes d'ingrédients sont courtes, compréhensibles, sans substances controversées. Pas de parfum de synthèse, pas de colorant artificiel.\u003c\/p\u003e\n\u003cp\u003eEt puis il y a la cohérence. Les certifications ne sont pas là pour décorer : Ecocert Cosmos Organic, Cosmébio, AB. Ces labels impliquent des contrôles réguliers, des cahiers des charges stricts. Concrètement, quand vous achetez un produit Florame, vous savez ce que vous mettez sur votre peau. C'est là que ça se joue.\u003c\/p\u003e\n\n\u003ch2\u003eDes engagements concrets, pas des slogans\u003c\/h2\u003e\n\u003cp\u003eFlorame fait partie des marques pionnières de la cosmétique bio française. Elle a participé à la création de Cosmébio en 2002, aux côtés d'autres acteurs engagés. Ce n'est pas anodin : cela signifie qu'elle a contribué à définir les standards du secteur.\u003c\/p\u003e\n\u003cp\u003eSur le terrain, cela se traduit par des partenariats durables avec des producteurs locaux. Lavande fine, hamamélis, pensée sauvage, camomille bleue : de nombreuses matières premières proviennent directement des environs de Saint-Rémy-de-Provence. La marque a même lancé un projet de relance d'une variété ancienne d'amandier provençal, avec un accompagnement scientifique des agriculteurs.\u003c\/p\u003e\n\u003cp\u003eÀ l'international, Florame a créé une filière équitable à Madagascar dès 2007. L'objectif : cultiver et collecter des plantes biologiques sur place, tout en garantissant des conditions de travail dignes. En pratique, cela permet à la marque de sécuriser son approvisionnement en huiles essentielles de haute qualité, tout en soutenant une économie locale. Les emballages, eux, sont recyclables et imprimés avec des encres écologiques.\u003c\/p\u003e\n\n\u003ch2\u003eCes soins sont faits pour vous si…\u003c\/h2\u003e\n\u003cp\u003eLes produits Florame s'adressent à celles et ceux qui recherchent une cosmétique efficace, formulée avec des actifs végétaux concentrés. Si vous êtes sensible à la provenance des ingrédients, à la traçabilité, et que vous préférez les formules sans fioritures, vous êtes au bon endroit.\u003c\/p\u003e\n\u003cp\u003eLa gamme couvre de nombreux besoins : soins anti-âge, hydratation, hygiène quotidienne, soins pour hommes, huiles essentielles pures ou en synergie. Les textures sont généralement légères, les parfums naturels – souvent marqués par les huiles essentielles, ce qui plaît à certains et moins à d'autres.\u003c\/p\u003e\n\u003cp\u003eEn revanche, si vous êtes très sensible aux odeurs végétales ou si vous préférez des cosmétiques sans aucune fragrance, certains produits Florame ne vous conviendront peut-être pas. La marque propose toutefois des références sans parfum ajouté, pensées pour les peaux réactives. Résultat : il y a de quoi trouver son bonheur, à condition de bien cibler ses besoins.\u003c\/p\u003e\n\n\u003ch2\u003eCe qui place Florame à part dans le paysage bio\u003c\/h2\u003e\n\u003cp\u003eBeaucoup de marques affichent des certifications bio. Peu peuvent se targuer de plus de trente ans d'expérience, d'un laboratoire intégré avec contrôle qualité en interne, et d'une filière équitable créée de toutes pièces à Madagascar. Florame cumule ces atouts sans jamais avoir cédé aux sirènes des grands groupes.\u003c\/p\u003e\n\u003cp\u003eLa marque a également été parmi les premières à développer le concept d'\u003cem\u003earoma-cosmétique\u003c\/em\u003e : intégrer les huiles essentielles non pas comme simple parfum, mais comme véritables actifs dans les formules. Ce positionnement, à mi-chemin entre aromathérapie et cosmétique, lui confère une identité forte. Et une efficacité que les utilisateurs réguliers ne manquent pas de souligner.\u003c\/p\u003e\n\n\u003ch2\u003eTrouver le bon produit Florame : quelques repères\u003c\/h2\u003e\n\u003cp\u003eVous avez parcouru la grille de produits au-dessus. Voici comment vous y retrouver. Les soins visage sont organisés par problématique : anti-âge, hydratation, éclat. La gamme \u003cstrong\u003eLys Perfection\u003c\/strong\u003e, lancée en 2011, cible les signes de l'âge avec des actifs concentrés. La gamme Âge Intense va encore plus loin pour les peaux matures.\u003c\/p\u003e\n\u003cp\u003ePour les hommes, Florame propose une ligne complète : rasage, soin de la barbe, hydratation. Les huiles végétales pures (jojoba, onagre, argan) sont idéales pour enrichir votre routine ou créer vos propres mélanges. Les shampoings et soins capillaires, formulés sans sulfate, conviennent aux cuirs chevelus sensibles.\u003c\/p\u003e\n\u003cp\u003eEn pratique, commencez par identifier votre besoin principal. Ensuite, regardez la composition : les premiers ingrédients de la liste sont ceux présents en plus grande quantité. Chez Florame, vous y trouverez souvent des eaux florales, des huiles végétales, des extraits de plantes. Pas de mauvaise surprise.\u003c\/p\u003e\n\n\u003ch2\u003eNos produits préférés chez Florame\u003c\/h2\u003e\n\u003cp\u003eParmi les références que nous avons testées et approuvées, le \u003ca href=\"\/products\/serum-anti-age-haute-correction-bio-30-ml-florame\"\u003esérum anti-âge Lys Perfection\u003c\/a\u003e sort du lot. Sa texture fluide pénètre rapidement, sans laisser de film gras. On l'applique matin et soir, avant la crème, pour un effet repulpant visible au fil des semaines. L'odeur ? Délicate, florale, sans être entêtante. Idéal pour les peaux qui montrent les premiers signes de fatigue.\u003c\/p\u003e\n\u003cp\u003ePour les messieurs, le \u003ca href=\"\/products\/savon-du-baroudeur-5-en-1-homme-bio-100-g-florame\"\u003esavon du Baroudeur 5 en 1\u003c\/a\u003e est une vraie trouvaille. Un seul produit pour le visage, le corps, les cheveux, la barbe et le rasage. Pratique en voyage ou pour simplifier la salle de bain. La mousse est onctueuse, le rinçage facile, et la peau reste confortable après utilisation. On aime son côté minimaliste et efficace.\u003c\/p\u003e\n\u003cp\u003eEnfin, l'\u003ca href=\"\/products\/huile-vegetale-de-jojoba-bio-50-ou-100-ml-florame\"\u003ehuile végétale de jojoba bio\u003c\/a\u003e mérite une mention. Polyvalente, elle s'utilise en soin visage, démaquillant, ou même en bain d'huile pour les cheveux. Sa texture sèche ne laisse pas de sensation grasse. Concrètement, c'est le genre de basique qu'on rachète sans hésiter une fois le flacon terminé.\u003c\/p\u003e\n\n\u003ch2\u003eCe qu'on remarque à l'usage\u003c\/h2\u003e\n\u003cp\u003eLes produits Florame ont une signature olfactive reconnaissable. Les huiles essentielles sont présentes, parfois de façon assez marquée. Certains adorent, d'autres préfèrent des parfums plus discrets. Si vous êtes dans la seconde catégorie, orientez-vous vers les soins sans parfum ou les huiles végétales pures.\u003c\/p\u003e\n\u003cp\u003eCôté texture, les crèmes sont généralement légères, non collantes. Elles pénètrent bien et laissent la peau douce sans effet « masque ». Les sérums, eux, sont concentrés : quelques gouttes suffisent. On apprécie aussi la qualité des flacons, souvent en verre, avec des pompes ou pipettes bien conçues.\u003c\/p\u003e\n\u003cp\u003eUn point qui revient souvent dans les retours d'utilisateurs : l'efficacité sur le long terme. Les résultats ne sont pas toujours spectaculaires dès la première application, mais la régularité paie. Après quelques semaines, la peau gagne en confort, en éclat, en souplesse. Pas de promesse miracle, juste une cosmétique qui fait son travail, honnêtement.\u003c\/p\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes sur Florame\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes produits Florame sont-ils adaptés aux peaux sensibles ?\u003c\/summary\u003e\n\u003cp\u003eOui, la majorité des soins Florame sont formulés pour être bien tolérés, y compris par les peaux réactives. La marque propose également des références sans parfum ajouté, spécialement conçues pour minimiser les risques d'irritation. En cas de doute, testez le produit sur une petite zone avant une application plus large.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eOù sont fabriqués les produits Florame ?\u003c\/summary\u003e\n\u003cp\u003eFlorame fabrique la majorité de ses produits dans son laboratoire de Saint-Rémy-de-Provence, en France. Certaines références sont réalisées par des ateliers partenaires, mais toujours sous le contrôle qualité de la marque. Les huiles essentielles sont distillées soit sur place, soit directement sur les lieux de culture des plantes.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la durée de conservation des produits Florame ?\u003c\/summary\u003e\n\u003cp\u003eLa durée de conservation varie selon les produits. Les huiles essentielles se conservent généralement plusieurs années si elles sont stockées à l'abri de la lumière et de la chaleur. Les cosmétiques, une fois ouverts, doivent être utilisés dans les 6 à 12 mois selon les indications du symbole PAO (Période Après Ouverture) présent sur l'emballage.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes produits Florame sont-ils vegan ?\u003c\/summary\u003e\n\u003cp\u003eUne grande partie des produits Florame sont formulés sans ingrédients d'origine animale. Cependant, certains soins peuvent contenir de la cire d'abeille ou d'autres dérivés. Pour être sûr, vérifiez la liste des ingrédients ou recherchez les références explicitement labellisées vegan.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on utiliser les huiles essentielles Florame en aromathérapie ?\u003c\/summary\u003e\n\u003cp\u003eAbsolument. Les huiles essentielles Florame sont 100 % pures et naturelles, certifiées bio. Elles peuvent être utilisées en diffusion, en inhalation, ou diluées dans une huile végétale pour un usage cutané. Respectez toujours les précautions d'emploi et les dosages recommandés, notamment pour les femmes enceintes, allaitantes, et les enfants.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"bb-creme-5-en-1-bio-3-teintes-au-choix-40-ml-florame","title":"Bb Crème 5 en 1 Bio Claire - 40 ml - Florame","description":"\u003cp\u003eDécouvrez la \u003cstrong\u003eBB Crème 5-en-1 Bio\u003c\/strong\u003e de Florame en teinte claire, votre alliée beauté pour un teint parfait et naturel tout au long de l'année. Cette crème innovante combine les bienfaits d'un soin hydratant et les atouts d'un maquillage léger, le tout dans une formule certifiée biologique.\u003c\/p\u003e\n\u003ch2\u003eLes 5 actions essentielles de la BB Crème Florame\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHydrate\u003c\/strong\u003e : Grâce à sa composition riche en ingrédients naturels, elle assure une hydratation optimale de la peau, procurant confort et douceur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMatifie\u003c\/strong\u003e : Sa texture légère et non grasse contrôle les brillances, laissant un fini naturellement poudré sans nécessiter l'application d'une poudre supplémentaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUnifie\u003c\/strong\u003e : Elle camoufle les petites imperfections et homogénéise le teint pour un rendu uniforme et éclatant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIllumine\u003c\/strong\u003e : Les pigments naturels subliment le teint, apportant une luminosité saine et radieuse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtège\u003c\/strong\u003e : Avec un SPF 20, elle protège la peau des effets néfastes des rayons UV quotidiens.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUne composition naturelle et biologique\u003c\/h2\u003e\n\u003cp\u003eLa BB Crème 5-en-1 de Florame est formulée avec :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e98% d'ingrédients d'origine naturelle\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e49% d'ingrédients issus de l'agriculture biologique\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCette composition respecte votre peau tout en contribuant à la préservation de l'environnement.\u003c\/p\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp\u003eAppliquez la BB Crème chaque matin sur une peau propre et sèche. Déposez une petite quantité de produit sur le visage et étalez uniformément du bout des doigts ou à l'aide d'une éponge pour un fini impeccable. Pour une teinte sur mesure, il est possible de mélanger différentes nuances de la BB Crème Florame.\u003c\/p\u003e\n\u003ch2\u003eEngagements qualité Florame\u003c\/h2\u003e\n\u003cp\u003eFlorame s'engage à offrir des produits certifiés biologiques, élaborés avec des ingrédients rigoureusement sélectionnés pour leur efficacité et leur innocuité. La BB Crème 5-en-1 ne contient ni parabènes, ni silicones, ni colorants artificiels, garantissant une tolérance optimale même pour les peaux sensibles.\u003c\/p\u003e\n\u003cp\u003eAdoptez la BB Crème 5-en-1 Bio de Florame en teinte claire pour une routine beauté naturelle, efficace et respectueuse de votre peau.\u003c\/p\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755215610013,"sku":"FM0390","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bb-creme-5-en-1-teinte-claire-40-ml-florame-193443.jpg?v=1739804106"},{"product_id":"huile-seche-infusion-divine-bio-100-ml-florame","title":"Huile Sèche Infusion Divine Bio - 100 ml - Florame","description":"\u003cdiv class=\"id-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"id-hero\"\u003e\n\u003cdiv class=\"id-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"id-hero-content\"\u003e\n\u003cdiv class=\"id-badges-top\"\u003e\n\u003cspan class=\"id-badge\"\u003e🌿 Certifiée COSMOS Organic\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🌸 30 huiles bio\u003c\/span\u003e \u003cspan class=\"id-badge\"\u003e🏆 Meilleur Produit Bio 2021\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"id-hero-title\"\u003eHuile Sèche Infusion Divine Bio\u003c\/span\u003e\n\u003cp class=\"id-subtitle\"\u003eFlorame · 100 ml · Visage · Corps · Cheveux\u003c\/p\u003e\n\u003cp class=\"id-description\"\u003eUn élixir multi-usage d'exception né de 30 ans d'expertise en aromathérapie provençale. 30 huiles végétales et essentielles biologiques réunies dans un seul flacon pour sublimer votre beauté naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eHuile Sèche Infusion Divine Bio Florame : 30 huiles précieuses pour sublimer votre peau, votre corps et vos cheveux\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eImaginez un seul geste beauté qui nourrit votre visage, enveloppe votre corps de douceur et redonne vie à vos cheveux.\u003c\/p\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e✨ Élixir multi-usage\u003c\/h3\u003e\n\u003cp\u003eUn seul flacon pour le visage, le corps et les cheveux, enrichi de 30 huiles précieuses biologiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🧴 Texture sèche unique\u003c\/h3\u003e\n\u003cp\u003ePénètre instantanément sans film gras, pour une hydratation profonde et un fini satiné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌺 Parfum envoûtant\u003c\/h3\u003e\n\u003cp\u003eDes notes exotiques de fleurs des îles qui persistent délicatement tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🔬 30 ans d'expertise\u003c\/h3\u003e\n\u003cp\u003eLe savoir-faire Florame en aromathérapie provençale concentré dans une formule d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003ePourquoi choisir une huile sèche plutôt qu'une crème ?\u003c\/h2\u003e\n\u003cdiv class=\"id-comparison\"\u003e\n\u003cdiv class=\"id-comparison-col id-comparison-oil\"\u003e\n\u003ch3\u003e🌿 Huile sèche\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePénètre instantanément, fini satiné\u003c\/li\u003e\n\u003cli\u003eDépose directement des acides gras essentiels et vitamines liposolubles\u003c\/li\u003e\n\u003cli\u003eRestaure le film hydrolipidique en profondeur\u003c\/li\u003e\n\u003cli\u003eIdéale pour les peaux très sèches\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-comparison-col id-comparison-cream\"\u003e\n\u003ch3\u003e🧴 Crème classique\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eContient souvent eau et émulsifiants\u003c\/li\u003e\n\u003cli\u003eHydratation plus superficielle\u003c\/li\u003e\n\u003cli\u003eEffleure le film hydrolipidique\u003c\/li\u003e\n\u003cli\u003ePeut laisser un résidu sur la peau\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-tip\"\u003e\n\u003cspan class=\"id-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe terme « huile sèche » désigne une huile dont la texture pénètre si rapidement dans la peau qu'elle ne laisse aucune sensation de gras. Vous profitez de tous les bienfaits nourrissants sans les inconvénients d'un toucher huileux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de l'Infusion Divine sur votre peau et vos cheveux\u003c\/h2\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eNutrition intense sans briller\u003c\/strong\u003e : les huiles d'argan et de jojoba régulent et nourrissent sans surcharger. Teint lumineux et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort immédiat\u003c\/strong\u003e : tiraillements et sensations d'inconfort disparaissent dès la première application. Convient aux peaux sensibles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection antioxydante\u003c\/strong\u003e : la vitamine E naturelle aide à protéger la peau des agressions extérieures quotidiennes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e💆 Sur le corps\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeau satinée et souple\u003c\/strong\u003e : après la douche, un voile soyeux et un parfum délicat qui persiste toute la journée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéparation des zones très sèches\u003c\/strong\u003e : coudes, genoux, talons… les zones rugueuses retrouvent leur douceur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAbsorption rapide\u003c\/strong\u003e : habillez-vous immédiatement après, sans aucune trace sur vos vêtements.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card id-card-zone\"\u003e\n\u003ch3\u003e💇 Sur les cheveux\u003c\/h3\u003e\n\u003cul class=\"id-benefits-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBrillance et vitalité\u003c\/strong\u003e : sur les longueurs et les pointes, l'huile revigore et répare la fibre capillaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiscipline des frisottis\u003c\/strong\u003e : quelques gouttes suffisent pour dompter les mèches rebelles sans alourdir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoin profond en masque\u003c\/strong\u003e : en bain d'huile la nuit, nourrit intensément les cheveux abîmés ou fragilisés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eUne composition d'exception : 30 huiles biologiques réunies dans un seul flacon\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eFlorame a sélectionné 30 huiles complémentaires, chacune apportant des propriétés spécifiques, pour créer un soin complet et polyvalent.\u003c\/p\u003e\n\u003cdiv class=\"id-composition-block\"\u003e\n\u003ch3 class=\"id-composition-title\"\u003e🌱 Huiles végétales nourrissantes et réparatrices\u003c\/h3\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🫒 Huile de jojoba bio\u003c\/h3\u003e\n\u003cp\u003eRégule le sébum, protège et assouplit la peau sans la graisser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌾 Huile de sésame bio\u003c\/h3\u003e\n\u003cp\u003eRiche en antioxydants, aide à maintenir l'élasticité cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eSource de vitamine E, nourrit en profondeur les peaux desséchées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n\u003cp\u003eTrésor de beauté ancestral, revitalise la peau et renforce les cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-composition-block\"\u003e\n\u003ch3 class=\"id-composition-title\"\u003e🌺 Huiles essentielles et extraits précieux\u003c\/h3\u003e\n\u003cdiv class=\"id-grid-compact\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌸 Frangipanier \u0026amp; tiaré\u003c\/h3\u003e\n\u003cp\u003eParfum exotique délicat et vertus adoucissantes des fleurs des îles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌼 Pétales d'hélichryse rose\u003c\/h3\u003e\n\u003cp\u003ePropriétés régénérantes qui aident à unifier le teint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌿 Pétales de calendula\u003c\/h3\u003e\n\u003cp\u003eApaisants et protecteurs, ils calment les peaux réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e💙 Pétales de bleuet\u003c\/h3\u003e\n\u003cp\u003eDécongestionnants et rafraîchissants pour un coup d'éclat immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-tip\"\u003e\n\u003cspan class=\"id-tip-icon\"\u003e🌾\u003c\/span\u003e\n\u003cp\u003eLes pétales de fleurs sont visibles à l'intérieur même du flacon, témoignant de la naturalité absolue de ce soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stats-row\"\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e100 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003ed'ingrédients d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e83 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003eissus de l'agriculture biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-stat\"\u003e\n\u003cspan class=\"id-stat-number\"\u003e0 %\u003c\/span\u003e \u003cspan class=\"id-stat-label\"\u003eparabènes, silicones, colorants de synthèse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eComment utiliser l'Huile Sèche Infusion Divine au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"id-timeline\"\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e🌸 Soin visage matin et soir\u003c\/h3\u003e\n\u003cp\u003eAprès avoir nettoyé votre visage, déposez \u003cstrong\u003e3 à 4 gouttes\u003c\/strong\u003e au creux de vos paumes et réchauffez-les légèrement. Appliquez par légers tapotements sur le visage, le cou et le décolleté. Utilisez-la seule ou en complément de votre crème de jour pour renforcer l'hydratation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e💆 Soin corps quotidien\u003c\/h3\u003e\n\u003cp\u003eAppliquez généreusement sur peau propre et sèche, idéalement juste après la douche lorsque la peau est encore légèrement tiède. Massez par mouvements circulaires en insistant sur les zones les plus sèches : jambes, bras, coudes, genoux. La texture pénètre en quelques secondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-item\"\u003e\n\u003cdiv class=\"id-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"id-timeline-content\"\u003e\n\u003ch3\u003e💇 Soin capillaire\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eEn touche finale :\u003c\/strong\u003e quelques gouttes sur les longueurs et les pointes sèches pour un effet brillance immédiat et discipliner les frisottis.\u003cbr\u003e\u003cstrong\u003eEn masque de nuit :\u003c\/strong\u003e répartissez une quantité généreuse sur l'ensemble de la chevelure, enveloppez dans une serviette et laissez poser toute la nuit. Rincez le matin avec votre shampooing habituel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003ePour quels types de peau et de cheveux cette huile sèche est-elle adaptée ?\u003c\/h2\u003e\n\u003cp class=\"id-section-intro\"\u003eGrâce à la synergie de ses 30 huiles soigneusement dosées, l'Infusion Divine s'adapte à la plupart des besoins.\u003c\/p\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches à très sèches\u003c\/h3\u003e\n\u003cp\u003eSon terrain de prédilection : elle apporte la nutrition profonde dont les peaux déshydratées ont besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e✨ Peaux normales\u003c\/h3\u003e\n\u003cp\u003eUn voile protecteur et un éclat naturel sans surcharger l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e⚖️ Peaux mixtes (soin ciblé)\u003c\/h3\u003e\n\u003cp\u003eUtilisée uniquement sur les zones sèches du visage (joues, contour des yeux) et sur le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e💇 Cheveux secs ou abîmés\u003c\/h3\u003e\n\u003cp\u003eRedonne brillance, souplesse et vitalité aux fibres capillaires fragilisées par la chaleur ou les colorations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🌟 Cheveux normaux\u003c\/h3\u003e\n\u003cp\u003eEn petite quantité sur les pointes : finition lumineuse et protection contre les agressions extérieures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"id-section\"\u003e\n\u003ch2\u003eUn engagement bio et éthique ancré en Provence\u003c\/h2\u003e\n\u003cdiv class=\"id-provence-block\"\u003e\n\u003cp class=\"id-section-intro\"\u003eFlorame est une maison provençale installée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e depuis 1990. Pionnière de l'aromathérapie biologique en France, la marque cultive un savoir-faire unique dans la distillation des plantes et la formulation de soins naturels certifiés.\u003c\/p\u003e\n\u003cdiv class=\"id-grid\"\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🏅 Certification COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eGarantie d'un cahier des charges exigeant sur l'origine et la transformation des ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eChaque flacon est élaboré et conditionné en Provence, à Saint-Rémy-de-Provence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"id-card\"\u003e\n\u003ch3\u003e♻️ Démarche éco-responsable\u003c\/h3\u003e\n\u003cp\u003eIngrédients issus de filières durables, emballage en verre recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #8 --\u003e\n\u003csection class=\"id-section\"\u003e\u003c\/section\u003e\n\u003csection class=\"id-section\"\u003e\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"id-section\"\u003e\n\u003cdiv class=\"id-cta-box\"\u003e\n\u003cp\u003e✨ Offrez à votre peau, votre corps et vos cheveux le luxe de 30 huiles biologiques d'exception. L'Infusion Divine, un seul geste pour une beauté sublimée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"id-disclaimer\"\u003eCe produit cosmétique est un soin de beauté et ne saurait remplacer un avis ou un traitement dermatologique. En cas de doute ou de réaction cutanée, consultez un professionnel de santé. Tenir hors de portée des enfants. Évitez le contact avec les yeux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --id-cream: #FFF9F0;\n --id-white: #ffffff;\n --id-primary: #C6891E;\n --id-primary-dark: #8B5E0F;\n --id-primary-light: #FFF3E0;\n --id-secondary: #D4956B;\n --id-accent: #5B6E8A;\n --id-text: #1a1a1a;\n --id-text-light: #5a5a5a;\n --id-border: #EDE0D0;\n --id-shadow: 0 4px 24px rgba(139, 94, 15, .08);\n --id-shadow-lg: 0 12px 48px rgba(139, 94, 15, .15);\n --id-radius: 20px;\n --id-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.id-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--id-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.id-premium *, .id-premium *::before, .id-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.id-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5E0F 0%, #C6891E 40%, #D4956B 75%, #E8B98A 100%);\n border-radius: var(--id-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--id-shadow-lg);\n}\n\n.id-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.id-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.id-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.id-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.id-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.id-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.id-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--id-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.id-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.id-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.id-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--id-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.id-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--id-primary), var(--id-secondary));\n border-radius: 2px;\n}\n\n.id-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--id-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.id-card {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--id-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.id-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--id-shadow-lg);\n border-color: var(--id-primary);\n}\n\n.id-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--id-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.id-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--id-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD ZONE (benefits with lists) === *\/\n.id-card-zone {\n text-align: left;\n}\n\n.id-card-zone h3 {\n text-align: center;\n margin-bottom: 1rem;\n font-size: clamp(17px, 3vw, 20px);\n}\n\n.id-benefits-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.id-benefits-list li {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--id-text-light);\n line-height: 1.6;\n padding-left: 1.25rem;\n position: relative;\n}\n\n.id-benefits-list li::before {\n content: '✦';\n position: absolute;\n left: 0;\n top: 0;\n color: var(--id-primary);\n font-size: 12px;\n}\n\n.id-benefits-list li strong {\n color: var(--id-text);\n}\n\n\/* === GRILLES === *\/\n.id-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.id-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.id-grid-compact .id-card {\n padding: 1rem;\n}\n\n.id-grid-compact .id-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.id-grid-compact .id-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.id-comparison {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.id-comparison-col {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--id-shadow);\n}\n\n.id-comparison-col h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.id-comparison-oil {\n border: 2px solid var(--id-primary);\n}\n\n.id-comparison-oil h3 {\n color: var(--id-primary-dark);\n}\n\n.id-comparison-cream {\n border: 2px solid var(--id-border);\n}\n\n.id-comparison-cream h3 {\n color: var(--id-text-light);\n}\n\n.id-comparison-col ul {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.id-comparison-col ul li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--id-text-light);\n padding-left: 1.5rem;\n position: relative;\n line-height: 1.5;\n}\n\n.id-comparison-oil ul li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--id-primary);\n font-weight: 700;\n}\n\n.id-comparison-cream ul li::before {\n content: '—';\n position: absolute;\n left: 0;\n color: var(--id-border);\n font-weight: 700;\n}\n\n\/* === COMPOSITION BLOCK === *\/\n.id-composition-block {\n margin-bottom: 1.5rem;\n}\n\n.id-composition-title {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--id-primary-dark);\n text-align: center;\n margin: 0 0 1rem 0;\n}\n\n\/* === STATS ROW === *\/\n.id-stats-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.id-stat {\n background: linear-gradient(135deg, var(--id-primary), var(--id-secondary));\n border-radius: var(--id-radius-sm);\n padding: clamp(1rem, 3vw, 1.5rem);\n text-align: center;\n color: white;\n}\n\n.id-stat-number {\n display: block;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n letter-spacing: -.02em;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.id-stat-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n font-weight: 600;\n opacity: .9;\n margin-top: .25rem;\n line-height: 1.3;\n}\n\n\/* === TIMELINE === *\/\n.id-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.id-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.id-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--id-primary), var(--id-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(198, 137, 30, .3);\n}\n\n.id-timeline-content {\n flex: 1;\n background: var(--id-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--id-radius-sm);\n box-shadow: var(--id-shadow);\n}\n\n.id-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--id-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.id-timeline-content p {\n font-size: 14px;\n color: var(--id-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.id-timeline-content strong {\n color: var(--id-text);\n}\n\n\/* === TIP BOX === *\/\n.id-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--id-primary-light);\n border-radius: var(--id-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.id-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.id-tip p {\n font-size: 14px;\n color: var(--id-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.id-testimonial {\n background: var(--id-white);\n border-radius: var(--id-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--id-shadow);\n border-left: 4px solid var(--id-primary);\n}\n\n.id-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--id-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.id-accordion {\n background: var(--id-white);\n border-radius: var(--id-radius);\n box-shadow: var(--id-shadow);\n overflow: hidden;\n}\n\n.id-accordion-item {\n border-bottom: 1px solid var(--id-border);\n margin: 0;\n padding: 0;\n}\n\n.id-accordion-item:last-child {\n border-bottom: none;\n}\n\n.id-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--id-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.id-accordion-header:hover {\n background: var(--id-primary-light);\n}\n\n.id-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.id-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--id-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 1rem;\n}\n\n.id-accordion-item[open] .id-accordion-header::after {\n content: '−';\n}\n\n.id-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--id-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.id-accordion-content p {\n margin: 0;\n}\n\n\/* === RECAP GRID === *\/\n.id-recap-grid {\n background: var(--id-white);\n border-radius: var(--id-radius);\n box-shadow: var(--id-shadow);\n overflow: hidden;\n}\n\n.id-recap-item {\n display: flex;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--id-border);\n align-items: baseline;\n gap: 1rem;\n}\n\n.id-recap-item:last-child {\n border-bottom: none;\n}\n\n.id-recap-item:nth-child(even) {\n background: var(--id-primary-light);\n}\n\n.id-recap-label {\n font-size: 13px;\n font-weight: 800;\n color: var(--id-primary-dark);\n text-transform: uppercase;\n letter-spacing: .04em;\n min-width: 110px;\n flex-shrink: 0;\n}\n\n.id-recap-value {\n font-size: 14px;\n color: var(--id-text);\n line-height: 1.5;\n}\n\n\/* === CTA FINAL === *\/\n.id-cta-box {\n background: linear-gradient(135deg, var(--id-primary) 0%, var(--id-primary-dark) 100%);\n border-radius: var(--id-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.id-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.id-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.id-disclaimer {\n font-size: 12px;\n color: var(--id-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .id-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .id-card {\n padding: 1.125rem;\n }\n\n .id-section {\n margin-bottom: 1.75rem;\n }\n\n .id-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--id-radius-sm);\n }\n\n .id-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .id-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .id-grid-compact {\n gap: .625rem;\n }\n\n .id-grid-compact .id-card {\n padding: .75rem;\n }\n\n .id-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .id-stats-row {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .id-stat {\n display: flex;\n align-items: center;\n gap: .75rem;\n text-align: left;\n padding: .875rem 1rem;\n }\n\n .id-stat-number {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .id-stat-label {\n margin-top: 0;\n font-size: 12px;\n }\n\n .id-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .id-timeline-content {\n padding: .875rem 1rem;\n }\n\n .id-timeline-content h3 {\n font-size: 14px;\n }\n\n .id-timeline-content p {\n font-size: 13px;\n }\n\n .id-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .id-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .id-testimonial {\n padding: 1.25rem;\n }\n\n .id-testimonial-text {\n font-size: 14px;\n }\n\n .id-recap-item {\n flex-direction: column;\n gap: .25rem;\n padding: .75rem 1rem;\n }\n\n .id-recap-label {\n min-width: unset;\n font-size: 11px;\n }\n\n .id-recap-value {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .id-card {\n animation: idFadeInUp .5s ease backwards;\n }\n .id-card:nth-child(1) { animation-delay: .05s; }\n .id-card:nth-child(2) { animation-delay: .1s; }\n .id-card:nth-child(3) { animation-delay: .15s; }\n .id-card:nth-child(4) { animation-delay: .2s; }\n .id-card:nth-child(5) { animation-delay: .25s; }\n .id-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes idFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .id-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755220590749,"sku":"FM0475","price":21.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-seche-infusion-divine-bio-100-ml-florame-lifestyle.webp?v=1770727699"},{"product_id":"huile-vegetale-onagre-bio-50-ml-florame","title":"Huile Végétale d'Onagre Bio 50 ml - Anti-âge - Florame","description":"\u003cdiv class=\"onagre-premium\"\u003e\n \u003cdiv class=\"onagre-hero\"\u003e\n \u003cdiv class=\"onagre-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"onagre-hero-content\"\u003e\n \u003cdiv class=\"onagre-badges-top\"\u003e\n \u003cspan class=\"onagre-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"onagre-badge\"\u003e✨ Anti-âge\u003c\/span\u003e\n \u003cspan class=\"onagre-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"onagre-badge\"\u003e💧 Pressée à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"onagre-hero-title\"\u003eHuile Végétale d'Onagre Bio\u003c\/span\u003e\n \u003cp class=\"onagre-subtitle\"\u003eLe trésor botanique anti-âge de Florame · 50 ml\u003c\/p\u003e\n \u003cp class=\"onagre-description\"\u003eOffrez à votre peau un véritable soin de jeunesse avec une huile 100 % pure, pressée à froid à partir de graines d'onagre issues de l'agriculture biologique. Un actif précieux pour les peaux matures, sèches ou fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003ePourquoi l'huile d'onagre est-elle si précieuse ?\u003c\/h2\u003e\n \u003cp class=\"onagre-section-intro\"\u003eL'\u003cstrong\u003eonagre\u003c\/strong\u003e (Oenothera biennis) est une fleur jaune qui s'ouvre à la tombée de la nuit. Ses graines minuscules renferment une huile rare, exceptionnellement riche en \u003cstrong\u003eacide gamma-linolénique (GLA)\u003c\/strong\u003e, un oméga-6 essentiel que la peau peine à produire avec l'âge.\u003c\/p\u003e\n \u003cdiv class=\"onagre-grid-compact\"\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌼 GLA\u003c\/h3\u003e\n \u003cp\u003eAcide gamma-linolénique précieux et rare\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🍃 Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant naturel protecteur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e💧 Oméga-6\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e✨ Souplesse\u003c\/h3\u003e\n \u003cp\u003eRedonne élasticité aux tissus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile d'onagre pour votre peau\u003c\/h2\u003e\n \u003cdiv class=\"onagre-grid\"\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e⏳ Action anti-âge\u003c\/h3\u003e\n \u003cp\u003eAtténue rides, ridules et perte de fermeté pour une peau visiblement plus jeune.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e💦 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eRestaure le film hydrolipidique et apaise instantanément les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌱 Régénération cellulaire\u003c\/h3\u003e\n \u003cp\u003eFavorise le renouvellement de la peau et révèle l'éclat naturel du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌸 Apaisement\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les peaux sensibles, sèches ou sujettes aux rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e💛 Soin complet\u003c\/h3\u003e\n \u003cp\u003eBénéfique aussi pour les cheveux ternes et les ongles cassants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eUne formule pure, sans additif, qui respecte votre peau et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eHuile d'onagre et ménopause : une alliée féminine\u003c\/h2\u003e\n \u003cp class=\"onagre-section-intro\"\u003eL'\u003cstrong\u003ehuile d'onagre ménopause\u003c\/strong\u003e est plébiscitée pour son rôle apaisant sur la peau qui change avec les variations hormonales. En application cutanée, elle aide à compenser la sécheresse et la perte d'élasticité fréquentes à cette période. Beaucoup l'associent à l'\u003cstrong\u003ehuile d'onagre et bourrache\u003c\/strong\u003e pour une synergie complète en acides gras essentiels.\u003c\/p\u003e\n \u003cdiv class=\"onagre-tip\"\u003e\n \u003cspan class=\"onagre-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003eCette huile cosmétique ne remplace en aucun cas un avis médical ou un traitement prescrit par un professionnel de santé.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile d'onagre Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"onagre-timeline\"\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e👁️ Soin du visage\u003c\/h3\u003e\n \u003cp\u003eDéposez 3 à 4 gouttes sur peau propre, matin et\/ou soir, en massant doucement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e✨ Contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez une goutte autour de l'œil pour lisser les ridules en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e💁‍♀️ Cheveux\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les longueurs en bain capillaire 30 minutes avant le shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-item\"\u003e\n \u003cdiv class=\"onagre-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"onagre-timeline-content\"\u003e\n \u003ch3\u003e💅 Ongles et cuticules\u003c\/h3\u003e\n \u003cp\u003eMassez quotidiennement pour les fortifier et retrouver des ongles éclatants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-tip\"\u003e\n \u003cspan class=\"onagre-tip-icon\"\u003e🌟\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce beauté :\u003c\/strong\u003e mélangez quelques gouttes à votre crème de nuit ou à une huile végétale de jojoba pour un cocktail régénérant ultra nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et certifiée bio\u003c\/h2\u003e\n \u003cdiv class=\"onagre-testimonial\"\u003e\n \u003cp class=\"onagre-testimonial-text\"\u003e\u003cstrong\u003eINCI :\u003c\/strong\u003e Oenothera Biennis (Evening Primrose) Oil*.\u003cbr\u003e*Issu de l'agriculture biologique.\u003cbr\u003e\u003cbr\u003eSans conservateur, sans parfum, sans additif. Certifiée \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e par Ecocert et labellisée \u003cstrong\u003eCosmebio\u003c\/strong\u003e. Pressée à froid pour préserver l'intégralité de ses acides gras essentiels et de sa vitamine E naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e✅ Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🌿 Cosmebio\u003c\/h3\u003e\n \u003cp\u003eLabel cosmétique bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e❄️ Pressée à froid\u003c\/h3\u003e\n \u003cp\u003ePréserve tous les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"onagre-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003e100 % pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"onagre-accordion\"\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e🧴 Usage cosmétique\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage exclusivement cosmétique, en application externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur, idéalement au réfrigérateur après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e👁️ Contact oculaire\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"onagre-accordion-item\"\u003e\n \u003csummary class=\"onagre-accordion-header\"\u003e⚠️ Allergies\u003c\/summary\u003e\n \u003cdiv class=\"onagre-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée en cas d'allergie connue à l'un des composants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"onagre-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"onagre-cta-box\"\u003e\n \u003cp\u003eDepuis \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e, Florame élabore des soins biologiques fidèles aux traditions de la cosmétique naturelle. Cette huile onagre aux bienfaits reconnus est fabriquée en France, dans le respect de la plante et de votre peau. Un geste beauté authentique, sain et engagé pour révéler votre éclat naturel jour après jour. ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --onagre-cream: #faf9f2;\n --onagre-white: #ffffff;\n --onagre-primary: #c5d63a;\n --onagre-primary-dark: #7a8a1f;\n --onagre-primary-light: #f3f7d4;\n --onagre-secondary: #e8b830;\n --onagre-accent: #a89a4a;\n --onagre-text: #2a2a1a;\n --onagre-text-light: #6a6a55;\n --onagre-border: #e6e4d0;\n --onagre-shadow: 0 4px 24px rgba(122, 138, 31, .08);\n --onagre-shadow-lg: 0 12px 48px rgba(122, 138, 31, .18);\n --onagre-radius: 20px;\n --onagre-radius-sm: 12px;\n}\n\n.onagre-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--onagre-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--onagre-text);\n line-height: 1.6;\n}\n\n.onagre-hero {\n position: relative;\n background: linear-gradient(135deg, #c5d63a 0%, #a8bd2c 50%, #7a8a1f 100%);\n border-radius: var(--onagre-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--onagre-shadow-lg);\n}\n\n.onagre-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 100px 100px, 60px 60px;\n}\n\n.onagre-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.onagre-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.onagre-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.onagre-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n margin: 0 auto;\n max-width: 700px;\n opacity: .92;\n line-height: 1.7;\n}\n\n.onagre-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.onagre-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--onagre-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.onagre-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.onagre-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.onagre-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--onagre-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.onagre-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--onagre-primary), var(--onagre-secondary));\n border-radius: 2px;\n}\n\n.onagre-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--onagre-text-light);\n margin-bottom: 1.5rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.onagre-card {\n background: var(--onagre-white);\n border-radius: var(--onagre-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--onagre-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.onagre-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--onagre-shadow-lg);\n border-color: var(--onagre-primary);\n}\n\n.onagre-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--onagre-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.onagre-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--onagre-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.onagre-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.onagre-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.onagre-grid-compact .onagre-card {\n padding: 1rem;\n}\n\n.onagre-grid-compact .onagre-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.onagre-grid-compact .onagre-card p {\n font-size: 12px;\n}\n\n.onagre-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.onagre-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.onagre-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--onagre-primary), var(--onagre-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(197, 214, 58, .35);\n}\n\n.onagre-timeline-content {\n flex: 1;\n background: var(--onagre-white);\n padding: 1rem 1.25rem;\n border-radius: var(--onagre-radius-sm);\n box-shadow: var(--onagre-shadow);\n}\n\n.onagre-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--onagre-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.onagre-timeline-content p {\n font-size: 14px;\n color: var(--onagre-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.onagre-testimonial {\n background: var(--onagre-white);\n border-radius: var(--onagre-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--onagre-shadow);\n border-left: 4px solid var(--onagre-primary);\n}\n\n.onagre-testimonial-text {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--onagre-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.onagre-accordion {\n background: var(--onagre-white);\n border-radius: var(--onagre-radius);\n box-shadow: var(--onagre-shadow);\n overflow: hidden;\n}\n\n.onagre-accordion-item {\n border-bottom: 1px solid var(--onagre-border);\n margin: 0;\n padding: 0;\n}\n\n.onagre-accordion-item:last-child {\n border-bottom: none;\n}\n\n.onagre-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--onagre-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.onagre-accordion-header:hover {\n background: var(--onagre-primary-light);\n}\n\n.onagre-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.onagre-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--onagre-primary);\n transition: transform .2s ease;\n}\n\n.onagre-accordion-item[open] .onagre-accordion-header::after {\n content: '−';\n}\n\n.onagre-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--onagre-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.onagre-accordion-content p {\n margin: 0;\n}\n\n.onagre-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--onagre-primary-light);\n border-radius: var(--onagre-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--onagre-primary);\n}\n\n.onagre-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.onagre-tip p {\n font-size: 14px;\n color: var(--onagre-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.onagre-cta-box {\n background: linear-gradient(135deg, var(--onagre-primary) 0%, var(--onagre-primary-dark) 100%);\n border-radius: var(--onagre-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--onagre-shadow-lg);\n}\n\n.onagre-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.onagre-cta-box strong {\n font-weight: 800;\n}\n\n@media (max-width: 767px) {\n .onagre-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .onagre-card {\n padding: 1.125rem;\n }\n .onagre-section {\n margin-bottom: 1.75rem;\n }\n .onagre-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--onagre-radius-sm);\n }\n .onagre-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .onagre-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .onagre-grid-compact {\n gap: .625rem;\n }\n .onagre-grid-compact .onagre-card {\n padding: .75rem;\n }\n .onagre-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .onagre-timeline-content {\n padding: .875rem 1rem;\n }\n .onagre-timeline-content h3 {\n font-size: 14px;\n }\n .onagre-timeline-content p {\n font-size: 13px;\n }\n .onagre-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .onagre-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .onagre-testimonial {\n padding: 1.25rem;\n }\n .onagre-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .onagre-card {\n animation: fadeInUp .5s ease backwards;\n }\n .onagre-card:nth-child(1) { animation-delay: .05s; }\n .onagre-card:nth-child(2) { animation-delay: .1s; }\n .onagre-card:nth-child(3) { animation-delay: .15s; }\n .onagre-card:nth-child(4) { animation-delay: .2s; }\n .onagre-card:nth-child(5) { animation-delay: .25s; }\n .onagre-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .onagre-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755221508253,"sku":"FM0290","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-vegetale-donagre-bio-50-ml-anti-age-florame-packshothd.webp?v=1777801591"},{"product_id":"concentre-repulpant-age-intense-acide-hyaluronique-bio-15-ml-florame","title":"Sérum Acide Hyaluronique Bio Florame – Concentré Repulpant Âge Intense 15 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sérum Acide Hyaluronique Bio Florame – Concentré Repulpant Âge Intense 15 ml\nPalette détectée:\n - Primaire: #C8907E (rose cuivré\/or rose du packaging et du bouchon)\n - Secondaire: #8B5E52 (brun rosé foncé, texte \"AGE INTENSE\")\n - Accent: #E8C4B8 (rose poudré clair, fond packaging)\n - Fond: #FBF6F3 (blanc cassé\/crème très doux)\nAmbiance: Luxe naturel, féminité raffinée, cosmétique bio premium, Provence, orchidée, élégance épurée\nPréfixe CSS: fai\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un soin repulpant à l'efficacité naturelle\"\n 2. \"Ingrédients actifs et bienfaits\"\n 3. \"Résultats visibles\"\n 4. \"Conseils d'utilisation\"\n 5. \"Les avantages du Concentré Repulpant Florame\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"fai-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fai-hero\"\u003e\n \u003cdiv class=\"fai-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fai-hero-content\"\u003e\n \u003cdiv class=\"fai-badges-top\"\u003e\n \u003cspan class=\"fai-badge\"\u003e🌿 Certifié COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"fai-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n \u003cspan class=\"fai-badge\"\u003e🐰 Non testé sur les animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fai-hero-title\"\u003eConcentré Repulpant Acide Hyaluronique Bio\u003c\/span\u003e\n \u003cp class=\"fai-subtitle\"\u003eFlorame – Âge Intense · 15 ml\u003c\/p\u003e\n \u003cp class=\"fai-description\"\u003eUn soin intensif certifié bio qui hydrate, repulpe et lisse la peau grâce à une formule concentrée en acide hyaluronique d'origine végétale. Conçu pour les peaux matures ou déshydratées, il restaure fermeté et éclat pour un visage visiblement plus jeune et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eUn soin repulpant à l'efficacité naturelle\u003c\/h2\u003e\n \u003cdiv class=\"fai-testimonial\"\u003e\n \u003cp class=\"fai-testimonial-text\"\u003eCe concentré anti-rides bio agit en profondeur pour combler les ridules, améliorer l'élasticité et réactiver la vitalité cutanée. Sa texture légère pénètre instantanément, sans effet collant, laissant la peau douce et veloutée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-stats-bar\"\u003e\n \u003cdiv class=\"fai-stat\"\u003e\n \u003cspan class=\"fai-stat-number\"\u003e98 %\u003c\/span\u003e\n \u003cspan class=\"fai-stat-label\"\u003ed'ingrédients d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-stat\"\u003e\n \u003cspan class=\"fai-stat-number\"\u003e94 %\u003c\/span\u003e\n \u003cspan class=\"fai-stat-label\"\u003eissus de l'Agriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-stat\"\u003e\n \u003cspan class=\"fai-stat-number\"\u003e+38 %\u003c\/span\u003e\n \u003cspan class=\"fai-stat-label\"\u003ed'hydratation après 1 h*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eIngrédients actifs et bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"fai-grid\"\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique d'origine végétale\u003c\/h3\u003e\n \u003cp\u003eRepulpe, hydrate en profondeur et lisse visiblement la peau pour un effet anti-rides immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de rose bio\u003c\/h3\u003e\n \u003cp\u003eRafraîchit, tonifie et illumine le teint pour un éclat naturel et une sensation de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌺 Extrait d'orchidée bio\u003c\/h3\u003e\n \u003cp\u003eAide à la régénération cellulaire et renforce la fermeté pour une peau plus dense et rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌼 Huiles essentielles bio d'hélichryse et de camomille\u003c\/h3\u003e\n \u003cp\u003eApaisent les peaux sensibles et atténuent les rougeurs pour un teint unifié et serein.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de ciste bio\u003c\/h3\u003e\n \u003cp\u003eRaffermissante et tonifiante, elle aide à resserrer le grain de peau et à restaurer l'élasticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🫧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eMaintient une hydratation optimale tout au long de la journée pour une peau souple en continu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eRésultats visibles\u003c\/h2\u003e\n \u003cdiv class=\"fai-grid-compact\"\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003ePeau immédiatement plus souple et hydratée (+38 % d'hydratation après 1 h*)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e✨ Rides lissées\u003c\/h3\u003e\n \u003cp\u003eRides comblées, ridules atténuées, grain de peau affiné et visiblement plus lisse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e🌟 Teint éclatant\u003c\/h3\u003e\n \u003cp\u003eTeint revitalisé et lumineux dès les premières applications\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e🧬 Fermeté renforcée\u003c\/h3\u003e\n \u003cp\u003eÉlasticité restaurée et vitalité cutanée réactivée en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"fai-disclaimer\"\u003e*Tests d'usage sur panel interne Florame\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"fai-timeline\"\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez matin et soir sur peau propre et sèche, après votre nettoyant habituel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eDéposez le sérum\u003c\/h3\u003e\n \u003cp\u003eÀ l'aide de la pipette, déposez quelques gouttes sur le visage, le cou et le décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eFaites pénétrer par mouvements circulaires ascendants pour stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eComplétez votre routine\u003c\/h3\u003e\n \u003cp\u003eAppliquez ensuite votre crème de jour ou de nuit habituelle pour sceller les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-tip\"\u003e\n \u003cspan class=\"fai-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un effet repulpant renforcé, appliquez le sérum sur peau légèrement humidifiée avec une brume d'eau florale de rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"fai-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes avantages du Concentré Repulpant Florame\u003c\/h2\u003e\n \u003cdiv class=\"fai-grid-compact\"\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e💧 Ultra-concentré\u003c\/h3\u003e\n \u003cp\u003eFormule bio hautement concentrée en acide hyaluronique végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌸 Texture fluide\u003c\/h3\u003e\n \u003cp\u003eNon grasse, absorption rapide et sensation de confort immédiate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌿 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à toutes les peaux, même les plus sensibles et réactives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française et certification biologique Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e✨ Effet immédiat\u003c\/h3\u003e\n \u003cp\u003eRepulpant et éclat visible dès les premières applications\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌱 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003e98 % d'ingrédients naturels, formule respectueuse de la peau et de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau le meilleur de la nature provençale — un concentré de jeunesse bio, efficace et sensoriel, pour un visage repulpé et lumineux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --fai-cream: #FBF6F3;\n --fai-white: #ffffff;\n --fai-primary: #C8907E;\n --fai-primary-dark: #8B5E52;\n --fai-primary-light: #F5E8E2;\n --fai-secondary: #D4A594;\n --fai-accent: #E8C4B8;\n --fai-text: #1a1a1a;\n --fai-text-light: #6B5B54;\n --fai-border: #EDE4DF;\n --fai-shadow: 0 4px 24px rgba(139, 94, 82, .08);\n --fai-shadow-lg: 0 12px 48px rgba(139, 94, 82, .15);\n --fai-radius: 20px;\n --fai-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.fai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fai-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5E52 0%, #C8907E 45%, #D4A594 75%, #E8C4B8 100%);\n border-radius: var(--fai-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(--fai-shadow-lg);\n}\n\n.fai-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 60% 20%, rgba(255,255,255,.06) 0%, transparent 30%);\n opacity: 1;\n}\n\n.fai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fai-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.fai-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.fai-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fai-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fai-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(--fai-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fai-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fai-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fai-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.fai-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(--fai-primary), var(--fai-secondary));\n border-radius: 2px;\n}\n\n\/* === STATS BAR === *\/\n.fai-stats-bar {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\n.fai-stat {\n background: var(--fai-white);\n border-radius: var(--fai-radius-sm);\n padding: clamp(1rem, 2.5vw, 1.5rem);\n text-align: center;\n box-shadow: var(--fai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.fai-stat:hover {\n border-color: var(--fai-primary);\n transform: translateY(-3px);\n}\n\n.fai-stat-number {\n display: block;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--fai-primary);\n letter-spacing: -.03em;\n line-height: 1.1;\n}\n\n.fai-stat-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: var(--fai-text-light);\n margin-top: .35rem;\n line-height: 1.4;\n font-weight: 500;\n}\n\n\/* === CARDS === *\/\n.fai-card {\n background: var(--fai-white);\n border-radius: var(--fai-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fai-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fai-shadow-lg);\n border-color: var(--fai-primary);\n}\n\n.fai-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fai-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fai-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD RESULT (variante avec accent) === *\/\n.fai-card-result {\n border-top: 3px solid var(--fai-primary);\n}\n\n\/* === GRILLES === *\/\n.fai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fai-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fai-grid-compact .fai-card {\n padding: 1rem;\n}\n\n.fai-grid-compact .fai-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fai-grid-compact .fai-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fai-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fai-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fai-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fai-primary), var(--fai-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.fai-timeline-content {\n flex: 1;\n background: var(--fai-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fai-radius-sm);\n box-shadow: var(--fai-shadow);\n}\n\n.fai-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fai-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fai-timeline-content p {\n font-size: 14px;\n color: var(--fai-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fai-testimonial {\n background: var(--fai-white);\n border-radius: var(--fai-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fai-shadow);\n border-left: 4px solid var(--fai-primary);\n}\n\n.fai-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fai-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fai-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fai-primary-light);\n border-radius: var(--fai-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fai-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fai-tip p {\n font-size: 14px;\n color: var(--fai-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fai-cta-box {\n background: linear-gradient(135deg, var(--fai-primary) 0%, var(--fai-primary-dark) 100%);\n border-radius: var(--fai-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.fai-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.fai-disclaimer {\n font-size: 12px;\n color: var(--fai-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 .fai-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fai-card {\n padding: 1.125rem;\n }\n\n .fai-section {\n margin-bottom: 1.75rem;\n }\n\n .fai-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fai-radius-sm);\n }\n\n .fai-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fai-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Stats bar mobile *\/\n .fai-stats-bar {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .fai-stat {\n display: flex;\n align-items: center;\n gap: .75rem;\n text-align: left;\n padding: .875rem 1rem;\n }\n\n .fai-stat-number {\n font-size: 24px;\n flex-shrink: 0;\n min-width: 60px;\n }\n\n .fai-stat-label {\n margin-top: 0;\n font-size: 13px;\n }\n\n \/* Grille compacte mobile *\/\n .fai-grid-compact {\n gap: .625rem;\n }\n\n .fai-grid-compact .fai-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .fai-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fai-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fai-timeline-content h3 {\n font-size: 14px;\n }\n\n .fai-timeline-content p {\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .fai-testimonial {\n padding: 1.25rem;\n }\n\n .fai-testimonial-text {\n font-size: 14px;\n }\n\n \/* Tip mobile *\/\n .fai-tip {\n padding: .875rem 1rem;\n }\n\n .fai-tip-icon {\n font-size: 20px;\n }\n\n .fai-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fai-card {\n animation: fai-fadeInUp .5s ease backwards;\n }\n .fai-card:nth-child(1) { animation-delay: .05s; }\n .fai-card:nth-child(2) { animation-delay: .1s; }\n .fai-card:nth-child(3) { animation-delay: .15s; }\n .fai-card:nth-child(4) { animation-delay: .2s; }\n .fai-card:nth-child(5) { animation-delay: .25s; }\n .fai-card:nth-child(6) { animation-delay: .3s; }\n\n .fai-timeline-item {\n animation: fai-fadeInUp .5s ease backwards;\n }\n .fai-timeline-item:nth-child(1) { animation-delay: .05s; }\n .fai-timeline-item:nth-child(2) { animation-delay: .12s; }\n .fai-timeline-item:nth-child(3) { animation-delay: .19s; }\n .fai-timeline-item:nth-child(4) { animation-delay: .26s; }\n\n .fai-stat {\n animation: fai-fadeInUp .5s ease backwards;\n }\n .fai-stat:nth-child(1) { animation-delay: .05s; }\n .fai-stat:nth-child(2) { animation-delay: .12s; }\n .fai-stat:nth-child(3) { animation-delay: .19s; }\n}\n\n@keyframes fai-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 .fai-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":45755231797405,"sku":"FM0415","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-acide-hyaluronique-bio-florame-concentre-repulpant-age-packshothd.webp?v=1773332669"},{"product_id":"creme-integrale-age-intense-jour-bio-50-ml-florame","title":"Crème Intégrale Jour Âge Intense Bio - 50ml - Florame","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Intégrale Jour Âge Intense Bio - 50ml - Florame\nPalette détectée:\n - Primaire: #C8956C (rose gold \/ cuivré du couvercle et du packaging)\n - Secondaire: #D4E0DC (vert d'eau très doux du pot)\n - Accent: #B07A50 (cuivré foncé des textes packaging)\nAmbiance: Luxe naturel, féminin, élégant, provençal chic, cosmétique bio premium\nPréfixe CSS: fai\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un soin complet pour une peau visiblement plus jeune\"\n 2. \"Ingrédients naturels puissants\"\n 3. \"Résultats visibles jour après jour\"\n 4. \"Conseils d'utilisation\"\n 5. \"Pourquoi choisir la Crème Jour Bio Anti-Âge Florame ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"fai-premium\"\u003e\n\n \u003cdiv class=\"fai-hero\"\u003e\n \u003cdiv class=\"fai-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fai-hero-content\"\u003e\n \u003cdiv class=\"fai-badges-top\"\u003e\n \u003cspan class=\"fai-badge\"\u003e🌿 98% naturel\u003c\/span\u003e\n \u003cspan class=\"fai-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n \u003cspan class=\"fai-badge\"\u003e🌸 Orchidée bio\u003c\/span\u003e\n \u003cspan class=\"fai-badge\"\u003e✨ COSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fai-hero-title\"\u003eCrème Intégrale Jour Âge Intense Bio\u003c\/span\u003e\n \u003cp class=\"fai-subtitle\"\u003eFlorame — Gamme Âge Intense · 50 ml\u003c\/p\u003e\n \u003cp class=\"fai-description\"\u003eUn soin intégral anti-âge bio aux huiles essentielles et à l'orchidée bio pour hydrater, raffermir et lisser la peau chaque matin, tout en révélant un teint lumineux et plein de vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eUn soin complet pour une peau visiblement plus jeune\u003c\/h2\u003e\n \u003cp class=\"fai-section-intro\"\u003eCette crème anti-rides bio de jour cible les trois signes majeurs du vieillissement cutané. Sa texture légère pénètre rapidement, laissant la peau douce, lisse et parfaitement hydratée.\u003c\/p\u003e\n \u003cdiv class=\"fai-grid\"\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌸 Effet anti-rides\u003c\/h3\u003e\n \u003cp\u003eLisse les ridules et renforce la tonicité de la peau pour un visage visiblement rajeuni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e💧 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eRestaure l'élasticité et la souplesse de la peau tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌿 Action repulpante\u003c\/h3\u003e\n \u003cp\u003eRedonne volume et densité au visage pour des contours redessinés et une peau rebondie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eIngrédients naturels puissants\u003c\/h2\u003e\n \u003cp class=\"fai-section-intro\"\u003eFormulée à partir de \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e61 % issus de l'agriculture biologique\u003c\/strong\u003e, cette crème associe des actifs anti-âge hautement performants.\u003c\/p\u003e\n \u003cdiv class=\"fai-grid\"\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌹 Eau florale de Rose de Damas\u003c\/h3\u003e\n \u003cp\u003eApaise, tonifie et illumine le teint pour un éclat naturel au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌺 Huile de graines d'Hibiscus \u0026amp; Figue de Barbarie\u003c\/h3\u003e\n \u003cp\u003eRiches en antioxydants, elles combattent le stress oxydatif et stimulent la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🪻 Extrait d'Orchidée \u0026amp; Feuilles de Myrte\u003c\/h3\u003e\n \u003cp\u003eRaffermissent et redéfinissent les contours du visage pour une peau plus ferme et structurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌼 Huile essentielle d'Immortelle\u003c\/h3\u003e\n \u003cp\u003eConnue pour ses vertus réparatrices et cicatrisantes, elle accélère le renouvellement cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eRésultats visibles jour après jour\u003c\/h2\u003e\n \u003cdiv class=\"fai-grid\"\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e✨ Dès 2 semaines\u003c\/h3\u003e\n \u003cp\u003ePeau plus ferme et rebondie, les premières améliorations sont visibles rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e🪞 Grain de peau affiné\u003c\/h3\u003e\n \u003cp\u003eRides estompées et texture de la peau nettement plus lisse et uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card fai-card-result\"\u003e\n \u003ch3\u003e☀️ Éclat bonne mine\u003c\/h3\u003e\n \u003cp\u003eTeint éclatant et uniforme, un effet bonne mine naturel jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"fai-disclaimer\"\u003e*Auto-évaluation sur panel interne Florame.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fai-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"fai-timeline\"\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque matin sur une peau propre et sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de crème et chauffez-la entre vos doigts pour activer les principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eÉtalez du centre vers l'extérieur du visage en mouvements circulaires doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-item\"\u003e\n \u003cdiv class=\"fai-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fai-timeline-content\"\u003e\n \u003ch3\u003eBase de maquillage\u003c\/h3\u003e\n \u003cp\u003ePeut être utilisée comme base de maquillage pour un teint lumineux toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-tip\"\u003e\n \u003cspan class=\"fai-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un rituel anti-âge complet, utilisez le \u003ca href=\"https:\/\/www.naturellement-bio.com\/products\/baume-restructurant-nuit-bio-50-ml-florame\" title=\"Baume Restructurant Nuit Bio - 50 ml - Florame\"\u003eBaume Restructurant Nuit Bio Florame\u003c\/a\u003e le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fai-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la Crème Jour Bio Anti-Âge Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"fai-grid-compact\"\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e✨ COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eFormule biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🤍 Peaux matures \u0026amp; sensibles\u003c\/h3\u003e\n \u003cp\u003eConvient aux peaux les plus exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eSaint Rémy de Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🚫 Sans indésirables\u003c\/h3\u003e\n \u003cp\u003eSans parabènes, silicones ni colorants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🐰 Cruelty free\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-card\"\u003e\n \u003ch3\u003e🌿 98% naturel\u003c\/h3\u003e\n \u003cp\u003e61% d'ingrédients bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fai-cta-box\"\u003e\n \u003cp\u003e🌸 Offrez à votre peau le meilleur de la nature provençale — hydratation, fermeté et éclat, chaque matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fai-cream: #FBF8F5;\n --fai-white: #ffffff;\n --fai-primary: #C8956C;\n --fai-primary-dark: #8C5E3C;\n --fai-primary-light: #F5EDE6;\n --fai-secondary: #D4E0DC;\n --fai-accent: #B07A50;\n --fai-text: #1a1a1a;\n --fai-text-light: #5a5a5a;\n --fai-border: #E8DDD4;\n --fai-shadow: 0 4px 24px rgba(140,94,60,.08);\n --fai-shadow-lg: 0 12px 48px rgba(140,94,60,.15);\n --fai-radius: 20px;\n --fai-radius-sm: 12px;\n}\n\n.fai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fai-hero {\n position: relative;\n background: linear-gradient(135deg, #C8956C 0%, #B07A50 40%, #8C5E3C 100%);\n border-radius: var(--fai-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(--fai-shadow-lg);\n}\n\n.fai-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fai-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.fai-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.fai-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fai-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fai-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(--fai-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fai-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fai-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fai-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.fai-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(--fai-primary), var(--fai-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.fai-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fai-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.fai-section-intro strong {\n color: var(--fai-primary-dark);\n}\n\n\/* === CARDS === *\/\n.fai-card {\n background: var(--fai-white);\n border-radius: var(--fai-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fai-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fai-shadow-lg);\n border-color: var(--fai-primary);\n}\n\n.fai-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fai-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fai-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fai-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.fai-grid-compact .fai-card {\n padding: 1rem;\n}\n\n.fai-grid-compact .fai-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fai-grid-compact .fai-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fai-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fai-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fai-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fai-primary), var(--fai-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.fai-timeline-content {\n flex: 1;\n background: var(--fai-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fai-radius-sm);\n box-shadow: var(--fai-shadow);\n}\n\n.fai-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fai-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fai-timeline-content p {\n font-size: 14px;\n color: var(--fai-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fai-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fai-primary-light);\n border-radius: var(--fai-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fai-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fai-tip p {\n font-size: 14px;\n color: var(--fai-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fai-tip a {\n color: var(--fai-primary-dark);\n text-decoration: underline;\n text-underline-offset: 3px;\n font-weight: 600;\n transition: color .2s ease;\n}\n\n.fai-tip a:hover {\n color: var(--fai-primary);\n}\n\n\/* === CTA === *\/\n.fai-cta-box {\n background: linear-gradient(135deg, var(--fai-primary) 0%, var(--fai-primary-dark) 100%);\n border-radius: var(--fai-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fai-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.fai-disclaimer {\n font-size: 12px;\n color: var(--fai-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESULT CARDS (accent border) === *\/\n.fai-card-result {\n border-top: 3px solid var(--fai-primary);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fai-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fai-card {\n padding: 1.125rem;\n }\n\n .fai-section {\n margin-bottom: 1.75rem;\n }\n\n .fai-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fai-radius-sm);\n }\n\n .fai-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fai-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fai-grid-compact {\n gap: .625rem;\n }\n\n .fai-grid-compact .fai-card {\n padding: .75rem;\n }\n\n .fai-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fai-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fai-timeline-content h3 {\n font-size: 14px;\n }\n\n .fai-timeline-content p {\n font-size: 13px;\n }\n\n .fai-badges-top {\n gap: 6px;\n }\n\n .fai-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fai-card {\n animation: fai-fadeInUp .5s ease backwards;\n }\n .fai-card:nth-child(1) { animation-delay: .05s; }\n .fai-card:nth-child(2) { animation-delay: .1s; }\n .fai-card:nth-child(3) { animation-delay: .15s; }\n .fai-card:nth-child(4) { animation-delay: .2s; }\n .fai-card:nth-child(5) { animation-delay: .25s; }\n .fai-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fai-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 .fai-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":45755233730717,"sku":"FM0420","price":35.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Creme-integrale-age-intense-jour-Bio-50-ml-FLORAAGEIN50-425287.jpg?v=1732720068"},{"product_id":"shampoing-anti-pelliculaire-bio-200-ml-florame","title":"Shampooing antipelliculaire sans sulfate bio - Florame","description":"\u003cdiv class=\"flr-premium\"\u003e\n\n \u003cdiv class=\"flr-hero\"\u003e\n \u003cdiv class=\"flr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flr-hero-content\"\u003e\n \u003cdiv class=\"flr-badges-top\"\u003e\n \u003cspan class=\"flr-badge\"\u003e🌿 97 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"flr-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n \u003cspan class=\"flr-badge\"\u003e🚫 Sans sulfate · Sans silicone · Sans paraben\u003c\/span\u003e\n \u003cspan class=\"flr-badge\"\u003e🏅 Certifié COSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"flr-hero-title\"\u003eShampooing antipelliculaire sans sulfate bio\u003c\/span\u003e\n \u003cp class=\"flr-subtitle\"\u003eFlorame — Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003cp class=\"flr-description\"\u003eÉliminez les pellicules et rééquilibrez votre cuir chevelu grâce à la puissance des prébiotiques et du romarin bio. Un soin certifié bio, doux et efficace, pour retrouver confort et légèreté dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eShampooing antipelliculaire bio Florame : un soin sans sulfate pour un cuir chevelu purifié\u003c\/h2\u003e\n \u003cp class=\"flr-section-intro\"\u003eLes pellicules vous gâchent la vie ? Le \u003cstrong\u003eshampooing antipelliculaire Florame\u003c\/strong\u003e offre une réponse naturelle et efficace à ce désagrément quotidien. Formulé \u003cstrong\u003esans sulfate, sans silicone et sans paraben\u003c\/strong\u003e, ce soin capillaire certifié bio élimine les pellicules visibles tout en respectant profondément l'équilibre de votre cuir chevelu.\u003c\/p\u003e\n \u003cdiv class=\"flr-grid-compact\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌱 97 % naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle pour un soin respectueux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🧴 Sans sulfate\u003c\/h3\u003e\n \u003cp\u003eNettoyage doux sans décaper la fibre capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🔬 20 % bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en Provence par Florame depuis plus de 30 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003ePourquoi les pellicules apparaissent-elles ?\u003c\/h2\u003e\n \u003cdiv class=\"flr-testimonial\"\u003e\n \u003cp class=\"flr-testimonial-text\"\u003eLes pellicules résultent souvent d'un déséquilibre du microbiote du cuir chevelu : stress, pollution, utilisation de produits trop agressifs ou riches en tensioactifs sulfatés. Contrairement aux shampooings conventionnels qui décapent la fibre capillaire, ce \u003cstrong\u003eshampooing sans sulfate\u003c\/strong\u003e Florame mise sur des actifs doux et ciblés pour traiter le problème à la source, sans irriter ni assécher vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eDes actifs naturels aux bienfaits complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"flr-grid\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌳 Extrait de jujubier\u003c\/h3\u003e\n \u003cp\u003eCet actif végétal possède une action antipelliculaire reconnue. Il apaise les démangeaisons et purifie le cuir chevelu en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🦠 Prébiotiques naturels\u003c\/h3\u003e\n \u003cp\u003eIls rééquilibrent le microbiote capillaire pour limiter la prolifération des micro-organismes responsables des pellicules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌿 Hydrolat de romarin bio\u003c\/h3\u003e\n \u003cp\u003eTonifiant et assainissant, il stimule la microcirculation et redonne vitalité au cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🍃 Huile essentielle d'eucalyptus\u003c\/h3\u003e\n \u003cp\u003eElle procure une agréable sensation de fraîcheur durable et renforce l'effet purifiant du shampooing.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydratant et adoucissant, il protège la fibre capillaire et évite l'effet desséchant souvent reproché aux soins antipelliculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing antipelliculaire bio ?\u003c\/h2\u003e\n \u003cdiv class=\"flr-timeline\"\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003ePassez abondamment vos cheveux sous l'eau tiède pour ouvrir les écailles et préparer le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eAppliquez une noisette de produit\u003c\/h3\u003e\n \u003cp\u003eRépartissez le shampooing directement sur le cuir chevelu, pas sur les longueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez de petits mouvements circulaires du bout des doigts pour activer la microcirculation et favoriser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eLaissez poser 1 à 2 minutes\u003c\/h3\u003e\n \u003cp\u003eCe temps de pause permet aux prébiotiques et au jujubier d'agir en profondeur sur le cuir chevelu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède. Pour des résultats optimaux, utilisez-le \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e pendant au moins 3 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-tip\"\u003e\n \u003cspan class=\"flr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe \u003cstrong\u003eshampooing sans silicone, sans sulfate et sans paraben\u003c\/strong\u003e convient parfaitement à un usage régulier, y compris sur cheveux colorés ou sensibilisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eCertification et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"flr-grid-compact\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🏅 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert, le plus haut standard de la cosmétique bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌾 20 % bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n \u003cp\u003eEngagement environnemental et circuits courts en Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🕰️ +30 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003eFlorame, pionnière de la cosmétique bio française depuis Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"flr-section-intro\" style=\"margin-top:1.25rem;\"\u003eVous cherchez un \u003cstrong\u003eshampooing antipelliculaire en parapharmacie\u003c\/strong\u003e qui soit à la fois naturel et performant ? Celui-ci coche toutes les cases.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce soin capillaire ?\u003c\/h2\u003e\n \u003cdiv class=\"flr-grid-compact\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🎯 Pellicules sèches ou grasses\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui cherchent une alternative naturelle et douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🧴 Transition sans sulfate\u003c\/h3\u003e\n \u003cp\u003eIdéal pour passer à un shampooing sans sulfate sans sacrifier l'efficacité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🩹 Cuirs chevelus sensibles\u003c\/h3\u003e\n \u003cp\u003eParfait pour les cuirs chevelus irrités ou sujets aux démangeaisons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e💇 Tous types de cheveux\u003c\/h3\u003e\n \u003cp\u003eFins, épais, lisses ou bouclés : ce soin s'adapte à toutes les natures capillaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn geste simple pour retrouver confort et légèreté\u003c\/h2\u003e\n \u003cdiv class=\"flr-cta-box\"\u003e\n \u003cp\u003eAvec le \u003cstrong\u003eshampooing antipelliculaire bio Florame\u003c\/strong\u003e, offrez à vos cheveux un soin complet qui purifie, apaise et rééquilibre durablement votre cuir chevelu. Les résultats sont visibles dès les premières utilisations : moins de pellicules, moins de démangeaisons, et une chevelure plus saine et plus légère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"flr-disclaimer\"\u003eCe produit ne se substitue pas à un avis médical en cas de troubles persistants du cuir chevelu.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --flr-cream: #f4f7f6;\n --flr-white: #ffffff;\n --flr-primary: #1a8a7d;\n --flr-primary-dark: #0e5e54;\n --flr-primary-light: #e6f5f2;\n --flr-secondary: #c8963e;\n --flr-accent: #d4a948;\n --flr-text: #1a1a1a;\n --flr-text-light: #5a5a5a;\n --flr-border: #d8e4e1;\n --flr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --flr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --flr-radius: 20px;\n --flr-radius-sm: 12px;\n}\n\n.flr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--flr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.flr-hero {\n position: relative;\n background: linear-gradient(135deg, #0e5e54 0%, #1a8a7d 45%, #2ba393 70%, #c8963e 100%);\n border-radius: var(--flr-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(--flr-shadow-lg);\n}\n\n.flr-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(200,150,62,.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.flr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.flr-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.flr-subtitle {\n color: var(--flr-accent);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.flr-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.flr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.flr-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(--flr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.flr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.flr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.flr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--flr-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.flr-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(--flr-primary), var(--flr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.flr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flr-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.flr-card {\n background: var(--flr-white);\n border-radius: var(--flr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--flr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.flr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--flr-shadow-lg);\n border-color: var(--flr-primary);\n}\n\n.flr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--flr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.flr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--flr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.flr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.flr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.flr-grid-compact .flr-card {\n padding: 1rem;\n}\n\n.flr-grid-compact .flr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.flr-grid-compact .flr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.flr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.flr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.flr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--flr-primary), var(--flr-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.flr-timeline-content {\n flex: 1;\n background: var(--flr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--flr-radius-sm);\n box-shadow: var(--flr-shadow);\n}\n\n.flr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--flr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.flr-timeline-content p {\n font-size: 14px;\n color: var(--flr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.flr-testimonial {\n background: var(--flr-white);\n border-radius: var(--flr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--flr-shadow);\n border-left: 4px solid var(--flr-primary);\n}\n\n.flr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.flr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--flr-primary-light);\n border-radius: var(--flr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.flr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.flr-tip p {\n font-size: 14px;\n color: var(--flr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.flr-cta-box {\n background: linear-gradient(135deg, var(--flr-primary) 0%, var(--flr-primary-dark) 100%);\n border-radius: var(--flr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.flr-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.flr-disclaimer {\n font-size: 12px;\n color: var(--flr-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 .flr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .flr-card {\n padding: 1.125rem;\n }\n\n .flr-section {\n margin-bottom: 1.75rem;\n }\n\n .flr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--flr-radius-sm);\n }\n\n .flr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .flr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .flr-grid-compact {\n gap: .625rem;\n }\n\n .flr-grid-compact .flr-card {\n padding: .75rem;\n }\n\n .flr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .flr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .flr-timeline-content h3 {\n font-size: 14px;\n }\n\n .flr-timeline-content p {\n font-size: 13px;\n }\n\n .flr-testimonial {\n padding: 1.25rem;\n }\n\n .flr-testimonial-text {\n font-size: 14px;\n }\n\n .flr-badges-top {\n gap: 6px;\n }\n\n .flr-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .flr-card {\n animation: flrFadeInUp .5s ease backwards;\n }\n .flr-card:nth-child(1) { animation-delay: .05s; }\n .flr-card:nth-child(2) { animation-delay: .1s; }\n .flr-card:nth-child(3) { animation-delay: .15s; }\n .flr-card:nth-child(4) { animation-delay: .2s; }\n .flr-card:nth-child(5) { animation-delay: .25s; }\n .flr-card:nth-child(6) { animation-delay: .3s; }\n\n .flr-timeline-item {\n animation: flrFadeInUp .5s ease backwards;\n }\n .flr-timeline-item:nth-child(1) { animation-delay: .05s; }\n .flr-timeline-item:nth-child(2) { animation-delay: .1s; }\n .flr-timeline-item:nth-child(3) { animation-delay: .15s; }\n .flr-timeline-item:nth-child(4) { animation-delay: .2s; }\n .flr-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes flrFadeInUp {\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 .flr-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":45755234123933,"sku":"FM0595","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-antipelliculaire-sans-sulfate-bio-florame-packshothd.webp?v=1775199110"},{"product_id":"savon-du-baroudeur-5-en-1-homme-bio-100-g-florame","title":"Savon de Rasage Bio Homme 5 en 1 – Le Savon du Baroudeur Florame","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon du Baroudeur 5-en-1 Florame\nPalette détectée:\n - Primaire: #3D3D3D (gris anthracite foncé du packaging - élégance masculine)\n - Secondaire: #C9A86A (or\/doré de la typographie et moustache - luxe naturel)\n - Accent: #D4A853 (orange\/ambre des textes bio - énergie naturelle)\nAmbiance: Masculine premium, naturel artisanal provençal, bio-luxe, aventurier raffiné\nPréfixe CSS: brd\n--\u003e\n\n\u003cdiv class=\"brd-premium\"\u003e\n\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"brd-hero\"\u003e\n \u003cdiv class=\"brd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brd-hero-content\"\u003e\n \u003cdiv class=\"brd-badges-top\"\u003e\n \u003cspan class=\"brd-badge\"\u003e🧔 5 en 1\u003c\/span\u003e\n \u003cspan class=\"brd-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"brd-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"brd-hero-title\"\u003eSavon du Baroudeur\u003c\/span\u003e\n \u003cp class=\"brd-subtitle\"\u003eLe savon bio multi-usages de l'homme moderne\u003c\/p\u003e\n \u003cp class=\"brd-description\"\u003eCheveux, visage, barbe, corps et rasage : un seul savon artisanal aux huiles essentielles bio de cèdre Atlas et huile d'argan. Fabriqué à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 5 Usages --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🪒 Un savon, cinq usages\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🧔 Rasage\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse et protectrice pour une glisse parfaite. L'huile d'argan bio limite les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans dessécher. Le cèdre et citron tonifient et purifient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🚿 Corps\u003c\/h3\u003e\n \u003cp\u003eMousse généreuse pour un nettoyage tonifiant. Hydrate grâce aux huiles d'olive, coco et tournesol bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eShampooing naturel tous types de cheveux. Nettoie sans alourdir, apporte brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🧔‍♂️ Barbe\u003c\/h3\u003e\n \u003cp\u003eAssouplit les poils, nettoie en profondeur avec les notes fraîches et boisées des huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Bienfaits --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🌿 Les bienfaits clés\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eSynergie \u003cstrong\u003eargan, olive et coco bio\u003c\/strong\u003e pour nourrir et préserver le film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🪒 Rasage confort\u003c\/h3\u003e\n \u003cp\u003eMousse protectrice naturelle qui facilite le passage de la lame et réduit les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌲 Parfum énergisant\u003c\/h3\u003e\n \u003cp\u003eNotes fraîches de \u003cstrong\u003ecitron\u003c\/strong\u003e et boisées de \u003cstrong\u003ecèdre Atlas\u003c\/strong\u003e pour un réveil sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eFormat solide économique : un seul savon remplace 5 produits liquides. Moins de plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Ingrédients --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🧪 Composition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid-compact\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eProtection et souplesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eVitamine E antioxydante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌲 HE cèdre Atlas\u003c\/h3\u003e\n \u003cp\u003eTonifie et purifie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🍋 HE citron\u003c\/h3\u003e\n \u003cp\u003eRafraîchit et assainit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pour qui --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid-compact\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🏃 L'homme actif\u003c\/h3\u003e\n \u003cp\u003eSimplicité et efficacité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e✈️ Le voyageur\u003c\/h3\u003e\n \u003cp\u003eFormat solide compact idéal cabine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌱 L'adepte du bio\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée sans compromis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e♻️ L'éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable\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=\"brd-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"brd-steps\"\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eMouillez\u003c\/span\u003e\n \u003cp\u003eHumidifiez la zone à nettoyer et faites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eAppliquez\u003c\/span\u003e\n \u003cp\u003eMassez délicatement en mouvements circulaires sur le visage, la barbe, le corps ou les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eRincez\u003c\/span\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Informations complémentaires (accordéon) --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"brd-accordion\"\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eConservez le savon au sec entre les utilisations pour prolonger sa durée de vie. Utilisez un porte-savon ajouré permettant l'écoulement de l'eau. Durée d'utilisation : 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez immédiatement à l'eau claire. Usage externe uniquement. Testé dermatologiquement. En cas d'irritation, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eFabriqué artisanalement à Saint-Rémy-de-Provence par les Laboratoires Provence Nature. Certifié Cosmos Organic par Ecocert. Sans parabènes, silicones ni sulfates. Non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- CTA Final --\u003e\n\u003csection class=\"brd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"brd-cta-box\"\u003e\n \u003cp\u003eSimplifiez votre routine avec le Savon du Baroudeur : 5 produits en 1, qualité bio certifiée et savoir-faire artisanal provençal. L'essentiel de l'homme moderne qui privilégie authenticité et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --brd-cream: #f9f8f6;\n --brd-white: #ffffff;\n --brd-primary: #3D3D3D;\n --brd-primary-dark: #2a2a2a;\n --brd-primary-light: #f5f4f2;\n --brd-secondary: #C9A86A;\n --brd-accent: #D4A853;\n --brd-text: #1a1a1a;\n --brd-text-light: #5a5a5a;\n --brd-border: #e5e3df;\n --brd-shadow: 0 4px 24px rgba(0,0,0,.08);\n --brd-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --brd-radius: 20px;\n --brd-radius-sm: 12px;\n}\n\n.brd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--brd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.brd-hero {\n position: relative;\n background: linear-gradient(135deg, #2a2a2a 0%, #3d3d3d 50%, #4a4a4a 100%);\n border-radius: var(--brd-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(--brd-shadow-lg);\n}\n\n.brd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .04;\n background-image: radial-gradient(circle at 30% 40%, var(--brd-secondary) 1px, transparent 1px);\n background-size: 24px 24px;\n}\n\n.brd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.brd-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.brd-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(--brd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.brd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.brd-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.brd-subtitle {\n color: var(--brd-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n}\n\n.brd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.brd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.brd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--brd-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.brd-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(--brd-secondary), var(--brd-accent));\n border-radius: 2px;\n}\n\n.brd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.brd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.brd-card {\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--brd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.brd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--brd-shadow-lg);\n border-color: var(--brd-secondary);\n}\n\n.brd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--brd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.brd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--brd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brd-grid-compact .brd-card {\n padding: 1rem;\n}\n\n.brd-grid-compact .brd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.brd-grid-compact .brd-card p {\n font-size: 12px;\n}\n\n.brd-card.brd-info h3 {\n font-size: 13px;\n color: var(--brd-text-light);\n font-weight: 600;\n margin-bottom: .25rem;\n}\n\n.brd-card.brd-info p {\n font-size: 15px;\n font-weight: 800;\n color: var(--brd-primary-dark);\n}\n\n.brd-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.brd-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n padding: 1.25rem;\n box-shadow: var(--brd-shadow);\n transition: all .3s ease;\n}\n\n.brd-step:hover {\n box-shadow: var(--brd-shadow-lg);\n}\n\n.brd-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n background: linear-gradient(135deg, var(--brd-secondary), var(--brd-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n}\n\n.brd-step-content {\n flex: 1;\n}\n\n.brd-step-title {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--brd-primary-dark);\n margin-bottom: .25rem;\n}\n\n.brd-step-content p {\n font-size: 14px;\n color: var(--brd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brd-accordion {\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n box-shadow: var(--brd-shadow);\n overflow: hidden;\n}\n\n.brd-accordion-item {\n border-bottom: 1px solid var(--brd-border);\n margin: 0;\n padding: 0;\n}\n\n.brd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.brd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--brd-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.brd-accordion-header:hover {\n background: var(--brd-primary-light);\n}\n\n.brd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.brd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--brd-secondary);\n transition: transform .2s ease;\n}\n\n.brd-accordion-item[open] .brd-accordion-header::after {\n content: '−';\n}\n\n.brd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--brd-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.brd-accordion-content p {\n margin: 0;\n}\n\n.brd-cta-box {\n background: linear-gradient(135deg, var(--brd-primary) 0%, var(--brd-primary-dark) 100%);\n border-radius: var(--brd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.brd-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 .brd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .brd-grid-compact {\n gap: .625rem;\n }\n \n .brd-grid-compact .brd-card {\n padding: .75rem;\n }\n \n .brd-card {\n padding: 1.125rem;\n }\n \n .brd-section {\n margin-bottom: 1.75rem;\n }\n \n .brd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--brd-radius-sm);\n }\n \n .brd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .brd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .brd-step {\n padding: 1rem;\n }\n \n .brd-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n font-size: 16px;\n }\n \n .brd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .brd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .brd-card {\n animation: fadeInUp .5s ease backwards;\n }\n .brd-card:nth-child(1) { animation-delay: .05s; }\n .brd-card:nth-child(2) { animation-delay: .1s; }\n .brd-card:nth-child(3) { animation-delay: .15s; }\n .brd-card:nth-child(4) { animation-delay: .2s; }\n .brd-card:nth-child(5) { animation-delay: .25s; }\n .brd-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 .brd-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":45755274166429,"sku":"FM0545","price":7.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-du-baroudeur-5-en-1-homme-bio-100g-florame-emballage-min-121850.jpg?v=1732721628"},{"product_id":"serum-anti-age-haute-correction-bio-30-ml-florame","title":"Sérum Anti-Âge Bio Florame – Lys Perfection Haute Correction 30 ml","description":"\u003cdiv class=\"lp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lp-hero\"\u003e\n \u003cdiv class=\"lp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lp-hero-content\"\u003e\n \u003cdiv class=\"lp-badges-top\"\u003e\n \u003cspan class=\"lp-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"lp-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n \u003cspan class=\"lp-badge\"\u003e✨ 5-en-1\u003c\/span\u003e\n \u003cspan class=\"lp-badge\"\u003e🧪 99 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lp-hero-title\"\u003eSérum Anti-Âge Bio Florame – Lys Perfection\u003c\/span\u003e\n \u003cp class=\"lp-subtitle\"\u003eHaute correction · 30 ml\u003c\/p\u003e\n \u003cp class=\"lp-description\"\u003eLe soin certifié bio qui agit sur 5 fronts simultanément : rides, taches, fermeté, éclat et hydratation. Des résultats cliniquement prouvés, une formule 100 % naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eSérum anti-âge bio 5-en-1 : la réponse naturelle aux signes du temps\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eVous recherchez le \u003cstrong\u003emeilleur sérum anti-âge\u003c\/strong\u003e alliant efficacité prouvée et formule naturelle ? Le \u003cstrong\u003eSérum Anti-Âge Lys Perfection de Florame\u003c\/strong\u003e est un soin haute correction certifié \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e qui agit simultanément sur cinq fronts : rides, taches, fermeté, éclat et hydratation.\u003c\/p\u003e\n \u003cp class=\"lp-section-intro\"\u003eFormulé avec \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et fabriqué en Provence, ce \u003cstrong\u003esérum visage anti-âge\u003c\/strong\u003e prouve qu'il n'est pas nécessaire de recourir à la chimie de synthèse pour obtenir des résultats visibles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eCinq actions ciblées dans un seul sérum\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003esérum anti-rides\u003c\/strong\u003e des formules classiques, c'est sa capacité à traiter plusieurs préoccupations en un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"lp-grid\"\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e💧 Hydrate\u003c\/h3\u003e\n \u003cp\u003eEn profondeur grâce à l'acide hyaluronique, qui attire et retient l'eau dans les couches supérieures de l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e✨ Lisse\u003c\/h3\u003e\n \u003cp\u003eLes rides et ridules pour un grain de peau visiblement affiné et une surface cutanée plus douce au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🎨 Unifie\u003c\/h3\u003e\n \u003cp\u003eLe teint en atténuant les taches pigmentaires liées à l'âge ou au soleil pour un résultat homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌟 Illumine\u003c\/h3\u003e\n \u003cp\u003eLes peaux ternes et fatiguées en leur redonnant un éclat naturel, frais et lumineux au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e💪 Raffermit\u003c\/h3\u003e\n \u003cp\u003eL'ovale du visage pour une peau plus tonique, plus rebondie et visiblement plus jeune jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eDes résultats cliniquement mesurés\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eCe n'est pas qu'une promesse : des \u003cstrong\u003etests cliniques\u003c\/strong\u003e réalisés sur panel ont démontré, après 28 jours d'utilisation en association avec les soins Lys Perfection Florame :\u003c\/p\u003e\n \u003cdiv class=\"lp-grid-compact\"\u003e\n \u003cdiv class=\"lp-card lp-card-stat\"\u003e\n \u003ch3\u003e–22 %\u003c\/h3\u003e\n \u003cp\u003eDe rides et ridules visibles en seulement 28 jours\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card lp-card-stat\"\u003e\n \u003ch3\u003e–16 %\u003c\/h3\u003e\n \u003cp\u003eDe taches pigmentaires pour un teint plus uniforme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-tip\"\u003e\n \u003cspan class=\"lp-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003eUne peau jugée plus ferme, lumineuse et homogène par les testeuses — des chiffres qui placent ce sérum bio parmi les références souvent comparées dans les classements du \u003cstrong\u003emeilleur sérum anti-âge\u003c\/strong\u003e, y compris dans des guides tels que ceux de \u003cstrong\u003e60 Millions de Consommateurs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eLes actifs naturels au cœur de la formule\u003c\/h2\u003e\n \u003cp class=\"lp-section-intro\"\u003eChaque ingrédient a été sélectionné pour son efficacité démontrée sur la peau mature :\u003c\/p\u003e\n \u003cdiv class=\"lp-grid\"\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🤍 Lys blanc bio\u003c\/h3\u003e\n \u003cp\u003eActif phare de la gamme, il unifie le teint et réduit visiblement les taches brunes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eRepulpe la peau et lui offre une hydratation longue durée, comblant les ridules de déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌺 Extrait d'orchidée bio\u003c\/h3\u003e\n \u003cp\u003eFavorise la régénération cellulaire et restaure l'élasticité pour une peau plus souple.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🫐 Extrait d'airelle rouge\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant qui protège des radicaux libres et prévient le vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌸 Magnolia \u0026amp; indigo sauvage\u003c\/h3\u003e\n \u003cp\u003eApaisent la peau et améliorent la luminosité du teint pour un effet bonne mine naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌿 Complexe d'huiles essentielles bio\u003c\/h3\u003e\n \u003cp\u003eCamomille, Géranium, Lavande, Vétiver : revitalisent et apportent un parfum floral délicat 100 % végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-tip\"\u003e\n \u003cspan class=\"lp-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e70 % des ingrédients sont issus de l'Agriculture Biologique.\u003c\/strong\u003e Formule non testée sur les animaux, testée sous contrôle dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lp-section\"\u003e\n \u003ch2\u003eComment bien appliquer ce sérum anti-âge ?\u003c\/h2\u003e\n \u003cdiv class=\"lp-timeline\"\u003e\n \u003cdiv class=\"lp-timeline-item\"\u003e\n \u003cdiv class=\"lp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eMatin et soir, sur une peau propre et sèche, prélevez quelques gouttes à l'aide du compte-gouttes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-item\"\u003e\n \u003cdiv class=\"lp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-content\"\u003e\n \u003ch3\u003eDéposez\u003c\/h3\u003e\n \u003cp\u003eAppliquez le sérum sur le visage, le cou et le contour des yeux en petites touches réparties.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-item\"\u003e\n \u003cdiv class=\"lp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-content\"\u003e\n \u003ch3\u003eFaites pénétrer\u003c\/h3\u003e\n \u003cp\u003ePar de légers effleurages ascendants, sans frotter, pour stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-item\"\u003e\n \u003cdiv class=\"lp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lp-timeline-content\"\u003e\n \u003ch3\u003eComplétez\u003c\/h3\u003e\n \u003cp\u003ePour maximiser les résultats, appliquez ensuite votre \u003cstrong\u003ecrème Lys Perfection Florame\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-tip\"\u003e\n \u003cspan class=\"lp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSa texture fluide et non grasse pénètre en quelques secondes : vous pouvez vous maquiller immédiatement après.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"lp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir ce sérum plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"lp-grid-compact\"\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertification par Ecocert : un gage de transparence et de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Provence\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Saint-Rémy-de-Provence, avec un savoir-faire reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e💧 Action 5-en-1\u003c\/h3\u003e\n \u003cp\u003eUne action globale qui simplifie votre routine beauté quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e🌸 Toutes peaux\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peaux, y compris les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-card\"\u003e\n \u003ch3\u003e📦 Dosage précis\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes de 30 ml pour un dosage économique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lp-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre peau le meilleur de la nature provençale — un sérum bio 5-en-1 aux résultats cliniquement prouvés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lp-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 --lp-cream: #faf8f5;\n --lp-white: #ffffff;\n --lp-primary: #c8944a;\n --lp-primary-dark: #8a5e2a;\n --lp-primary-light: #fdf5eb;\n --lp-secondary: #d4a95c;\n --lp-accent: #e8c78e;\n --lp-text: #1a1a1a;\n --lp-text-light: #5a5a5a;\n --lp-border: #e8e0d6;\n --lp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lp-radius: 20px;\n --lp-radius-sm: 12px;\n}\n\n.lp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lp-hero {\n position: relative;\n background: linear-gradient(135deg, #8a5e2a 0%, #c8944a 50%, #e8c78e 100%);\n border-radius: var(--lp-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(--lp-shadow-lg);\n}\n\n.lp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 80%);\n opacity: 1;\n}\n\n.lp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lp-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.lp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.lp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lp-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(--lp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lp-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.lp-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(--lp-primary), var(--lp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lp-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.lp-section-intro strong {\n color: var(--lp-primary-dark);\n}\n\n\/* === CARDS === *\/\n.lp-card {\n background: var(--lp-white);\n border-radius: var(--lp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lp-shadow-lg);\n border-color: var(--lp-primary);\n}\n\n.lp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === STAT CARDS === *\/\n.lp-card-stat h3 {\n font-size: clamp(28px, 6vw, 42px);\n color: var(--lp-primary);\n font-weight: 900;\n margin-bottom: .35rem;\n letter-spacing: -.02em;\n}\n\n\/* === GRILLES === *\/\n.lp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lp-grid-compact .lp-card {\n padding: 1rem;\n}\n\n.lp-grid-compact .lp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lp-grid-compact .lp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lp-primary), var(--lp-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.lp-timeline-content {\n flex: 1;\n background: var(--lp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lp-radius-sm);\n box-shadow: var(--lp-shadow);\n}\n\n.lp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lp-timeline-content p {\n font-size: 14px;\n color: var(--lp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lp-timeline-content p strong {\n color: var(--lp-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.lp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lp-primary-light);\n border-radius: var(--lp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lp-tip p {\n font-size: 14px;\n color: var(--lp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lp-tip p strong {\n color: var(--lp-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.lp-cta-box {\n background: linear-gradient(135deg, var(--lp-primary) 0%, var(--lp-primary-dark) 100%);\n border-radius: var(--lp-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.lp-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.lp-disclaimer {\n font-size: 12px;\n color: var(--lp-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 .lp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lp-card {\n padding: 1.125rem;\n }\n\n .lp-section {\n margin-bottom: 1.75rem;\n }\n\n .lp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lp-radius-sm);\n }\n\n .lp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lp-grid-compact {\n gap: .625rem;\n }\n\n .lp-grid-compact .lp-card {\n padding: .75rem;\n }\n\n .lp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lp-timeline-content h3 {\n font-size: 14px;\n }\n\n .lp-timeline-content p {\n font-size: 13px;\n }\n\n .lp-card-stat h3 {\n font-size: clamp(24px, 8vw, 36px);\n }\n\n .lp-tip {\n padding: .875rem 1rem;\n }\n\n .lp-tip-icon {\n font-size: 20px;\n }\n\n .lp-tip p {\n font-size: 13px;\n }\n\n .lp-section-intro {\n font-size: 14px;\n margin-bottom: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lp-card {\n animation: lpFadeInUp .5s ease backwards;\n }\n .lp-card:nth-child(1) { animation-delay: .05s; }\n .lp-card:nth-child(2) { animation-delay: .1s; }\n .lp-card:nth-child(3) { animation-delay: .15s; }\n .lp-card:nth-child(4) { animation-delay: .2s; }\n .lp-card:nth-child(5) { animation-delay: .25s; }\n .lp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lpFadeInUp {\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 .lp-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":45755285602461,"sku":"FM0440","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/serum-anti-age-bio-florame-lys-perfection-haute-correction-3-packshothd.webp?v=1775379566"},{"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":"baume-restructurant-nuit-bio-50-ml-florame","title":"Baume de Nuit Bio anti-âge 50ml – Régénérant \u0026 Restructurant - Florame","description":"\u003cp\u003eOffrez à votre peau une régénération naturelle pendant la nuit grâce au \u003cstrong\u003eBaume de Nuit Bio Anti-Âge Florame\u003c\/strong\u003e. Conçu pour les \u003cstrong\u003epeaux matures en quête de fermeté et d’éclat\u003c\/strong\u003e, ce soin nocturne restructurant nourrit intensément, redensifie la peau et aide à atténuer visiblement les rides et ridules au réveil.\u003c\/p\u003e\n\u003ch2\u003eUn soin de nuit bio qui régénère votre peau\u003c\/h2\u003e\n\u003cp\u003ePendant le sommeil, la peau entre en phase de réparation cellulaire. Le \u003cstrong\u003eBaume Restructurant Nuit Bio Florame\u003c\/strong\u003e agit à ce moment clé pour stimuler la régénération et restaurer l’élasticité naturelle de la peau. Sa \u003cstrong\u003etexture riche et fondante\u003c\/strong\u003e fond au contact de l’épiderme sans effet gras, laissant une sensation de confort immédiat.\u003c\/p\u003e\n\u003cp\u003eCe soin anti-âge certifié bio est formulé avec des \u003cstrong\u003eactifs naturels puissants\u003c\/strong\u003e soigneusement sélectionnés pour leur efficacité prouvée :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e🌿 \u003cstrong\u003eHuile d’Argan Bio\u003c\/strong\u003e – Riche en acides gras essentiels et vitamine E, elle nourrit et raffermit la peau en profondeur.\u003c\/li\u003e\n\u003cli\u003e🧈 \u003cstrong\u003eBeurre de Karité Bio\u003c\/strong\u003e – Protège, répare et adoucit, tout en renforçant la barrière cutanée.\u003c\/li\u003e\n\u003cli\u003e🌸 \u003cstrong\u003eExtrait de Bouleau Blanc Bio\u003c\/strong\u003e – Revitalise et illumine le teint pour une peau plus souple et éclatante.\u003c\/li\u003e\n\u003cli\u003e🌊 \u003cstrong\u003eAlgue Laminaria Bio\u003c\/strong\u003e – Redensifie et lutte contre le relâchement cutané.\u003c\/li\u003e\n\u003cli\u003e🌹 \u003cstrong\u003eEau de Rose et Aloe Vera Bio\u003c\/strong\u003e – Hydratent, apaisent et restaurent la fraîcheur du visage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eUtilisé chaque soir, ce \u003cstrong\u003ebaume visage bio anti-âge\u003c\/strong\u003e aide à \u003cstrong\u003eréduire les signes visibles du vieillissement\u003c\/strong\u003e, à \u003cstrong\u003eaméliorer la fermeté\u003c\/strong\u003e et à \u003cstrong\u003eredonner éclat et vitalité\u003c\/strong\u003e à la peau.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits du Baume de Nuit Bio Florame\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRépare et restructure la peau pendant la nuit\u003c\/li\u003e\n\u003cli\u003eLutte contre le relâchement et les rides\u003c\/li\u003e\n\u003cli\u003eNourrit sans alourdir, texture non grasse\u003c\/li\u003e\n\u003cli\u003eRévèle un teint lumineux et reposé au réveil\u003c\/li\u003e\n\u003cli\u003eFormule 100 % naturelle certifiée bio, sans parabènes ni silicones\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003eNettoyez votre visage et votre cou avant application.\u003c\/li\u003e\n\u003cli\u003ePrélevez une petite quantité de baume et chauffez-la entre vos doigts.\u003c\/li\u003e\n\u003cli\u003eAppliquez en \u003cstrong\u003emouvements circulaires\u003c\/strong\u003e du centre vers l’extérieur du visage.\u003c\/li\u003e\n\u003cli\u003eInsistez sur les zones marquées (rides, contour des lèvres, cou).\u003c\/li\u003e\n\u003cli\u003eUtilisez chaque soir pour un résultat optimal.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e\u003cem\u003eAstuce :\u003c\/em\u003e appliquez-le après le Concentré Repulpant Age Intense Florame pour un effet anti-âge renforcé.\u003c\/p\u003e\n\u003ch2\u003eComposition naturelle et engagée\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eHuile d’Argan Bio\u003c\/li\u003e\n\u003cli\u003eBeurre de Karité Bio\u003c\/li\u003e\n\u003cli\u003eExtrait de Bouleau Blanc Bio\u003c\/li\u003e\n\u003cli\u003eExtrait d’Algue Laminaria Bio\u003c\/li\u003e\n\u003cli\u003eEau de Rose Bio\u003c\/li\u003e\n\u003cli\u003eExtrait d’Aloe Vera Bio\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e – sans parabènes, silicones ni colorants artificiels.\u003cbr\u003eVegan et non testé sur les animaux.\u003cbr\u003eFabriqué en Provence, France 🇫🇷.\u003c\/p\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755298775197,"sku":"FM0410","price":35.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-restructurant-nuit-florame_11zon.jpg?v=1763628761"},{"product_id":"bb-creme-5en1-bio-medium-florame","title":"BB Crème 5-en-1 Bio Medium - 40 ml - Florame","description":"\u003cp\u003eApportez à votre peau éclat, soin et protection avec la \u003cstrong\u003eBB Crème 5-en-1 Bio\u003c\/strong\u003e de Florame en teinte medium. Conçue pour s’adapter aux carnations intermédiaires, elle allie hydratation, correction et protection solaire en un seul geste. Sa texture fondante fusionne avec la peau pour un rendu naturel et un teint lumineux.\u003c\/p\u003e\n\u003ch2\u003eLes 5 bienfaits d’une BB Crème multifonction\u003c\/h2\u003e\n\u003cp\u003eAvec sa formule naturelle et biologique, cette BB Crème offre :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne hydratation longue durée\u003c\/strong\u003e : Ses actifs naturels maintiennent l’équilibre hydrique de la peau et lui procurent douceur et souplesse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn effet matifiant\u003c\/strong\u003e : Sa texture légère régule l’excès de sébum pour un fini velouté et naturel.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn teint homogène\u003c\/strong\u003e : Grâce à ses pigments d’origine minérale, elle floute les imperfections et unifie le teint.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne touche de lumière\u003c\/strong\u003e : Elle sublime le visage en apportant un éclat naturel et lumineux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne protection solaire\u003c\/strong\u003e : Son SPF 20 préserve la peau des agressions des rayons UV.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eUne composition respectueuse et certifiée bio\u003c\/h2\u003e\n\u003cp\u003eLa BB Crème Florame est formulée avec des ingrédients soigneusement sélectionnés :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e98% d’ingrédients d’origine naturelle\u003c\/strong\u003e pour une peau sublimée en toute sécurité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e49% d’ingrédients issus de l’agriculture biologique\u003c\/strong\u003e, gage de qualité et de respect de l’environnement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eMode d’application\u003c\/h2\u003e\n\u003cp\u003eAppliquez une noisette de BB Crème sur peau propre et sèche, puis estompez uniformément avec les doigts ou une éponge. La teinte medium est idéale pour les peaux légèrement hâlées, offrant un effet naturel sans démarcation.\u003c\/p\u003e\n\u003ch2\u003eUn soin engagé pour votre peau\u003c\/h2\u003e\n\u003cp\u003eFlorame conçoit des produits certifiés bio, formulés sans parabènes, silicones ni ingrédients synthétiques nocifs. Cette BB Crème convient aux peaux les plus sensibles et garantit un confort optimal tout au long de la journée.\u003c\/p\u003e\n\u003cp\u003eAdoptez la BB Crème 5-en-1 Bio en teinte medium pour un teint éclatant et protégé en toute simplicité.\u003c\/p\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":54959350743417,"sku":"FM0395","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bb-creme-5-en-1-teinte-medium-40-ml-florame-590456.jpg?v=1739804729"},{"product_id":"huile-essentielle-dhelichryse-bio-5-ml-florame","title":"Huile essentielle d'Hélichryse Italienne bio – 5 ml – Florame","description":"\u003cdiv class=\"hei-premium\"\u003e\n \u003cdiv class=\"hei-hero\"\u003e\n \u003cdiv class=\"hei-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hei-hero-content\"\u003e\n \u003cdiv class=\"hei-badges-top\"\u003e\n \u003cspan class=\"hei-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"hei-badge\"\u003e💧 100% pure\u003c\/span\u003e\n \u003cspan class=\"hei-badge\"\u003e🇫🇷 Provence\u003c\/span\u003e\n \u003cspan class=\"hei-badge\"\u003e🧪 Chémotypée HEBBD\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hei-hero-title\"\u003eHuile Essentielle d'Hélichryse Italienne Bio\u003c\/span\u003e\n \u003cp class=\"hei-subtitle\"\u003e5 ml — Florame, Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003cp class=\"hei-description\"\u003eL'« immortelle » de Corse, trésor d'aromathérapie reconnu pour son action \u003cstrong\u003eanti-hématome incomparable\u003c\/strong\u003e, sa puissance régénérante cutanée et son soutien à la microcirculation. Distillée avec un savoir-faire provençal d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hei-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle d'Hélichryse italienne\u003c\/h2\u003e\n \u003cp class=\"hei-section-intro\"\u003eConsidérée comme l'une des huiles essentielles les plus précieuses, l'hélichryse italienne agit sur plusieurs plans :\u003c\/p\u003e\n \u003cdiv class=\"hei-grid\"\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e💥 Anti-hématome puissant\u003c\/h3\u003e\n \u003cp\u003eAide à résorber rapidement bleus, bosses et ecchymoses, même anciens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e✨ Régénérante cutanée\u003c\/h3\u003e\n \u003cp\u003eFavorise la cicatrisation des petites plaies et atténue les cicatrices et les marques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🩸 Soutien circulatoire\u003c\/h3\u003e\n \u003cp\u003eSoutient la microcirculation et apporte un confort aux jambes lourdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌬️ Apaisante\u003c\/h3\u003e\n \u003cp\u003eSoulage les tensions musculaires et les zones inconfortables après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌸 Soin du visage\u003c\/h3\u003e\n \u003cp\u003eAtténue les rougeurs, la couperose et redonne de l'éclat à la peau mature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌿 Trésor d'aromathérapie\u003c\/h3\u003e\n \u003cp\u003eSurnommée « l'immortelle » pour sa fleur qui ne fane jamais, symbole de longévité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hei-section\"\u003e\n \u003ch2\u003eComposition – Ingrédients 100 % actifs\u003c\/h2\u003e\n \u003cp class=\"hei-section-intro\"\u003e\u003cstrong\u003eHelichrysum italicum (Roth) G.Don\u003c\/strong\u003e — huile essentielle de sommités fleuries d'Hélichryse italienne : 5 ml. Composants biochimiques caractéristiques (chémotype) :\u003c\/p\u003e\n \u003cdiv class=\"hei-grid\"\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🧬 Acétate de néryle\u003c\/h3\u003e\n \u003cp\u003eRégénérant cutané, favorise la disparition des marques et cicatrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌱 Gamma-curcumène\u003c\/h3\u003e\n \u003cp\u003eAide à apaiser les zones tendues et inconfortables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e💫 Italidiones\u003c\/h3\u003e\n \u003cp\u003eMolécules emblématiques, reconnues pour leur action remarquable sur les hématomes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌲 Alpha-pinène\u003c\/h3\u003e\n \u003cp\u003eTonique naturel, soutient activement la microcirculation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-tip\"\u003e\n \u003cspan class=\"hei-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003eContient naturellement des allergènes : \u003cstrong\u003elinalol, géraniol, limonène\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hei-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"hei-section-intro\"\u003eL'huile essentielle d'hélichryse doit toujours se faire diluée et avec parcimonie, car elle est puissante.\u003c\/p\u003e\n \u003cdiv class=\"hei-timeline\"\u003e\n \u003cdiv class=\"hei-timeline-item\"\u003e\n \u003cdiv class=\"hei-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-content\"\u003e\n \u003ch3\u003e🖐️ Voie cutanée (usage privilégié)\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 2 gouttes dans 9 gouttes d'huile végétale (arnica, calophylle, jojoba) puis appliquez localement sur la zone concernée : bleu, cicatrice, jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-item\"\u003e\n \u003cdiv class=\"hei-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-content\"\u003e\n \u003ch3\u003e🌸 Sur le visage\u003c\/h3\u003e\n \u003cp\u003e1 goutte dans votre soin habituel ou dans une huile végétale, à appliquer le soir sur les zones marquées ou les rougeurs. Effet « bonne mine » dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-item\"\u003e\n \u003cdiv class=\"hei-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-content\"\u003e\n \u003ch3\u003e💊 Voie orale\u003c\/h3\u003e\n \u003cp\u003e2 gouttes maximum sur un support neutre (miel, comprimé), 2 fois par jour, après avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-item\"\u003e\n \u003cdiv class=\"hei-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hei-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion\u003c\/h3\u003e\n \u003cp\u003ePossible seule ou en synergie avec d'autres huiles essentielles, à utiliser avec parcimonie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hei-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hei-accordion\"\u003e\n \u003cdetails class=\"hei-accordion-item\"\u003e\n \u003csummary class=\"hei-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hei-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes, allaitantes et aux enfants de moins de 8 ans. Contre-indiquée en cas de traitement anticoagulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hei-accordion-item\"\u003e\n \u003csummary class=\"hei-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"hei-accordion-content mt-3\"\u003e\n \u003cp\u003eEffectuez un test cutané dans le pli du coude avant la première utilisation pour vérifier l'absence de réaction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hei-accordion-item\"\u003e\n \u003csummary class=\"hei-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hei-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à un traitement médical. Demandez l'avis de votre médecin ou pharmacien en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hei-accordion-item\"\u003e\n \u003csummary class=\"hei-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hei-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la lumière et de la chaleur pour préserver les principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hei-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"hei-grid-compact\"\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🌿 Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique, sans pesticides ni solvants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e💧 100% pure \u0026amp; chémotypée\u003c\/h3\u003e\n \u003cp\u003eNaturelle et HEBBD pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e♨️ Distillation douce\u003c\/h3\u003e\n \u003cp\u003eVapeur d'eau basse pression à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-card\"\u003e\n \u003ch3\u003e🤝 Engagé depuis 1990\u003c\/h3\u003e\n \u003cp\u003eProducteur dans une démarche éthique et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hei-cta-box\" style=\"margin-top:1.75rem;\"\u003e\n \u003cp\u003eOffrez-vous une huile essentielle d'hélichryse italienne d'exception, alliée précieuse de votre trousse d'aromathérapie au quotidien. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hei-cream: #f7f9f3;\n --hei-white: #ffffff;\n --hei-primary: #5ba834;\n --hei-primary-dark: #3d7322;\n --hei-primary-light: #e8f3dd;\n --hei-secondary: #c89438;\n --hei-accent: #8bc34a;\n --hei-text: #1a1a1a;\n --hei-text-light: #5a5a5a;\n --hei-border: #e0e0e0;\n --hei-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hei-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hei-radius: 20px;\n --hei-radius-sm: 12px;\n}\n\n.hei-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hei-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hei-text);\n}\n\n.hei-hero {\n position: relative;\n background: linear-gradient(135deg, #5ba834 0%, #3d7322 50%, #2d5a18 100%);\n border-radius: var(--hei-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(--hei-shadow-lg);\n}\n\n.hei-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(200,148,56,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.hei-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hei-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.hei-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.hei-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.hei-description strong {\n color: white;\n font-weight: 700;\n}\n\n.hei-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hei-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(--hei-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hei-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hei-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hei-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hei-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.hei-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(--hei-primary), var(--hei-secondary));\n border-radius: 2px;\n}\n\n.hei-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hei-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.hei-card {\n background: var(--hei-white);\n border-radius: var(--hei-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hei-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hei-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hei-shadow-lg);\n border-color: var(--hei-primary);\n}\n\n.hei-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hei-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hei-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hei-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hei-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hei-grid-compact .hei-card {\n padding: 1rem;\n}\n\n.hei-grid-compact .hei-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hei-grid-compact .hei-card p {\n font-size: 12px;\n}\n\n.hei-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.hei-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hei-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hei-primary), var(--hei-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(91,168,52,.3);\n}\n\n.hei-timeline-content {\n flex: 1;\n background: var(--hei-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hei-radius-sm);\n box-shadow: var(--hei-shadow);\n}\n\n.hei-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hei-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hei-timeline-content p {\n font-size: 14px;\n color: var(--hei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hei-accordion {\n background: var(--hei-white);\n border-radius: var(--hei-radius);\n box-shadow: var(--hei-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.hei-accordion-item {\n border-bottom: 1px solid var(--hei-border);\n margin: 0;\n padding: 0;\n}\n\n.hei-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hei-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hei-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.hei-accordion-header:hover {\n background: var(--hei-primary-light);\n}\n\n.hei-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hei-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hei-primary);\n transition: transform .2s ease;\n}\n\n.hei-accordion-item[open] .hei-accordion-header::after {\n content: '−';\n}\n\n.hei-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hei-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hei-accordion-content p {\n margin: 0;\n}\n\n.hei-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hei-primary-light);\n border-radius: var(--hei-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--hei-primary);\n}\n\n.hei-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hei-tip p {\n font-size: 14px;\n color: var(--hei-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hei-cta-box {\n background: linear-gradient(135deg, var(--hei-primary) 0%, var(--hei-primary-dark) 100%);\n border-radius: var(--hei-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--hei-shadow-lg);\n}\n\n.hei-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 .hei-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hei-card {\n padding: 1.125rem;\n }\n .hei-section {\n margin-bottom: 1.75rem;\n }\n .hei-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hei-radius-sm);\n }\n .hei-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hei-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hei-grid-compact {\n gap: .625rem;\n }\n .hei-grid-compact .hei-card {\n padding: .75rem;\n }\n .hei-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hei-timeline-content {\n padding: .875rem 1rem;\n }\n .hei-timeline-content h3 {\n font-size: 14px;\n }\n .hei-timeline-content p {\n font-size: 13px;\n }\n .hei-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hei-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hei-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hei-card:nth-child(1) { animation-delay: .05s; }\n .hei-card:nth-child(2) { animation-delay: .1s; }\n .hei-card:nth-child(3) { animation-delay: .15s; }\n .hei-card:nth-child(4) { animation-delay: .2s; }\n .hei-card:nth-child(5) { animation-delay: .25s; }\n .hei-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 .hei-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":55160769544569,"sku":"FM0075","price":35.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-dhelichryse-italienne-bio-5-ml-florame-packshothd.webp?v=1779717827"},{"product_id":"huile-essentielle-de-lavande-aspic-bio-10ml-florame","title":"Huile essentielle de Lavande aspic bio – 10 ml – Florame","description":"\u003cp\u003eDistillée dans le \u003cstrong\u003eMassif Central\u003c\/strong\u003e par la coopérative \u003cstrong\u003eSICARAPPAM\u003c\/strong\u003e, l’huile essentielle de \u003cstrong\u003eLavande aspic bio\u003c\/strong\u003e Florame est \u003cstrong\u003e100 % pure, biologique et équitable\u003c\/strong\u003e. Issue des sommités fleuries de \u003cem\u003eLavandula latifolia\u003c\/em\u003e, elle est réputée pour ses \u003cstrong\u003epropriétés calmantes, antiseptiques et apaisantes\u003c\/strong\u003e. Sa richesse aromatique en fait un incontournable aussi bien pour vos soins de peau, vos massages détente que pour sublimer vos recettes.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cdiv style=\"background: #f7fafc; padding: 16px; border-radius: 8px; margin-bottom: 16px;\"\u003e\n\u003cstrong\u003eLe + Florame\u003c\/strong\u003e : une huile locale, équitable et artisanale, soutenant directement les producteurs français du Massif Central.\u003c\/div\u003e\n\u003ch2\u003eIngrédients clés et bienfaits de l'huile essentielle de lavande aspic\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLinalol\u003c\/strong\u003e : aux vertus relaxantes, il apaise l’esprit et favorise un sommeil de qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e1,8-Cinéole\u003c\/strong\u003e : contribue à la décongestion respiratoire et soutient les défenses naturelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCamphre\u003c\/strong\u003e : reconnu pour ses propriétés anti-inflammatoires et purifiantes, il apaise les peaux irritées et les tensions musculaires.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCette synergie d’actifs confère à la lavande aspic un profil complet : détente, soin cutané et respiration libérée.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle de lavande aspic ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn diffusion\u003c\/strong\u003e : 3–5 gouttes dans un diffuseur, 10–20 min, pour une atmosphère apaisante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn cosmétique\u003c\/strong\u003e : diluer 1 goutte dans 1 c. à c. d’huile végétale pour apaiser une zone irritée ou en massage musculaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn usage alimentaire*\u003c\/strong\u003e : 1 goutte (max 2\/jour) dans une infusion, un dessert ou un plat pour une note florale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"font-size: 0.95em; color: #4a5568;\"\u003e*Seulement si le flacon porte la mention \"aromatisation alimentaire\".\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePosologie \u0026amp; durée de vie du flacon\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eFlacon 5 ml ≈ 125 à 150 gouttes.\u003c\/li\u003e\n\u003cli\u003eEn diffusion (3–5 gouttes) : ≈ 25 à 40 utilisations.\u003c\/li\u003e\n\u003cli\u003eEn application cutanée (1 goutte diluée) : couvre plusieurs semaines d’usage ponctuel.\u003c\/li\u003e\n\u003cli\u003eEn usage oral : 1 goutte\/jour → ≈ 4 mois.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi choisir cette huile Florame ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité artisanale\u003c\/strong\u003e : distillation traditionnelle vapeur douce.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBio \u0026amp; équitable\u003c\/strong\u003e : certifiée AB et labellisée Symbole des Producteurs Paysans.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePolyvalente\u003c\/strong\u003e : bien-être, peau, respiration, cuisine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrigine locale\u003c\/strong\u003e : issue de cultures françaises, dans le Massif Central.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients\u003c\/strong\u003e : 100 % huile essentielle de Lavande aspic (\u003cem\u003eLavandula latifolia\u003c\/em\u003e), certifiée biologique et équitable.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eDéconseillée pendant la grossesse et l’allaitement, ainsi que chez l’enfant \u0026lt; 6 ans.\u003c\/li\u003e\n\u003cli\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale.\u003c\/li\u003e\n\u003cli\u003eÉviter toute exposition au soleil après application cutanée.\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser 2 gouttes\/jour en usage interne.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55162654687609,"sku":"FM0085","price":9.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Huile-essentielle-de-Lavande-aspic-bio_10_florame.jpg?v=1760195521"},{"product_id":"huile-essentielle-de-lavandin-grosso-bio-10ml-florame","title":"Huile essentielle de Lavandin Grosso bio – 10ml – Florame","description":"\u003cp\u003eL’\u003cstrong\u003eHuile essentielle de Lavandin Grosso Bio Florame\u003c\/strong\u003e est un concentré d’authenticité, 100 % pure, naturelle, équitable et certifiée biologique. Distillée dans la \u003cstrong\u003eDrôme\u003c\/strong\u003e, au cœur d’une agriculture paysanne respectueuse, elle est reconnue pour ses \u003cstrong\u003evertus relaxantes, assainissantes et apaisantes\u003c\/strong\u003e. Conditionnée en flacon pratique de 10 ml, elle s’invite dans votre routine bien-être, vos soins ou même vos recettes.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eAcétate de linalyle\u003c\/strong\u003e : molécule aux vertus relaxantes, aide à apaiser le système nerveux et à calmer les tensions.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLinalol\u003c\/strong\u003e : connu pour ses propriétés antiseptiques et équilibrantes, il contribue à purifier et à instaurer une atmosphère sereine.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCamphre\u003c\/strong\u003e : tonifiant et respiratoire, il facilite la respiration et soulage les inconforts musculaires ou articulaires.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eObtenue par \u003cstrong\u003edistillation à la vapeur d’eau à basse pression\u003c\/strong\u003e, cette huile conserve toute sa richesse aromatique et thérapeutique.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eBienfaits principaux\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eApaisement \u0026amp; relaxation\u003c\/strong\u003e : aide à réduire le stress et à favoriser un sommeil de qualité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAction purifiante\u003c\/strong\u003e : propriétés antiseptiques utiles pour l’hygiène et l’assainissement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAroma culinaire\u003c\/strong\u003e : apporte une note florale délicate dans vos plats et boissons.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003ch3\u003eUsage alimentaire\u003c\/h3\u003e\n\u003cp\u003eIntégrez-la à vos recettes pour une touche florale. \u003cstrong\u003eNe dépassez pas 2 gouttes par jour\u003c\/strong\u003e, toujours diluées dans une huile végétale ou un support adapté.\u003c\/p\u003e\n\u003ch3\u003ePrécautions d’emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eNe jamais appliquer pure sur la peau, toujours diluer.\u003c\/li\u003e\n\u003cli\u003eÉvitez toute exposition au soleil après usage.\u003c\/li\u003e\n\u003cli\u003eDéconseillée aux femmes enceintes, allaitantes et aux jeunes enfants.\u003c\/li\u003e\n\u003cli\u003eÀ utiliser dans le cadre d’une alimentation variée et équilibrée.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi choisir l’huile essentielle de lavandin grosso bio Florame ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité artisanale\u003c\/strong\u003e : issue de l’agriculture bio et équitable, distillée en douceur pour préserver l’intégrité de la plante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoutien aux producteurs\u003c\/strong\u003e : cultivée et distillée par la coopérative \u003cem\u003eFrance Lavande\u003c\/em\u003e dans la Drôme, en valorisant l’agriculture paysanne.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePolyvalente\u003c\/strong\u003e : idéale pour la relaxation, la maison, les soins ou la cuisine.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eComposition INCI\u003c\/strong\u003e : Lavandula angustifolia x Lavandula latifolia (huile essentielle 100 % pure et bio).\u003c\/p\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55163653226873,"sku":"FM0095","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/florame_he_lavandin_10ml.jpg?v=1760192428"},{"product_id":"huile-essentielle-de-tea-tree-bio-10ml-florame","title":"Huile essentielle de Tea Tree Bio et Équitable - 10ml - Florame","description":"\u003ch2\u003eUne huile essentielle de Tea Tree pas comme les autres\u003c\/h2\u003e\n\u003cp\u003eConnue pour ses multiples bienfaits, l'huile essentielle de Tea Tree (Melaleuca alternifolia) est un indispensable en aromathérapie. Celle de Florame se distingue par sa \u003cstrong\u003epureté exceptionnelle\u003c\/strong\u003e, sa \u003cstrong\u003ecertification biologique\u003c\/strong\u003e et son \u003cstrong\u003eorigine équitable\u003c\/strong\u003e. Produite dans la région du KwaZulu-Natal en Afrique du Sud, elle est issue du travail respectueux de la coopérative Oribi, engagée pour l'environnement et le développement des communautés zouloues.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuels sont les bienfaits de l'huile essentielle de Tea Tree ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRenforce les défenses naturelles\u003c\/strong\u003e grâce à ses propriétés immunostimulantes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePurifie l'organisme\u003c\/strong\u003e : aide à assainir le corps de façon naturelle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAntibactérienne et antifongique\u003c\/strong\u003e : utile en cas d'inconforts digestifs ou buccaux.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUtilisable en usage alimentaire\u003c\/strong\u003e à très faible dose pour un effet ciblé.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLe Tea Tree est reconnu depuis des décennies pour son action contre les micro-organismes indésirables. En cure courte, il peut accompagner une hygiène de vie visant à stimuler naturellement l'immunité.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComposition et origine\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient :\u003c\/strong\u003e \u003cem\u003eMelaleuca alternifolia (Tea Tree) Leaf Oil*\u003c\/em\u003e\u003cbr\u003e*Ingrédient issu de l'agriculture biologique et certifié équitable par la WFTO.\u003c\/p\u003e\n\u003cp\u003eCette huile est obtenue par \u003cstrong\u003edistillation à la vapeur des feuilles\u003c\/strong\u003e, sans aucun solvant ni additif. 100% pure, elle conserve toute la richesse des actifs naturels de la plante.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle de Tea Tree Florame ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eUsage alimentaire : \u003cstrong\u003e1 à 2 gouttes par jour maximum\u003c\/strong\u003e, diluées dans un support gras (huile, miel) ou un plat chaud.\u003c\/li\u003e\n\u003cli\u003eEn soutien saisonnier, sur des périodes courtes (5 à 7 jours).\u003c\/li\u003e\n\u003cli\u003eNe pas utiliser pure ni en continu. Toujours respecter les doses recommandées.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003ePrécaution :\u003c\/strong\u003e Déconseillée aux femmes enceintes\/allaitantes et aux enfants de moins de 6 ans. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eUn engagement éthique fort\u003c\/h2\u003e\n\u003cp\u003eEn choisissant cette huile, vous soutenez un modèle de production durable et équitable. La coopérative Oribi, partenaire de Florame, agit concrètement pour améliorer les conditions de vie des producteurs tout en préservant leur environnement naturel.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eUne huile essentielle qui fait du bien à votre corps et au monde.\u003c\/strong\u003e Avec Florame, chaque goutte de Tea Tree est un geste pour votre santé et pour la justice sociale.\u003c\/p\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55163889123705,"sku":"FM0175","price":7.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Huile-essentielle-de-Tea-Tree-bio_10ml_florame.jpg?v=1760195650"},{"product_id":"huile-essentielle-de-ravintsara-bio-10ml-florame","title":"Huile essentielle de Ravintsara bio – 10ml – Florame","description":"\u003cp\u003eDistillée à Madagascar par une coopérative paysanne engagée, l’huile essentielle de \u003cstrong\u003eRavintsara (Cinnamomum camphora CT cinéole)\u003c\/strong\u003e Florame est \u003cstrong\u003e100 % pure\u003c\/strong\u003e, \u003cstrong\u003ebio\u003c\/strong\u003e et issue du \u003cstrong\u003ecommerce équitable\u003c\/strong\u003e. Son parfum frais, camphré et délicatement boisé en fait un indispensable de la saison froide pour \u003cstrong\u003eapporter du confort respiratoire\u003c\/strong\u003e et une sensation de \u003cstrong\u003etonus\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cdiv style=\"background: #f7fafc; padding: 16px; border-radius: 8px; margin-bottom: 16px;\"\u003e\n\u003cstrong\u003eEn deux mots\u003c\/strong\u003e : traçabilité exemplaire, qualité d’extraction soignée (distillation vapeur douce) et une filière qui rémunère justement les producteurs.\u003c\/div\u003e\n\u003ch2\u003eQuels sont les bienfaits de l'huile essentielle ravintsara ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité sensorielle\u003c\/strong\u003e : fraîche, nette, agréable en diffusion.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConfort saisonnier\u003c\/strong\u003e : idéale en période hivernale pour assainir l’air ambiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eÉthique \u0026amp; origine\u003c\/strong\u003e : filière paysanne, bio et équitable (Madagascar).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePolyvalence\u003c\/strong\u003e : diffusion, inhalation sèche, massage toujours \u003cem\u003edilué\u003c\/em\u003e, et \u003cem\u003eéventuellement\u003c\/em\u003e culinaire si l’étiquetage l’autorise.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eProfil aromatique \u0026amp; principaux constituants\u003c\/h2\u003e\n\u003cp\u003eRavintsara CT cinéole (chémotype attendu) - profil majoritaire : \u003cstrong\u003e1,8-cinéole\u003c\/strong\u003e, \u003cstrong\u003esabinène\u003c\/strong\u003e, \u003cstrong\u003ealpha-terpinéol\u003c\/strong\u003e. Une synergie naturellement reconnue en aromathérapie pour son intérêt en diffusion et massages \u003cem\u003edilués\u003c\/em\u003e.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle de ravintsara ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDiffusion atmosphérique\u003c\/strong\u003e : 3-5 gouttes dans un diffuseur, 10-20 min, jusqu’à 3 fois\/jour.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInhalation sèche\u003c\/strong\u003e : 1 goutte sur un mouchoir ou l’oreiller (éloigné du visage), à respirer quelques minutes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMassage (toujours dilué)\u003c\/strong\u003e : 1 goutte dans 5 ml d’huile végétale (≈ 1-2 % de dilution), à appliquer sur le haut du dos ou la poitrine, 1-2 fois\/j.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage culinaire\u003c\/strong\u003e : uniquement si l’étiquetage du produit le permet. 1 goutte dans une tisane\/miel ou une préparation, \u003cstrong\u003emax 2 gouttes\/jour\u003c\/strong\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp style=\"font-size: 0.95em; color: #4a5568;\"\u003eAstuce : mariez-la avec 1 goutte d’\u003cem\u003eeucalyptus radié\u003c\/em\u003e en diffusion pour une ambiance plus fraîche.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePosologie \u0026amp; durée de vie du flacon\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRepère pratique\u003c\/strong\u003e : 10 ml ≈ 250 à 300 gouttes (selon le compte-gouttes).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn diffusion\u003c\/strong\u003e : 3-5 gouttes\/séance → un flacon couvre largement plusieurs semaines d’usage régulier.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn prise orale (si autorisée)\u003c\/strong\u003e : 1-2 gouttes\/jour → environ \u003cstrong\u003e125 à 150 jours\u003c\/strong\u003e pour un flacon de 10 ml.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eSynergies simples\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRavintsara + Eucalyptus radié\u003c\/strong\u003e (diffusion) : fraîcheur et sensation de nez dégagé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRavintsara + Niaouli\u003c\/strong\u003e (massage dilué) : rituel cocooning de la saison froide.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRavintsara + Tea tree\u003c\/strong\u003e (diffusion) : ambiance “air pur” à la maison.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePrécautions \u0026amp; contre-indications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eRéservée à l’adulte et à l’enfant ≥ 6 ans. Déconseillée pendant la grossesse et l’allaitement.\u003c\/li\u003e\n\u003cli\u003eNe pas appliquer pure : \u003cstrong\u003ediluer\u003c\/strong\u003e dans une huile végétale (1-2 % visage \/ 2-3 % corps).\u003c\/li\u003e\n\u003cli\u003eÉviter le contact avec les yeux et les muqueuses. Tenir hors de portée des enfants.\u003c\/li\u003e\n\u003cli\u003ePersonnes asthmatiques\/épileptiques : demander un avis médical préalable.\u003c\/li\u003e\n\u003cli\u003eUsage oral \u003cem\u003euniquement\u003c\/em\u003e si l’étiquette l’autorise et dans le cadre d’une alimentation équilibrée. Ne pas dépasser les doses conseillées.\u003c\/li\u003e\n\u003cli\u003eTest cutané préalable (pli du coude, 24-48 h). En cas d’irritation, rincer avec une huile végétale.\u003c\/li\u003e\n\u003cli\u003eConserver à l’abri de la lumière\/chaud. Ne pas utiliser chez l’animal sans avis vétérinaire.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55163953676665,"sku":"FM0155","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Huile-essentielle-de-Ravintsara-bio_10ml_florame.jpg?v=1760195071"},{"product_id":"huile-essentielle-de-menthe-poivree-bio-10ml-florame","title":"Huile essentielle de Menthe poivrée bio – 10 ml – Florame","description":"\u003cp\u003eL’huile essentielle de \u003cstrong\u003eMenthe Poivrée bio\u003c\/strong\u003e de Florame est un produit d’exception : \u003cstrong\u003e100% pur, naturel et certifié biologique\u003c\/strong\u003e, issu d’une production équitable. Cultivée dans le Quercy (France) par la coopérative paysanne MENTA COOP, elle est obtenue par \u003cstrong\u003edistillation à la vapeur d’eau\u003c\/strong\u003e sous basse pression, afin de préserver toutes les molécules aromatiques de la plante. Reconnue pour ses propriétés \u003cstrong\u003edigestives\u003c\/strong\u003e, \u003cstrong\u003etonifiantes\u003c\/strong\u003e et \u003cstrong\u003erafraîchissantes\u003c\/strong\u003e, cette huile essentielle s’utilise aussi bien en cuisine qu’en aromathérapie.\u003c\/p\u003e\n\u003ch2\u003eComposition et propriétés\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Menthe Poivrée (Mentha x Piperita)\u003c\/strong\u003e : riche en \u003cem\u003ementhol\u003c\/em\u003e et \u003cem\u003ementhone\u003c\/em\u003e, deux composés aromatiques majeurs aux effets :\n\u003cul\u003e\n\u003cli\u003e\n\u003cem\u003eDigestifs :\u003c\/em\u003e aide à apaiser les nausées, stimule la digestion et soulage les inconforts digestifs légers.\u003c\/li\u003e\n\u003cli\u003e\n\u003cem\u003eRafraîchissants :\u003c\/em\u003e procure une sensation de fraîcheur immédiate.\u003c\/li\u003e\n\u003cli\u003e\n\u003cem\u003eTonifiants :\u003c\/em\u003e soutient la concentration, dynamise l’esprit et réduit la sensation de fatigue.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLabellisée \u003cstrong\u003eBio Équitable en France\u003c\/strong\u003e, cette huile illustre un engagement fort pour une agriculture biologique locale et un commerce plus juste.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eUsage alimentaire :\u003c\/strong\u003e incorporez \u003cstrong\u003e2 à 3 gouttes\u003c\/strong\u003e dans vos plats ou boissons pour une note fraîche et mentholée.\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser \u003cstrong\u003e3 gouttes\u003c\/strong\u003e par préparation.\u003c\/li\u003e\n\u003cli\u003eUn flacon de 10 ml permet plusieurs semaines d’utilisation régulière.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e Ne pas utiliser pur sur la peau. Déconseillé aux enfants de moins de 6 ans, aux femmes enceintes ou allaitantes. Tenir hors de portée des enfants et éviter le contact avec les yeux.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eFiche technique\u003c\/h2\u003e\n\u003cdiv style=\"overflow: auto; -webkit-overflow-scrolling: touch; max-width: 100%;\"\u003e\n\u003ctable style=\"width: 100%; min-width: 480px; border-collapse: collapse; border: 1px solid #e5e7eb; font-size: 15px;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth style=\"padding: 10px 12px; text-align: left; white-space: nowrap; background: #f8fafc; color: #111827; border-right: 1px solid #e5e7eb; width: 230px;\" scope=\"row\"\u003eNom botanique\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; border-top: 1px solid #e5e7eb;\"\u003eMentha x Piperita\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #fafafa;\"\u003e\n\u003cth style=\"padding: 10px 12px; text-align: left; white-space: nowrap; color: #111827; border-right: 1px solid #e5e7eb;\" scope=\"row\"\u003ePartie utilisée\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; border-top: 1px solid #e5e7eb;\"\u003eParties aériennes\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth style=\"padding: 10px 12px; text-align: left; white-space: nowrap; color: #111827; border-right: 1px solid #e5e7eb;\" scope=\"row\"\u003eProcédé d’extraction\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; border-top: 1px solid #e5e7eb;\"\u003eDistillation à la vapeur d’eau sous basse pression\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background: #fafafa;\"\u003e\n\u003cth style=\"padding: 10px 12px; text-align: left; white-space: nowrap; color: #111827; border-right: 1px solid #e5e7eb;\" scope=\"row\"\u003eCertification\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; border-top: 1px solid #e5e7eb;\"\u003eBio Équitable en France\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth style=\"padding: 10px 12px; text-align: left; white-space: nowrap; color: #111827; border-right: 1px solid #e5e7eb;\" scope=\"row\"\u003eOrigine\u003c\/th\u003e\n\u003ctd style=\"padding: 10px 12px; border-top: 1px solid #e5e7eb;\"\u003eQuercy, France\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi choisir l’huile essentielle de Menthe Poivrée Florame ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eQualité premium :\u003c\/strong\u003e pure, bio, équitable et distillée en France.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePolyvalente :\u003c\/strong\u003e idéale en cuisine ou pour le bien-être digestif et tonifiant.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEngagée :\u003c\/strong\u003e soutien aux producteurs français et à l’agriculture paysanne bio.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabrication artisanale :\u003c\/strong\u003e distillation préservant toutes les propriétés naturelles.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":55178762649977,"sku":"FM0110","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-menthe-poivree-10ml-florame.jpg?v=1760194749"},{"product_id":"huile-essentielle-de-cypres-bio-5ml-florame","title":"Huile essentielle de Cyprès bio - 10 ml - Florame","description":"\u003cdiv class=\"cyp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cyp-hero\"\u003e\n\u003cdiv class=\"cyp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cyp-hero-content\"\u003e\n\u003cdiv class=\"cyp-badges-top\"\u003e\n\u003cspan class=\"cyp-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e \u003cspan class=\"cyp-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e \u003cspan class=\"cyp-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e \u003cspan class=\"cyp-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cyp-hero-title\"\u003eHuile essentielle de Cyprès bio\u003c\/span\u003e\n\u003cp class=\"cyp-subtitle\"\u003eFlorame - Cupressus sempervirens - 10 ml\u003c\/p\u003e\n\u003cp class=\"cyp-description\"\u003eToute la puissance aromatique du cyprès toujours vert de Méditerranée, distillée à Saint-Rémy-de-Provence pour une aromathérapie authentique et responsable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cyp-section\"\u003e\n\u003ch2\u003eHuile essentielle de Cyprès bio Florame - Le pouvoir du Cyprès toujours vert\u003c\/h2\u003e\n\u003cp class=\"cyp-section-intro\"\u003eObtenue par distillation à la vapeur d'eau des rameaux feuillés de \u003cem\u003eCupressus sempervirens\u003c\/em\u003e, cette huile essentielle chémotypée concentre toute la puissance aromatique de cet arbre majestueux du bassin méditerranéen.\u003c\/p\u003e\n\u003cdiv class=\"cyp-grid-compact\"\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🌱 100 % biologique\u003c\/h3\u003e\n\u003cp\u003eCertifiée AB et FR-BIO-01, issue de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🧪 Chémotypée\u003c\/h3\u003e\n\u003cp\u003eChaque lot analysé pour garantir la concentration en principes actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🏔️ Origine Provence\u003c\/h3\u003e\n\u003cp\u003eConditionnée à Saint-Rémy-de-Provence, savoir-faire français\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e💧 10 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon en verre ambré pour une conservation optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cyp-section\"\u003e\n\u003ch2\u003eVertus et bienfaits de l'huile essentielle de Cyprès\u003c\/h2\u003e\n\u003cp class=\"cyp-section-intro\"\u003eRiche en \u003cstrong\u003ealpha-pinène\u003c\/strong\u003e et \u003cstrong\u003edelta-3-carène\u003c\/strong\u003e, l'huile essentielle de Cyprès offre un profil aromatique et fonctionnel remarquable.\u003c\/p\u003e\n\u003cdiv class=\"cyp-grid\"\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🦵 Décongestionnante veineuse et lymphatique\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisée pour favoriser la circulation sanguine et soulager la sensation de jambes lourdes, notamment en période estivale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🫁 Expectorante et antitussive\u003c\/h3\u003e\n\u003cp\u003eEn diffusion ou en inhalation, elle aide à dégager les voies respiratoires lors des épisodes de toux sèche ou de gêne bronchique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e✨ Tonifiante et astringente\u003c\/h3\u003e\n\u003cp\u003eAppliquée diluée sur la peau, elle contribue à raffermir les tissus cutanés et à resserrer les pores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e💧 Régulatrice de la transpiration\u003c\/h3\u003e\n\u003cp\u003eUn atout précieux pour les personnes sujettes à une sudation excessive au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🌲 Purifiante en diffusion\u003c\/h3\u003e\n\u003cp\u003eSon parfum boisé et résineux assainit l'air ambiant tout en créant une atmosphère apaisante et équilibrante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cyp-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle de Cyprès de Provence ?\u003c\/h2\u003e\n\u003cp class=\"cyp-section-intro\"\u003eUne huile polyvalente qui s'adapte à tous vos besoins en aromathérapie.\u003c\/p\u003e\n\u003cdiv class=\"cyp-timeline\"\u003e\n\u003cdiv class=\"cyp-timeline-item\"\u003e\n\u003cdiv class=\"cyp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-content\"\u003e\n\u003ch3\u003e💆 En massage (circulation)\u003c\/h3\u003e\n\u003cp\u003eDiluez 3 à 5 gouttes dans une cuillère à soupe d'huile végétale (calophylle ou amande douce). Massez les jambes en remontant des chevilles vers les cuisses pour stimuler le retour veineux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-item\"\u003e\n\u003cdiv class=\"cyp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-content\"\u003e\n\u003ch3\u003e🌬️ En diffusion\u003c\/h3\u003e\n\u003cp\u003eVersez 5 à 8 gouttes dans votre diffuseur ultrasonique pendant 20 minutes. Idéal pour purifier l'atmosphère et faciliter la respiration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-item\"\u003e\n\u003cdiv class=\"cyp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-content\"\u003e\n\u003ch3\u003e👃 En inhalation sèche\u003c\/h3\u003e\n\u003cp\u003eDéposez 1 à 2 gouttes sur un mouchoir et respirez profondément en cas de toux ou d'encombrement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-item\"\u003e\n\u003cdiv class=\"cyp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cyp-timeline-content\"\u003e\n\u003ch3\u003e🍽️ En usage alimentaire\u003c\/h3\u003e\n\u003cp\u003e1 goutte maximum par jour dans une préparation culinaire ou une boisson, pour une note boisée et résineuse subtile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cyp-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"cyp-composition-box\"\u003e\n\u003cdiv class=\"cyp-composition-main\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient INCI :\u003c\/strong\u003e Cupressus sempervirens oil*\u003c\/p\u003e\n\u003cp class=\"cyp-composition-note\"\u003e*Issu de l'agriculture biologique et du commerce équitable - Certifié FR-BIO-01 - Origine : Tunisie (coopérative GDA EL BARAKA).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-grid-compact\"\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🌿 Partie distillée\u003c\/h3\u003e\n\u003cp\u003eRameaux feuillés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e♨️ Extraction\u003c\/h3\u003e\n\u003cp\u003eDistillation à la vapeur d'eau sous basse pression\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n\u003cp\u003eAlpha-pinène, delta-3-carène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n\u003cp\u003eTunisie - commerce équitable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cyp-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'huile essentielle de Cyprès Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"cyp-grid\"\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🌱 100 % pure, naturelle et biologique\u003c\/h3\u003e\n\u003cp\u003eSans ajout de solvant ni de composé synthétique. Une huile d'une pureté irréprochable pour votre bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🧪 Huile chémotypée\u003c\/h3\u003e\n\u003cp\u003eChaque lot est analysé pour garantir la concentration en principes actifs et une qualité constante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🤝 Engagement équitable\u003c\/h3\u003e\n\u003cp\u003eVotre achat soutient directement les producteurs paysans tunisiens via le Symbole des Producteurs Paysans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cyp-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication provençale\u003c\/h3\u003e\n\u003cp\u003eConditionnée à Saint-Rémy-de-Provence, gage de traçabilité et de savoir-faire français d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cyp-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cyp-accordion\"\u003e\n\u003cdetails open=\"\" class=\"cyp-accordion-item\"\u003e\n\u003csummary class=\"cyp-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"cyp-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux femmes enceintes ou allaitantes, aux enfants de moins de 6 ans et aux personnes souffrant de pathologies hormono-dépendantes (effet œstrogène-like).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cyp-accordion-item\"\u003e\n\u003csummary class=\"cyp-accordion-header\"\u003e💧 Dosage et application\u003c\/summary\u003e\n\u003cdiv class=\"cyp-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas appliquer pure sur la peau. Respecter le dosage d'\u003cstrong\u003eune goutte par jour maximum\u003c\/strong\u003e en usage alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cyp-accordion-item\"\u003e\n\u003csummary class=\"cyp-accordion-header\"\u003e👨⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"cyp-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de doute, demandez toujours l'avis d'un professionnel de santé. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cyp-disclaimer\"\u003eLes huiles essentielles sont des actifs puissants. Respectez les dosages recommandés et conservez hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cyp-cream: #f7f5f0;\n --cyp-white: #ffffff;\n --cyp-primary: #6b7f5e;\n --cyp-primary-dark: #3d4f33;\n --cyp-primary-light: #e8eddf;\n --cyp-secondary: #8fa67a;\n --cyp-accent: #c4a95a;\n --cyp-text: #1a1a1a;\n --cyp-text-light: #5a5a5a;\n --cyp-border: #ddd8ce;\n --cyp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cyp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cyp-radius: 20px;\n --cyp-radius-sm: 12px;\n}\n\n.cyp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cyp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cyp-hero {\n position: relative;\n background: linear-gradient(135deg, #3d4f33 0%, #6b7f5e 50%, #8fa67a 100%);\n border-radius: var(--cyp-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(--cyp-shadow-lg);\n}\n\n.cyp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,169,90,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cyp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cyp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cyp-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(--cyp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cyp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cyp-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.cyp-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cyp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.cyp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cyp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cyp-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.cyp-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(--cyp-primary), var(--cyp-accent));\n border-radius: 2px;\n}\n\n.cyp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cyp-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.cyp-card {\n background: var(--cyp-white);\n border-radius: var(--cyp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cyp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cyp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cyp-shadow-lg);\n border-color: var(--cyp-primary);\n}\n\n.cyp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cyp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cyp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cyp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cyp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cyp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cyp-grid-compact .cyp-card {\n padding: 1rem;\n}\n\n.cyp-grid-compact .cyp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cyp-grid-compact .cyp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cyp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cyp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cyp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cyp-primary), var(--cyp-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.cyp-timeline-content {\n flex: 1;\n background: var(--cyp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cyp-radius-sm);\n box-shadow: var(--cyp-shadow);\n}\n\n.cyp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cyp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cyp-timeline-content p {\n font-size: 14px;\n color: var(--cyp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.cyp-composition-box {\n background: var(--cyp-white);\n border-radius: var(--cyp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cyp-shadow);\n}\n\n.cyp-composition-main {\n text-align: center;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--cyp-border);\n}\n\n.cyp-composition-main p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cyp-text);\n margin: 0 0 .5rem 0;\n}\n\n.cyp-composition-note {\n font-size: clamp(12px, 2vw, 14px) !important;\n color: var(--cyp-text-light) !important;\n font-style: italic;\n}\n\n.cyp-composition-box .cyp-grid-compact {\n margin-top: 0;\n}\n\n.cyp-composition-box .cyp-card {\n background: var(--cyp-primary-light);\n box-shadow: none;\n border: 1px solid var(--cyp-border);\n}\n\n.cyp-composition-box .cyp-card:hover {\n border-color: var(--cyp-primary);\n transform: translateY(-3px);\n box-shadow: var(--cyp-shadow);\n}\n\n\/* === ACCORDION === *\/\n.cyp-accordion {\n background: var(--cyp-white);\n border-radius: var(--cyp-radius);\n box-shadow: var(--cyp-shadow);\n overflow: hidden;\n}\n\n.cyp-accordion-item {\n border-bottom: 1px solid var(--cyp-border);\n margin: 0;\n padding: 0;\n}\n\n.cyp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cyp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cyp-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.cyp-accordion-header:hover {\n background: var(--cyp-primary-light);\n}\n\n.cyp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cyp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cyp-primary);\n transition: transform .2s ease;\n}\n\n.cyp-accordion-item[open] .cyp-accordion-header::after {\n content: '−';\n}\n\n.cyp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cyp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cyp-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cyp-disclaimer {\n font-size: 12px;\n color: var(--cyp-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 .cyp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cyp-card {\n padding: 1.125rem;\n }\n\n .cyp-section {\n margin-bottom: 1.75rem;\n }\n\n .cyp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cyp-radius-sm);\n }\n\n .cyp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cyp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cyp-grid-compact {\n gap: .625rem;\n }\n\n .cyp-grid-compact .cyp-card {\n padding: .75rem;\n }\n\n .cyp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cyp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cyp-timeline-content h3 {\n font-size: 14px;\n }\n\n .cyp-timeline-content p {\n font-size: 13px;\n }\n\n .cyp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cyp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cyp-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cyp-card {\n animation: cypFadeInUp .5s ease backwards;\n }\n .cyp-card:nth-child(1) { animation-delay: .05s; }\n .cyp-card:nth-child(2) { animation-delay: .1s; }\n .cyp-card:nth-child(3) { animation-delay: .15s; }\n .cyp-card:nth-child(4) { animation-delay: .2s; }\n .cyp-card:nth-child(5) { animation-delay: .25s; }\n .cyp-card:nth-child(6) { animation-delay: .3s; }\n\n .cyp-timeline-item {\n animation: cypFadeInUp .5s ease backwards;\n }\n .cyp-timeline-item:nth-child(1) { animation-delay: .05s; }\n .cyp-timeline-item:nth-child(2) { animation-delay: .1s; }\n .cyp-timeline-item:nth-child(3) { animation-delay: .15s; }\n .cyp-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes cypFadeInUp {\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 .cyp-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":55180597985657,"sku":"FM0025","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-cypres-bio-10-ml-florame-lifestyle.webp?v=1775116198"},{"product_id":"lavande-fine-bio-10ml-florame","title":"Huile essentielle de Lavande Fine bio – 10 ml – Florame","description":"\u003cdiv class=\"lav-premium\"\u003e\n \u003cdiv class=\"lav-hero\"\u003e\n \u003cdiv class=\"lav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lav-hero-content\"\u003e\n \u003cdiv class=\"lav-badges-top\"\u003e\n \u003cspan class=\"lav-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e🇫🇷 Origine Drôme\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e💜 100% Pure\u003c\/span\u003e\n \u003cspan class=\"lav-badge\"\u003e⚖️ Équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lav-hero-title\"\u003eHuile Essentielle de Lavande Fine Bio\u003c\/span\u003e\n \u003cp class=\"lav-subtitle\"\u003eFlorame • 10 ml • Lavandula angustifolia\u003c\/p\u003e\n \u003cp class=\"lav-description\"\u003eVéritable trésor de la Provence, cette huile essentielle chémotypée est reconnue pour ses vertus apaisantes et son parfum floral incomparable. Issue de lavande cultivée dans la Drôme, 100% pure, naturelle et certifiée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile essentielle de lavande vraie\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eSouvent appelée \u003cstrong\u003elavande vraie\u003c\/strong\u003e, \u003cstrong\u003elavande fine\u003c\/strong\u003e ou \u003cstrong\u003elavande officinale\u003c\/strong\u003e, cette huile essentielle est la plus polyvalente et la plus douce de la famille des lavandes. À ne pas confondre avec la \u003cstrong\u003elavande aspic\u003c\/strong\u003e (\u003cem\u003eLavandula latifolia\u003c\/em\u003e), plus tonique et davantage utilisée pour les piqûres ou brûlures légères.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e😴 Détente \u0026amp; sommeil\u003c\/h3\u003e\n \u003cp\u003eFavorise un sommeil réparateur en cas de stress, nervosité ou agitation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💆 Tensions apaisées\u003c\/h3\u003e\n \u003cp\u003eApaise les petites tensions musculaires et les inconforts du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌸 Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eApplication ciblée sur petites irritations cutanées, rougeurs ou imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌺 Parfum délicat\u003c\/h3\u003e\n \u003cp\u003eParfume délicatement le linge, l'intérieur ou vos préparations cosmétiques maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComposition biochimique (chémotype)\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eFlorame garantit une huile \u003cstrong\u003echémotypée\u003c\/strong\u003e, gage de qualité thérapeutique. Distillée à la \u003cstrong\u003evapeur d'eau sous basse pression\u003c\/strong\u003e, elle conserve toute la richesse aromatique de la plante.\u003c\/p\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🧪 Acétate de linalyle\u003c\/h3\u003e\n \u003cp\u003eMolécule calmante qui contribue à réduire l'anxiété et favorise la relaxation profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌙 Linalol\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés relaxantes et son action bénéfique sur le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile de lavande essentielle ?\u003c\/h2\u003e\n \u003cdiv class=\"lav-timeline\"\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003e5 à 10 gouttes dans un diffuseur, 15 minutes avant le coucher, pour une ambiance apaisante et propice au sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e🤲 En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 goutte dans une huile végétale (amande douce, jojoba) et massez la nuque, les poignets ou la plante des pieds. Idéale aussi en complément d'un soin capillaire maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e🍯 En usage alimentaire\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gouttes (maximum 2 par jour) pour parfumer une infusion, un miel ou un dessert raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-item\"\u003e\n \u003cdiv class=\"lav-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lav-timeline-content\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Lavande et poux\u003c\/h3\u003e\n \u003cp\u003eL'huile essentielle de lavande pour les poux est traditionnellement utilisée pour son odeur répulsive. Quelques gouttes derrière les oreilles ou sur le col, après dilution, peuvent compléter une routine préventive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi : attention aux dangers\u003c\/h2\u003e\n \u003cp class=\"lav-section-intro\"\u003eBien que douce, cette huile essentielle nécessite quelques précautions. Voici les principaux points concernant le \u003cstrong\u003edanger éventuel de l'huile essentielle de lavande\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"lav-accordion\"\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🤰 Public déconseillé\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes (surtout durant les 3 premiers mois), allaitantes et aux enfants de moins de 3 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🧪 Test cutané préalable\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eFaire un test cutané dans le pli du coude avant toute application, et ne jamais appliquer pure sur une peau sensible ou sur les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e🔒 Conservation \u0026amp; sécurité\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants et conserver à l'abri de la lumière, dans un endroit frais et sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lav-accordion-item\"\u003e\n \u003csummary class=\"lav-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"lav-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute, de pathologie ou de prise de médicaments, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\"\u003e\n \u003ch2\u003ePourquoi choisir la lavande fine bio Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"lav-grid-compact\"\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eCultivée dans la Drôme par la coopérative France Lavande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🌿 Certifiée AB \u0026amp; équitable\u003c\/h3\u003e\n \u003cp\u003ePour une aromathérapie responsable et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e💎 100% pure \u0026amp; naturelle\u003c\/h3\u003e\n \u003cp\u003eChémotypée, sans additif ni conservateur ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lav-card\"\u003e\n \u003ch3\u003e🍶 Flacon ambré 10 ml\u003c\/h3\u003e\n \u003cp\u003eAvec compte-gouttes sécurisé pour un dosage précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"lav-cta-box\"\u003e\n \u003cp\u003e100% huile essentielle de Lavande fine (\u003cem\u003eLavandula angustifolia\u003c\/em\u003e) biologique et équitable. Issue de l'agriculture biologique — FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lav-disclaimer\"\u003eCe produit ne se substitue pas à un traitement médical. Demandez conseil à un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lav-cream: #f7f4fb;\n --lav-white: #ffffff;\n --lav-primary: #8b6fbf;\n --lav-primary-dark: #5d4585;\n --lav-primary-light: #ede6f7;\n --lav-secondary: #a8c66c;\n --lav-accent: #d4b8e8;\n --lav-text: #1a1a1a;\n --lav-text-light: #5a5a5a;\n --lav-border: #e0d6ec;\n --lav-shadow: 0 4px 24px rgba(93, 69, 133, .08);\n --lav-shadow-lg: 0 12px 48px rgba(93, 69, 133, .18);\n --lav-radius: 20px;\n --lav-radius-sm: 12px;\n}\n\n.lav-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lav-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--lav-text);\n line-height: 1.6;\n}\n\n.lav-hero {\n position: relative;\n background: linear-gradient(135deg, #8b6fbf 0%, #a888d1 50%, #a8c66c 100%);\n border-radius: var(--lav-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(--lav-shadow-lg);\n}\n\n.lav-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: .15;\n}\n\n.lav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lav-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.lav-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.lav-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.lav-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lav-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(--lav-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lav-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lav-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lav-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lav-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.lav-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(--lav-primary), var(--lav-secondary));\n border-radius: 2px;\n}\n\n.lav-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lav-text-light);\n margin-bottom: 1.75rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.lav-card {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lav-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lav-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lav-shadow-lg);\n border-color: var(--lav-primary);\n}\n\n.lav-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lav-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lav-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lav-grid-compact .lav-card {\n padding: 1rem;\n}\n\n.lav-grid-compact .lav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lav-grid-compact .lav-card p {\n font-size: 12px;\n}\n\n.lav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lav-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lav-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lav-primary), var(--lav-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(139, 111, 191, .3);\n}\n\n.lav-timeline-content {\n flex: 1;\n background: var(--lav-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lav-radius-sm);\n box-shadow: var(--lav-shadow);\n}\n\n.lav-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lav-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lav-timeline-content p {\n font-size: 14px;\n color: var(--lav-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lav-accordion {\n background: var(--lav-white);\n border-radius: var(--lav-radius);\n box-shadow: var(--lav-shadow);\n overflow: hidden;\n}\n\n.lav-accordion-item {\n border-bottom: 1px solid var(--lav-border);\n margin: 0;\n padding: 0;\n}\n\n.lav-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lav-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lav-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.lav-accordion-header:hover {\n background: var(--lav-primary-light);\n}\n\n.lav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lav-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--lav-primary);\n transition: transform .2s ease;\n}\n\n.lav-accordion-item[open] .lav-accordion-header::after {\n content: '−';\n}\n\n.lav-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lav-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lav-accordion-content p {\n margin: 0;\n}\n\n.lav-cta-box {\n background: linear-gradient(135deg, var(--lav-primary) 0%, var(--lav-primary-dark) 100%);\n border-radius: var(--lav-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--lav-shadow-lg);\n}\n\n.lav-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.lav-disclaimer {\n font-size: 12px;\n color: var(--lav-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .lav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .lav-card {\n padding: 1.125rem;\n }\n .lav-section {\n margin-bottom: 1.75rem;\n }\n .lav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lav-radius-sm);\n }\n .lav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .lav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .lav-grid-compact {\n gap: .625rem;\n }\n .lav-grid-compact .lav-card {\n padding: .75rem;\n }\n .lav-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .lav-timeline-content {\n padding: .875rem 1rem;\n }\n .lav-timeline-content h3 {\n font-size: 14px;\n }\n .lav-timeline-content p {\n font-size: 13px;\n }\n .lav-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .lav-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lav-card {\n animation: lavFadeInUp .5s ease backwards;\n }\n .lav-card:nth-child(1) { animation-delay: .05s; }\n .lav-card:nth-child(2) { animation-delay: .1s; }\n .lav-card:nth-child(3) { animation-delay: .15s; }\n .lav-card:nth-child(4) { animation-delay: .2s; }\n .lav-card:nth-child(5) { animation-delay: .25s; }\n .lav-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lavFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lav-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":55183922430329,"sku":"FM0090","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/florame_he_lavande-fine.jpg?v=1763626227"},{"product_id":"huile-essentielle-eucalyptus-globulus-10-ml-florame","title":"Huile Essentielle Eucalyptus Globulus - 10ml - Florame","description":"\u003cdiv class=\"flo-premium\"\u003e\n \u003cdiv class=\"flo-hero\"\u003e\n \u003cdiv class=\"flo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flo-hero-content\"\u003e\n \u003cdiv class=\"flo-badges-top\"\u003e\n \u003cspan class=\"flo-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e🇹🇳 Origine Tunisie\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"flo-hero-title\"\u003eHuile Essentielle Eucalyptus Globulus\u003c\/span\u003e\n \u003cp class=\"flo-subtitle\"\u003eL'incontournable de l'aromathérapie hivernale\u003c\/p\u003e\n \u003cp class=\"flo-description\"\u003eUne huile essentielle 100 % pure et naturelle, chémotypée, riche en 1,8-cinéole, traditionnellement reconnue pour son action sur le confort respiratoire et la purification de l'air ambiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003cp class=\"flo-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle d'eucalyptus globulus\u003c\/strong\u003e de Florame est issue de l'agriculture biologique et du commerce équitable. Obtenue par distillation à la vapeur d'eau des feuilles fraîches d'\u003cem\u003eEucalyptus globulus\u003c\/em\u003e, elle est cultivée en Tunisie par la coopérative GDA EL BARAKA.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'eucalyptus globulus ?\u003c\/h2\u003e\n \u003cp class=\"flo-section-intro\"\u003eParmi les nombreuses variétés d'eucalyptus (radié, citronné, globulus), le \u003cstrong\u003eglobulus\u003c\/strong\u003e se distingue par sa puissance et sa concentration élevée en 1,8-cinéole (souvent supérieure à 70 %). C'est l'huile la plus indiquée pour les adultes en cas de désagréments hivernaux : nez encombré, gorge irritée, sensation de poitrine prise.\u003c\/p\u003e\n \u003cdiv class=\"flo-grid\"\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌬️ Eucalyptus Globulus\u003c\/h3\u003e\n \u003cp\u003eLe plus puissant. Action intense sur les voies respiratoires basses, idéal pour les adultes en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🍃 Eucalyptus Radié\u003c\/h3\u003e\n \u003cp\u003ePlus doux et adapté aux usages prolongés, recommandé pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🍋 Eucalyptus Citronné\u003c\/h3\u003e\n \u003cp\u003eUtilisé pour le confort articulaire et son action répulsive sur les insectes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eBienfaits et utilisations\u003c\/h2\u003e\n \u003cdiv class=\"flo-grid\"\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eAide à dégager les voies respiratoires, particulièrement appréciée en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e✨ Purification de l'air\u003c\/h3\u003e\n \u003cp\u003eAssainit l'atmosphère des pièces de vie en diffusion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e⚡ Tonus et vitalité\u003c\/h3\u003e\n \u003cp\u003eSon parfum frais et camphré stimule l'esprit et favorise la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e💆 Soin capillaire\u003c\/h3\u003e\n \u003cp\u003eDiluée dans un shampoing, elle peut contribuer à un cuir chevelu sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"flo-grid-compact\"\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌿 Plante\u003c\/h3\u003e\n \u003cp\u003e100 % \u003cem\u003eEucalyptus globulus\u003c\/em\u003e bio, chémotypée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles fraîches\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eTunisie — coopérative GDA EL BARAKA\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🧪 Biochimie\u003c\/h3\u003e\n \u003cp\u003e1,8-cinéole, alpha-pinène, limonène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e💧 Contenance\u003c\/h3\u003e\n \u003cp\u003eFlacon verre teinté 10 ml, compte-gouttes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🏷️ Certification\u003c\/h3\u003e\n \u003cp\u003eAB Bio · Commerce équitable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"flo-timeline\"\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003e💨 En diffusion\u003c\/h3\u003e\n \u003cp\u003e5 à 8 gouttes dans un diffuseur, 15 à 20 minutes par pièce, idéalement le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003e🌫️ En inhalation\u003c\/h3\u003e\n \u003cp\u003e2 gouttes dans un bol d'eau chaude, respirer les vapeurs sous une serviette pendant 5 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003e🤲 En application cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluer 1 goutte dans 9 gouttes d'huile végétale (amande douce, noyau d'abricot) et masser le thorax ou le haut du dos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003e👄 Voie orale\u003c\/h3\u003e\n \u003cp\u003e1 à 2 gouttes par jour maximum, diluées dans une cuillère de miel ou sur un comprimé neutre, sur conseil d'un professionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-tip\"\u003e\n \u003cspan class=\"flo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUn flacon de 10 ml permet plusieurs semaines d'utilisation régulière selon le mode choisi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"flo-accordion\"\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e🚫 Publics déconseillés\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes, allaitantes et aux enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e💧 Application cutanée\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas appliquer pure sur la peau : toujours diluer dans une huile végétale. Éviter le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e⚠️ Avis médical requis\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003ePersonnes asthmatiques ou épileptiques : demander un avis médical avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants, conserver à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"flo-disclaimer\"\u003eCette huile essentielle ne se substitue pas à un traitement médical. En cas de doute ou de symptômes persistants, consultez votre médecin ou un pharmacien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Florame\u003c\/h2\u003e\n \u003cdiv class=\"flo-cta-box\"\u003e\n \u003cp\u003ePionnier de l'aromathérapie biologique depuis 1990, Florame sélectionne ses plantes auprès de producteurs engagés. L'eucalyptus globulus utilisé ici provient d'une filière équitable qui valorise le savoir-faire local et préserve la biodiversité tunisienne. Un choix éthique, pour une efficacité au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --flo-cream: #f5f8f0;\n --flo-white: #ffffff;\n --flo-primary: #8bc24a;\n --flo-primary-dark: #4a7c2a;\n --flo-primary-light: #e8f3d9;\n --flo-secondary: #5a8f3a;\n --flo-accent: #c8e090;\n --flo-text: #1a2810;\n --flo-text-light: #5a6b4a;\n --flo-border: #d8e5c5;\n --flo-shadow: 0 4px 24px rgba(74,124,42,.08);\n --flo-shadow-lg: 0 12px 48px rgba(74,124,42,.18);\n --flo-radius: 20px;\n --flo-radius-sm: 12px;\n }\n\n .flo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--flo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--flo-text);\n }\n\n .flo-hero {\n position: relative;\n background: linear-gradient(135deg, #8bc24a 0%, #5a8f3a 50%, #4a7c2a 100%);\n border-radius: var(--flo-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(--flo-shadow-lg);\n }\n\n .flo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 1px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 1px, transparent 2px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 120px 120px, 60px 60px;\n }\n\n .flo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .flo-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 .flo-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 .flo-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 700px;\n opacity: .92;\n }\n\n .flo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .flo-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(--flo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .flo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .flo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .flo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--flo-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 .flo-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(--flo-primary), var(--flo-secondary));\n border-radius: 2px;\n }\n\n .flo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flo-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n }\n\n .flo-card {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--flo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .flo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--flo-shadow-lg);\n border-color: var(--flo-primary);\n }\n\n .flo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--flo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .flo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--flo-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .flo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .flo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .flo-grid-compact .flo-card {\n padding: 1rem;\n }\n\n .flo-grid-compact .flo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .flo-grid-compact .flo-card p {\n font-size: 12px;\n }\n\n .flo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .flo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .flo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--flo-primary), var(--flo-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(74,124,42,.3);\n }\n\n .flo-timeline-content {\n flex: 1;\n background: var(--flo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--flo-radius-sm);\n box-shadow: var(--flo-shadow);\n }\n\n .flo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--flo-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .flo-timeline-content p {\n font-size: 14px;\n color: var(--flo-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .flo-accordion {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n box-shadow: var(--flo-shadow);\n overflow: hidden;\n }\n\n .flo-accordion-item {\n border-bottom: 1px solid var(--flo-border);\n margin: 0;\n padding: 0;\n }\n\n .flo-accordion-item:last-child {\n border-bottom: none;\n }\n\n .flo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--flo-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 .flo-accordion-header:hover {\n background: var(--flo-primary-light);\n }\n\n .flo-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .flo-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--flo-primary);\n transition: transform .2s ease;\n }\n\n .flo-accordion-item[open] .flo-accordion-header::after {\n content: '−';\n }\n\n .flo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--flo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .flo-accordion-content p {\n margin: 0;\n }\n\n .flo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--flo-primary-light);\n border-radius: var(--flo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--flo-primary);\n }\n\n .flo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .flo-tip p {\n font-size: 14px;\n color: var(--flo-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .flo-disclaimer {\n font-size: 12px;\n color: var(--flo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n .flo-cta-box {\n background: linear-gradient(135deg, var(--flo-primary) 0%, var(--flo-primary-dark) 100%);\n border-radius: var(--flo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--flo-shadow-lg);\n }\n\n .flo-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 @media (max-width: 767px) {\n .flo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .flo-card { padding: 1.125rem; }\n .flo-section { margin-bottom: 1.75rem; }\n .flo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--flo-radius-sm);\n }\n .flo-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .flo-premium h2::after { width: 40px; height: 3px; }\n .flo-grid-compact { gap: .625rem; }\n .flo-grid-compact .flo-card { padding: .75rem; }\n .flo-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .flo-timeline-content { padding: .875rem 1rem; }\n .flo-timeline-content h3 { font-size: 14px; }\n .flo-timeline-content p { font-size: 13px; }\n .flo-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .flo-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .flo-card {\n animation: floFadeInUp .5s ease backwards;\n }\n .flo-card:nth-child(1) { animation-delay: .05s; }\n .flo-card:nth-child(2) { animation-delay: .1s; }\n .flo-card:nth-child(3) { animation-delay: .15s; }\n .flo-card:nth-child(4) { animation-delay: .2s; }\n .flo-card:nth-child(5) { animation-delay: .25s; }\n .flo-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes floFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .flo-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":55184007954809,"sku":"FM0045","price":5.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-eucalyptus-globulus-10ml-florame-packshothd.webp?v=1779374738"},{"product_id":"baume-a-barbe-disciplinant-certifie-bio-50-g-florame","title":"Baume à Barbe Bio Florame – Disciplinant \u0026 Nourrissant 50 g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume à Barbe Bio Florame\nPalette détectée:\n - Primaire: #D4A444 (Or\/moutarde du logo et moustache)\n - Secondaire: #3D3D3D (Gris anthracite du fond d'étiquette)\n - Accent: #C0C0C0 (Aluminium argenté du pot)\nAmbiance: Masculin premium, naturel\/bio, artisanal provençal, élégant et raffiné\nPréfixe CSS: bb\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🏅 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eBaume à barbe disciplinant\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eKarité bio \u0026amp; huiles essentielles de cèdre et lavande\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eLe soin premium qui structure, nourrit et sublime votre barbe avec une formule 100% naturelle certifiée bio. Texture fondante, parfum boisé masculin, tenue naturelle toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e✨ Les bénéfices d'un soin d'exception\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎯 Discipline \u0026amp; structure\u003c\/h3\u003e\n \u003cp\u003eDompte les poils rebelles et frisottis pour une barbe parfaitement maîtrisée tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément sans effet gras grâce au beurre de karité et aux huiles végétales bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eApporte souplesse et éclat pour une barbe douce au toucher et éclatante de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌲 Parfum masculin\u003c\/h3\u003e\n \u003cp\u003eSenteur boisée et fraîche aux notes de cèdre et lavande, élégante et raffinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n \u003cp\u003eFortifie les poils, protège du dessèchement et des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🔒 Tenue longue durée\u003c\/h3\u003e\n \u003cp\u003eTexture fondante qui offre un maintien naturel sans rigidité ni résidus collants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🌿 Une formule bio d'exception\u003c\/h2\u003e\n \u003cdiv class=\"bb-cert-banner\"\u003e\n \u003cspan class=\"bb-cert-icon\"\u003e🏅\u003c\/span\u003e\n \u003cdiv class=\"bb-cert-text\"\u003e\n \u003cstrong\u003eCosmos Organic certifié Ecocert\u003c\/strong\u003e\n \u003cspan\u003e100% d'origine naturelle • 80% issus de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🥜 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur, adoucit les poils et protège la barbe des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile de ricin bio\u003c\/h3\u003e\n \u003cp\u003eFortifie la structure du poil, stimule la pousse et apporte densité et vigueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e💛 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eProche du sébum naturel, apporte brillance et douceur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et revitalise les poils secs, apaise la peau et prévient les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌲 HE de cèdre\u003c\/h3\u003e\n \u003cp\u003eTonifiante et purifiante, diffuse un parfum boisé masculin stimulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e💜 HE de lavande bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et équilibrante, calme les irritations et apporte une touche fraîche.\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=\"bb-section\"\u003e\n \u003ch2\u003e📋 Mode d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"bb-steps\"\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eUne petite noisette de baume (taille d'un petit pois).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eChauffez\u003c\/h3\u003e\n \u003cp\u003eFrottez entre vos mains jusqu'à ce qu'il devienne fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eSur barbe propre et sèche, des racines aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eCoiffez\u003c\/h3\u003e\n \u003cp\u003ePeignez ou brossez pour discipliner et styliser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🧔 Le baume idéal pour\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧔‍♂️ Barbes moyennes à longues\u003c\/h3\u003e\n \u003cp\u003eParfait pour structurer et discipliner les barbes fournies qui nécessitent tenue et contrôle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💆‍♂️ Poils rebelles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour dompter une barbe difficile à coiffer avec frisottis et poils indisciplinés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌿 Amateurs de bio\u003c\/h3\u003e\n \u003cp\u003eConçu pour ceux qui privilégient les soins naturels certifiés et éco-responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e👔 Look soigné\u003c\/h3\u003e\n \u003cp\u003ePour les hommes qui recherchent une barbe impeccable et stylée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e⚖️ 50 g\u003c\/h3\u003e\n \u003cp\u003eContenance généreuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌲 Cèdre \u0026amp; lavande\u003c\/h3\u003e\n \u003cp\u003eParfum boisé masculin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🇫🇷 Provence\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📅 Quotidien\u003c\/h3\u003e\n \u003cp\u003eUsage journalier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🏅 Certifications \u0026amp; engagements\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eCosmos Organic\u003c\/strong\u003e certifié par Ecocert Greenlife – la certification bio la plus exigeante.\u003c\/p\u003e\n \u003cp\u003e✓ 100% d'origine naturelle\u003cbr\u003e\n ✓ 80% issus de l'agriculture biologique\u003cbr\u003e\n ✓ Cruelty free – jamais testé sur les animaux\u003cbr\u003e\n ✓ Pot aluminium recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de l'humidité. Refermer soigneusement 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=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Contient des huiles essentielles : déconseillé aux femmes enceintes et allaitantes. En cas de contact avec les yeux, rincer abondamment. Effectuer un test cutané avant 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=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp\u003e🧔 Offrez à votre barbe le soin d'exception qu'elle mérite avec ce baume bio certifié, fabriqué en Provence selon les exigences les plus strictes. Une formule premium pour une barbe disciplinée, nourrie et parfumée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --bb-cream: #f9f7f4;\n --bb-white: #ffffff;\n --bb-primary: #D4A444;\n --bb-primary-dark: #B8922E;\n --bb-primary-light: #FAF3E3;\n --bb-secondary: #3D3D3D;\n --bb-accent: #C0C0C0;\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n --bb-border: #e5e5e5;\n --bb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, #2d2d2d 0%, #3d3d3d 50%, #4a4a4a 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .04;\n background-image: repeating-linear-gradient(45deg, var(--bb-primary) 0, var(--bb-primary) 1px, transparent 1px, transparent 20px);\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-hero-title {\n display: block;\n color: var(--bb-primary);\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 text-transform: uppercase;\n}\n\n.bb-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.bb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-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.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bb-primary), var(--bb-primary-dark));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-card-ingredient {\n border-left: 4px solid var(--bb-primary);\n text-align: left;\n}\n\n.bb-card-ingredient:hover {\n transform: translateX(6px);\n}\n\n\/* === CERTIFICATION BANNER === *\/\n.bb-cert-banner {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--bb-primary-light) 0%, var(--bb-white) 100%);\n border: 2px solid var(--bb-primary);\n border-radius: var(--bb-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.bb-cert-icon {\n font-size: 32px;\n}\n\n.bb-cert-text {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.bb-cert-text strong {\n font-size: 16px;\n color: var(--bb-primary-dark);\n}\n\n.bb-cert-text span {\n font-size: 13px;\n color: var(--bb-text-light);\n}\n\n\/* === STEPS === *\/\n.bb-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.bb-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bb-white);\n border-radius: var(--bb-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-num {\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n}\n\n.bb-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bb-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.bb-step-content p {\n font-size: 13px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-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.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-primary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.bb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-secondary) 0%, #2a2a2a 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-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 .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-grid-compact {\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n \n .bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .bb-grid-compact .bb-card p {\n font-size: 12px;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-steps {\n grid-template-columns: 1fr;\n }\n \n .bb-cert-banner {\n flex-direction: column;\n gap: .75rem;\n padding: 1rem;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes 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 .bb-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":56238373601657,"sku":"FM0500","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/florame_baume_barbe_disciplinant.jpg?v=1763630198"},{"product_id":"baume-apres-rasage-bio-florame","title":"Baume après-rasage bio – 75 ml – Florame","description":"\u003cp\u003eOffrez à votre peau le confort qu’elle mérite après le rasage avec le \u003cstrong\u003ebaume après-rasage certifié bio Florame\u003c\/strong\u003e. Formulé à base d’huiles végétales précieuses et d’essences naturelles apaisantes, il répare et hydrate sans effet gras, tout en laissant une sensation de fraîcheur immédiate.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits du baume après-rasage Florame\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eApaise instantanément les irritations du rasoir\u003c\/li\u003e\n\u003cli\u003eRépare et régénère grâce à l’huile d’Argan bio\u003c\/li\u003e\n\u003cli\u003eProtège l’épiderme contre la sécheresse et les agressions extérieures\u003c\/li\u003e\n\u003cli\u003eTexture non grasse, idéale pour un usage quotidien\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eIngrédients naturels et certifiés bio\u003c\/h2\u003e\n\u003cp\u003eFormule enrichie en :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Cèdre bio\u003c\/strong\u003e : tonifie et purifie\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile d’Argan bio\u003c\/strong\u003e : nourrit et régénère\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de Lavande bio\u003c\/strong\u003e : apaise et adoucit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau florale d’Hamamélis bio\u003c\/strong\u003e : calme et protège\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e98 % d’ingrédients d’origine naturelle – 53 % issus de l’Agriculture Biologique.\u003c\/p\u003e\n\u003ch2\u003eMode d’utilisation\u003c\/h2\u003e\n\u003cp\u003eAprès le rasage, appliquez une noisette de produit sur le visage et le cou secs. Massez par mouvements circulaires jusqu’à absorption complète.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eAstuce :\u003c\/em\u003e utilisez-le le soir comme soin hydratant apaisant.\u003c\/p\u003e\n\u003ch2\u003eCertifications et engagements\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eCertifié \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e par \u003cstrong\u003eEcocert\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eSans alcool, sans colorant, sans silicone\u003c\/li\u003e\n\u003cli\u003eTube recyclable – format : 75 ml\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56281024004473,"sku":"FM0505","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-apres-rasage-bio-75ml-florame.jpg?v=1764255823"},{"product_id":"huile-essentielle-orange-douce-bio-10ml-florame","title":"Huile Essentielle Orange Douce Bio - 10ml - Florame","description":"\u003cdiv class=\"od-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"od-hero\"\u003e\n \u003cdiv class=\"od-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"od-hero-content\"\u003e\n \u003cdiv class=\"od-badges-top\"\u003e\n \u003cspan class=\"od-badge\"\u003e🍊 100 % pure orange douce\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🌿 Certifiée AB Bio\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"od-badge\"\u003e🧪 Chémotypée limonène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"od-hero-title\"\u003eHuile essentielle orange douce bio\u003c\/span\u003e\n \u003cp class=\"od-subtitle\"\u003eFlorame - 10 ml d'aromathérapie provençale certifiée\u003c\/p\u003e\n \u003cp class=\"od-description\"\u003eSérénité, bonne humeur et douceur hespéridée : redécouvrez le pouvoir apaisant de \u003cem\u003eCitrus sinensis\u003c\/em\u003e, extrait à froid du zeste et certifié FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eHuile essentielle orange douce bio Florame – Sérénité et bonne humeur au naturel\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eVous cherchez une huile essentielle orange douce de qualité biologique, à la fois apaisante et délicieusement parfumée ? Celle proposée par \u003cstrong\u003eFlorame\u003c\/strong\u003e, maison provençale experte en aromathérapie, coche toutes les cases.\u003c\/p\u003e\n \u003cp class=\"od-section-intro\"\u003eIssue de l'expression à froid du zeste de \u003cem\u003eCitrus sinensis\u003c\/em\u003e, cette huile essentielle chémotypée concentre le meilleur de l'orange douce dans un flacon de \u003cstrong\u003e10 ml\u003c\/strong\u003e, certifié AB et Agriculture UE (FR-BIO-01).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle d'orange douce\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eL'orange douce huile essentielle est avant tout reconnue pour ses propriétés apaisantes et rééquilibrantes. Ses bienfaits les plus appréciés :\u003c\/p\u003e\n \u003cdiv class=\"od-grid\"\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e😌 Calmante et relaxante\u003c\/h3\u003e\n \u003cp\u003eElle aide à apaiser les tensions nerveuses, le stress et les petites anxiétés du quotidien. Un véritable cocon de sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e☀️ Bonne humeur et optimisme\u003c\/h3\u003e\n \u003cp\u003eSes notes fruitées et chaleureuses véhiculent instantanément une sensation de bien-être et d'énergie positive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🌸 Profil olfactif remarquable\u003c\/h3\u003e\n \u003cp\u003eDes notes douces, fraîches et hespéridées, très appréciées en diffusion atmosphérique comme en parfumerie naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-tip\"\u003e\n \u003cspan class=\"od-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVous vous demandez quels sont les bienfaits de l'huile essentielle orange par rapport à l'huile essentielle orange amère ? L'orange douce offre un profil plus doux et sucré, idéal pour la détente, tandis que l'orange amère (petit grain bigarade) possède un caractère plus herbacé et soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle orange douce ?\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eVous souhaitez savoir comment utiliser l'huile essentielle orange douce au quotidien ? Voici les recommandations du fabricant :\u003c\/p\u003e\n \u003cdiv class=\"od-timeline\"\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003eVoie orale\u003c\/h3\u003e\n \u003cp\u003e2 à 6 gouttes par jour (soit 90 à 270 mg), à diluer dans une cuillerée à café d'huile végétale (olive, colza, etc.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003eDurée d'utilisation\u003c\/h3\u003e\n \u003cp\u003eNe pas dépasser 2 à 3 jours consécutifs pour un usage par voie orale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-timeline-item\"\u003e\n \u003cdiv class=\"od-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"od-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans votre diffuseur pour créer une atmosphère relaxante et parfumée dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-tip\"\u003e\n \u003cspan class=\"od-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce concrète :\u003c\/strong\u003e en période de stress ou avant le coucher, diffusez 5 à 6 gouttes pendant 20 minutes dans la pièce. L'ambiance change radicalement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003eComposition et chémotype\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eCette huile essentielle orange douce Florame se distingue par sa traçabilité complète :\u003c\/p\u003e\n \u003cdiv class=\"od-grid-compact\"\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🍊 Ingrédient\u003c\/h3\u003e\n \u003cp\u003e100 % huile essentielle d'orange douce (\u003cem\u003eCitrus sinensis \/ Citrus Aurantium Dulcis\u003c\/em\u003e)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🧬 Partie utilisée\u003c\/h3\u003e\n \u003cp\u003eZeste (expression à froid)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eLimonène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e📊 Synéphrine\u003c\/h3\u003e\n \u003cp\u003eTraces (\u0026lt;0,1 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAB – Agriculture Biologique, FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"od-card\"\u003e\n \u003ch3\u003e📍 Origine\u003c\/h3\u003e\n \u003cp\u003eFlorame, Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"od-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et sécurité\u003c\/h2\u003e\n \u003cp class=\"od-section-intro\"\u003eConcernant le sujet fréquent de l'huile essentielle orange danger, voici les précautions indispensables à respecter :\u003c\/p\u003e\n \u003cdiv class=\"od-accordion\"\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e👤 Qui peut l'utiliser ?\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage strictement réservé à l'\u003cstrong\u003eadulte\u003c\/strong\u003e. Déconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux enfants de moins de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez votre médecin si vous souffrez d'\u003cstrong\u003ehypertension\u003c\/strong\u003e. Ne dépassez jamais la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Conservez le flacon à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"od-accordion-item\"\u003e\n \u003csummary class=\"od-accordion-header\"\u003e💊 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"od-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle est un complément de bien-être et ne remplace en aucun cas un traitement médical. En cas de doute, demandez toujours l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"od-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"od-cta-box\"\u003e\n \u003cp\u003e🍊 Avec cette huile essentielle orange douce bio Florame, vous disposez d'un allié naturel, certifié et chémotypé pour retrouver calme et sérénité au quotidien. Un indispensable de votre trousse d'aromathérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"od-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Réservé à l'adulte. Demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --od-cream: #fdf8f3;\n --od-white: #ffffff;\n --od-primary: #e8870e;\n --od-primary-dark: #a45d08;\n --od-primary-light: #fef3e2;\n --od-secondary: #5a9a2f;\n --od-accent: #d4a24e;\n --od-text: #1a1a1a;\n --od-text-light: #5a5a5a;\n --od-border: #e8e0d6;\n --od-shadow: 0 4px 24px rgba(0,0,0,.08);\n --od-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --od-radius: 20px;\n --od-radius-sm: 12px;\n}\n\n.od-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--od-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.od-hero {\n position: relative;\n background: linear-gradient(135deg, #c96e06 0%, #e8870e 40%, #5a9a2f 100%);\n border-radius: var(--od-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--od-shadow-lg);\n}\n\n.od-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,200,50,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.od-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.od-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.od-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.od-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.od-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.od-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--od-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.od-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.od-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.od-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--od-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.od-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--od-primary), var(--od-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.od-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--od-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.od-card {\n background: var(--od-white);\n border-radius: var(--od-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--od-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.od-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--od-shadow-lg);\n border-color: var(--od-primary);\n}\n\n.od-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--od-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.od-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--od-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.od-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.od-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.od-grid-compact .od-card {\n padding: 1rem;\n}\n\n.od-grid-compact .od-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.od-grid-compact .od-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.od-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.od-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.od-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--od-primary), var(--od-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.od-timeline-content {\n flex: 1;\n background: var(--od-white);\n padding: 1rem 1.25rem;\n border-radius: var(--od-radius-sm);\n box-shadow: var(--od-shadow);\n}\n\n.od-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--od-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.od-timeline-content p {\n font-size: 14px;\n color: var(--od-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.od-testimonial {\n background: var(--od-white);\n border-radius: var(--od-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--od-shadow);\n border-left: 4px solid var(--od-primary);\n}\n\n.od-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--od-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.od-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--od-primary-light);\n border-radius: var(--od-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.od-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.od-tip p {\n font-size: 14px;\n color: var(--od-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.od-accordion {\n background: var(--od-white);\n border-radius: var(--od-radius);\n box-shadow: var(--od-shadow);\n overflow: hidden;\n}\n\n.od-accordion-item {\n border-bottom: 1px solid var(--od-border);\n margin: 0;\n padding: 0;\n}\n\n.od-accordion-item:last-child {\n border-bottom: none;\n}\n\n.od-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--od-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.od-accordion-header:hover {\n background: var(--od-primary-light);\n}\n\n.od-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.od-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--od-primary);\n transition: transform .2s ease;\n}\n\n.od-accordion-item[open] .od-accordion-header::after {\n content: '−';\n}\n\n.od-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--od-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.od-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.od-cta-box {\n background: linear-gradient(135deg, var(--od-primary) 0%, var(--od-primary-dark) 100%);\n border-radius: var(--od-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.od-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.od-disclaimer {\n font-size: 12px;\n color: var(--od-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .od-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .od-card {\n padding: 1.125rem;\n }\n\n .od-section {\n margin-bottom: 1.75rem;\n }\n\n .od-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--od-radius-sm);\n }\n\n .od-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .od-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .od-grid-compact {\n gap: .625rem;\n }\n\n .od-grid-compact .od-card {\n padding: .75rem;\n }\n\n .od-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .od-timeline-content {\n padding: .875rem 1rem;\n }\n\n .od-timeline-content h3 {\n font-size: 14px;\n }\n\n .od-timeline-content p {\n font-size: 13px;\n }\n\n .od-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .od-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .od-testimonial {\n padding: 1.25rem;\n }\n\n .od-testimonial-text {\n font-size: 14px;\n }\n\n .od-tip {\n padding: .875rem 1rem;\n }\n\n .od-tip-icon {\n font-size: 20px;\n }\n\n .od-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .od-card {\n animation: odFadeInUp .5s ease backwards;\n }\n .od-card:nth-child(1) { animation-delay: .05s; }\n .od-card:nth-child(2) { animation-delay: .1s; }\n .od-card:nth-child(3) { animation-delay: .15s; }\n .od-card:nth-child(4) { animation-delay: .2s; }\n .od-card:nth-child(5) { animation-delay: .25s; }\n .od-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes odFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .od-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56783443951993,"sku":"FM0125","price":5.59,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-orange-douce-florame-10-ml_11zon.jpg?v=1772616107"},{"product_id":"huile-essentielle-de-laurier-noble-bio-5ml-florame","title":"Huile essentielle de Laurier noble bio – 5ml – Florame","description":"\u003cdiv class=\"ln-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ln-hero\"\u003e\n \u003cdiv class=\"ln-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ln-hero-content\"\u003e\n \u003cdiv class=\"ln-badges-top\"\u003e\n \u003cspan class=\"ln-badge\"\u003e🌿 100 % bio certifié\u003c\/span\u003e\n \u003cspan class=\"ln-badge\"\u003e🇫🇷 Marque française\u003c\/span\u003e\n \u003cspan class=\"ln-badge\"\u003e💧 Flacon 5 ml\u003c\/span\u003e\n \u003cspan class=\"ln-badge\"\u003e♻️ Verre recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ln-hero-title\"\u003eHuile essentielle de Laurier noble bio - Florame\u003c\/span\u003e\n \u003cp class=\"ln-subtitle\"\u003eL'excellence de l'aromathérapie certifiée Ecocert\u003c\/p\u003e\n \u003cp class=\"ln-description\"\u003ePurifiante, assainissante et revitalisante : redécouvrez les vertus ancestrales du laurier noble dans un flacon compte-gouttes de précision.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ln-section\"\u003e\n \u003ch2\u003eHuile essentielle de Laurier noble bio - Florame : purifiante et assainissante\u003c\/h2\u003e\n \u003cp class=\"ln-section-intro\"\u003eReconnue depuis l'Antiquité pour ses vertus exceptionnelles, l'\u003cstrong\u003ehuile essentielle de laurier noble\u003c\/strong\u003e (\u003cem\u003eLaurus nobilis\u003c\/em\u003e) est un incontournable de l'aromathérapie.\u003c\/p\u003e\n \u003cdiv class=\"ln-grid-compact\"\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🌱 Pure et naturelle\u003c\/h3\u003e\n \u003cp\u003e100 % pure, 100 % naturelle, sans aucun ajout ni modification chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🏅 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eCertification Ecocert FR-BIO-01, gage de traçabilité et de qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🍃 Distillation soignée\u003c\/h3\u003e\n \u003cp\u003eObtenue par distillation des feuilles de laurier pour en extraire le meilleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n \u003cp\u003eDosage précis et conservation optimale grâce au flacon en verre de 5 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ln-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Laurier noble\u003c\/h2\u003e\n \u003cp class=\"ln-section-intro\"\u003eSi vous cherchez une huile essentielle polyvalente, le laurier noble mérite toute votre attention. Voici ses principaux atouts :\u003c\/p\u003e\n \u003cdiv class=\"ln-grid\"\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e✨ Purifiante et assainissante\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, elle contribue à assainir l'air de votre intérieur et à créer une atmosphère plus saine, notamment en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🌬️ Soutien du confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en \u003cstrong\u003e1,8-cinéole\u003c\/strong\u003e, elle aide à dégager les voies respiratoires et favorise une respiration plus libre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🧠 Parfum frais et revigorant\u003c\/h3\u003e\n \u003cp\u003eSes notes camphrées et verdoyantes aident à retrouver clarté d'esprit et sérénité. Idéale pour gérer les périodes de \u003cstrong\u003estress\u003c\/strong\u003e et retrouver confiance en soi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🧴 Propriétés purifiantes cutanées\u003c\/h3\u003e\n \u003cp\u003eDiluée dans une huile végétale, elle est traditionnellement utilisée pour prendre soin des peaux à imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ln-section\"\u003e\n \u003ch2\u003eComposition et chémotype\u003c\/h2\u003e\n \u003cp class=\"ln-section-intro\"\u003eCette huile essentielle de laurier noble bio Florame se distingue par un profil biochimique complet et bien identifié.\u003c\/p\u003e\n \u003cdiv class=\"ln-grid-compact\"\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🌿 Espèce botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eLaurus nobilis\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003e1,8-cinéole, acétate de terpényle, sabinène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003e100 % pure, 100 % naturelle, 100 % biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-tip\"\u003e\n \u003cspan class=\"ln-tip-icon\"\u003e🔍\u003c\/span\u003e\n \u003cp\u003eCe chémotype précis vous garantit une huile essentielle aux propriétés constantes et fiables, lot après lot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ln-section\"\u003e\n \u003ch2\u003eUtilisation de l'huile essentielle de Laurier noble\u003c\/h2\u003e\n \u003cp class=\"ln-section-intro\"\u003eVous vous demandez comment utiliser l'huile essentielle de laurier noble au quotidien ? Voici les modes d'emploi les plus courants :\u003c\/p\u003e\n \u003cdiv class=\"ln-timeline\"\u003e\n \u003cdiv class=\"ln-timeline-item\"\u003e\n \u003cdiv class=\"ln-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ln-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans votre diffuseur pour purifier l'air ambiant et profiter de son parfum frais et tonifiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-timeline-item\"\u003e\n \u003cdiv class=\"ln-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ln-timeline-content\"\u003e\n \u003ch3\u003eEn application cutanée\u003c\/h3\u003e\n \u003cp\u003eToujours diluée dans une huile végétale (2 à 3 gouttes maximum pour une cuillère à soupe d'huile support). Idéale en massage sur le thorax pour le confort respiratoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-timeline-item\"\u003e\n \u003cdiv class=\"ln-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ln-timeline-content\"\u003e\n \u003ch3\u003eEn arôme alimentaire\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 goutte maximum\u003c\/strong\u003e (environ 45 mg) par kilogramme de denrée alimentaire. Ne pas utiliser quotidiennement de façon prolongée.\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=\"ln-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"ln-accordion\"\u003e\n \u003cdetails class=\"ln-accordion-item\" open\u003e\n \u003csummary class=\"ln-accordion-header\"\u003e👶 Usage et public concerné\u003c\/summary\u003e\n \u003cdiv class=\"ln-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eUsage réservé à l'adulte\u003c\/strong\u003e - tenir hors de portée des enfants. Déconseillée pendant la grossesse et l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ln-accordion-item\"\u003e\n \u003csummary class=\"ln-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"ln-accordion-content mt-3\"\u003e\n \u003cp\u003eEffectuez toujours un test cutané au pli du coude 24 heures avant la première utilisation pour écarter tout risque de réaction allergique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ln-accordion-item\"\u003e\n \u003csummary class=\"ln-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ln-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière pour préserver toutes les propriétés de l'huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ln-accordion-item\"\u003e\n \u003csummary class=\"ln-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"ln-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical, demandez conseil à votre médecin ou pharmacien. Cette huile essentielle \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ln-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle de Laurier noble Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"ln-grid\"\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🇫🇷 Marque française engagée\u003c\/h3\u003e\n \u003cp\u003eFlorame s'engage dans le respect du vivant et de l'environnement, de la récolte des feuilles jusqu'au flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes en verre, recyclable au bac de tri, pour un dosage précis et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-card\"\u003e\n \u003ch3\u003e🏅 Certification Ecocert\u003c\/h3\u003e\n \u003cp\u003eTraçabilité complète et qualité irréprochable garanties par la certification FR-BIO-01.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ln-cta-box\"\u003e\n \u003cp\u003e🌿 Que vous soyez débutant en aromathérapie ou utilisateur confirmé, cette huile essentielle de laurier noble bio deviendra vite un pilier de votre trousse bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ln-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ln-cream: #f5f3ee;\n --ln-white: #ffffff;\n --ln-primary: #2e7d4f;\n --ln-primary-dark: #1b5e3a;\n --ln-primary-light: #e8f5ec;\n --ln-secondary: #8dba5a;\n --ln-accent: #d4a843;\n --ln-text: #1a1a1a;\n --ln-text-light: #5a5a5a;\n --ln-border: #dde6d9;\n --ln-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ln-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ln-radius: 20px;\n --ln-radius-sm: 12px;\n}\n\n.ln-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ln-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ln-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ln-primary-dark) 0%, var(--ln-primary) 50%, var(--ln-secondary) 100%);\n border-radius: var(--ln-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(--ln-shadow-lg);\n}\n\n.ln-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% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ln-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ln-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.ln-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.ln-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.ln-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ln-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(--ln-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ln-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ln-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ln-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ln-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.ln-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(--ln-primary), var(--ln-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ln-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ln-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.ln-card {\n background: var(--ln-white);\n border-radius: var(--ln-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ln-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ln-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ln-shadow-lg);\n border-color: var(--ln-primary);\n}\n\n.ln-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ln-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ln-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ln-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ln-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ln-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ln-grid-compact .ln-card {\n padding: 1rem;\n}\n\n.ln-grid-compact .ln-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ln-grid-compact .ln-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ln-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ln-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ln-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ln-primary), var(--ln-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.ln-timeline-content {\n flex: 1;\n background: var(--ln-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ln-radius-sm);\n box-shadow: var(--ln-shadow);\n}\n\n.ln-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ln-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ln-timeline-content p {\n font-size: 14px;\n color: var(--ln-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ln-testimonial {\n background: var(--ln-white);\n border-radius: var(--ln-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ln-shadow);\n border-left: 4px solid var(--ln-primary);\n}\n\n.ln-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ln-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ln-accordion {\n background: var(--ln-white);\n border-radius: var(--ln-radius);\n box-shadow: var(--ln-shadow);\n overflow: hidden;\n}\n\n.ln-accordion-item {\n border-bottom: 1px solid var(--ln-border);\n margin: 0;\n padding: 0;\n}\n\n.ln-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ln-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ln-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.ln-accordion-header:hover {\n background: var(--ln-primary-light);\n}\n\n.ln-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ln-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ln-primary);\n transition: transform .2s ease;\n}\n\n.ln-accordion-item[open] .ln-accordion-header::after {\n content: '−';\n}\n\n.ln-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ln-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ln-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ln-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ln-primary-light);\n border-radius: var(--ln-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ln-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ln-tip p {\n font-size: 14px;\n color: var(--ln-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ln-cta-box {\n background: linear-gradient(135deg, var(--ln-primary) 0%, var(--ln-primary-dark) 100%);\n border-radius: var(--ln-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.ln-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.ln-disclaimer {\n font-size: 12px;\n color: var(--ln-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 .ln-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ln-card {\n padding: 1.125rem;\n }\n\n .ln-section {\n margin-bottom: 1.75rem;\n }\n\n .ln-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ln-radius-sm);\n }\n\n .ln-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ln-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ln-grid-compact {\n gap: .625rem;\n }\n\n .ln-grid-compact .ln-card {\n padding: .75rem;\n }\n\n .ln-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ln-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ln-timeline-content h3 {\n font-size: 14px;\n }\n\n .ln-timeline-content p {\n font-size: 13px;\n }\n\n .ln-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ln-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ln-testimonial {\n padding: 1.25rem;\n }\n\n .ln-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ln-card {\n animation: lnFadeInUp .5s ease backwards;\n }\n .ln-card:nth-child(1) { animation-delay: .05s; }\n .ln-card:nth-child(2) { animation-delay: .1s; }\n .ln-card:nth-child(3) { animation-delay: .15s; }\n .ln-card:nth-child(4) { animation-delay: .2s; }\n .ln-card:nth-child(5) { animation-delay: .25s; }\n .ln-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lnFadeInUp {\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 .ln-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":56783765012857,"sku":"FM0080","price":9.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-laurier-noble-florame-5-ml_11zon.jpg?v=1772621845"},{"product_id":"huile-essentielle-carotte-semence-5-ml-florame","title":"Huile Essentielle de Carotte Semence - 5 ml - Florame","description":"\u003cdiv class=\"fc-premium\"\u003e\n\n \u003cdiv class=\"fc-hero\"\u003e\n \u003cdiv class=\"fc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fc-hero-content\"\u003e\n \u003cdiv class=\"fc-badges-top\"\u003e\n \u003cspan class=\"fc-badge\"\u003e🌿 100 % pure et naturelle\u003c\/span\u003e\n \u003cspan class=\"fc-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"fc-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fc-hero-title\"\u003eHuile essentielle de carotte semence\u003c\/span\u003e\n \u003cp class=\"fc-subtitle\"\u003eFlorame - Daucus carota - 5 ml\u003c\/p\u003e\n \u003cp class=\"fc-description\"\u003eUn concentré de vitalité provençal pour retrouver un teint lumineux et une peau éclatante de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003eHuile essentielle de carotte semence Florame : un concentré de vitalité pour votre peau\u003c\/h2\u003e\n \u003cp class=\"fc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de carotte\u003c\/strong\u003e de qualité pour prendre soin de votre peau au naturel ? L'huile essentielle de carotte semence Florame, obtenue par distillation des graines de \u003cem\u003eDaucus carota\u003c\/em\u003e, est reconnue pour ses propriétés \u003cstrong\u003erégénérantes et revitalisantes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"fc-grid-compact\"\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🌱 100 % pure\u003c\/h3\u003e\n \u003cp\u003eAucun arôme synthétique ni solvant chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🧴 5 ml concentrés\u003c\/h3\u003e\n \u003cp\u003eUn flacon compte-gouttes précis et pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n \u003cp\u003eRevitalise les peaux ternes et fatiguées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🏷️ Origine garantie\u003c\/h3\u003e\n \u003cp\u003eOrigine botanique certifiée par Florame\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'huile essentielle de carotte cultivée Florame ?\u003c\/h2\u003e\n \u003cp class=\"fc-section-intro\"\u003eFlorame, maison provençale installée à Saint-Rémy-de-Provence, propose une \u003cstrong\u003ehuile essentielle chémotypée\u003c\/strong\u003e à l'origine botanique garantie. Obtenue exclusivement par distillation des semences, là où se concentrent les principes actifs les plus intéressants de la plante.\u003c\/p\u003e\n \u003cdiv class=\"fc-grid\"\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🏡 Maison provençale\u003c\/h3\u003e\n \u003cp\u003eFlorame perpétue un savoir-faire authentique depuis Saint-Rémy-de-Provence, au cœur de l'aromathérapie française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eChaque lot est analysé pour garantir un profil biochimique précis et une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🍯 Profil olfactif unique\u003c\/h3\u003e\n \u003cp\u003eDes notes de \u003cstrong\u003efoin, de résine et de citron\u003c\/strong\u003e se mêlent dans une teinte ambrée chaleureuse et terreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de carotte pour le visage\u003c\/h2\u003e\n \u003cp class=\"fc-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de carotte pour le visage\u003c\/strong\u003e est particulièrement appréciée pour ses vertus régénérantes. Un allié précieux pour les peaux en quête de renouveau.\u003c\/p\u003e\n \u003cdiv class=\"fc-grid\"\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e💫 Revitalise les peaux ternes\u003c\/h3\u003e\n \u003cp\u003eRedonne de l'éclat aux peaux fatiguées et dévitalisées pour un teint visiblement plus frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🔄 Renouvellement cellulaire\u003c\/h3\u003e\n \u003cp\u003eContribue au renouvellement cellulaire cutané pour une peau plus jeune et plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-card\"\u003e\n \u003ch3\u003e🌟 Teint unifié\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour unifier le teint et atténuer l'apparence des \u003cstrong\u003etaches brunes\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-tip\"\u003e\n \u003cspan class=\"fc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour l'intégrer à votre routine, diluez-la toujours dans une huile végétale (jojoba, argan ou rose musquée) avant toute application cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de carotte ?\u003c\/h2\u003e\n \u003cp class=\"fc-section-intro\"\u003eLe flacon compte-gouttes facilite un dosage précis. Voici les principales voies d'utilisation :\u003c\/p\u003e\n \u003cdiv class=\"fc-timeline\"\u003e\n \u003cdiv class=\"fc-timeline-item\"\u003e\n \u003cdiv class=\"fc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fc-timeline-content\"\u003e\n \u003ch3\u003e🧴 En soin cutané\u003c\/h3\u003e\n \u003cp\u003eDiluez 1 à 2 gouttes dans une cuillère à café d'huile végétale, puis appliquez sur le visage ou les zones ciblées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-timeline-item\"\u003e\n \u003cdiv class=\"fc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fc-timeline-content\"\u003e\n \u003ch3\u003e🍽️ En arôme alimentaire\u003c\/h3\u003e\n \u003cp\u003eUtilisation maximale à 0,02 %, soit environ \u003cstrong\u003e4 gouttes pour 1 kg de préparation\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fc-timeline-item\"\u003e\n \u003cdiv class=\"fc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fc-timeline-content\"\u003e\n \u003ch3\u003e🌬️ En diffusion\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes dans un diffuseur pour profiter de ses notes chaleureuses de foin et de résine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"fc-card\" style=\"text-align:center;\"\u003e\n \u003ch3\u003e🌿 Daucus carota\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de carotte, \u003cstrong\u003e100 % pure et naturelle\u003c\/strong\u003e. Sans arôme synthétique, sans solvant chimique. Origine botanique garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications de l'huile essentielle de carotte\u003c\/h2\u003e\n \u003cdiv class=\"fc-accordion\"\u003e\n \u003cdetails class=\"fc-accordion-item\"\u003e\n \u003csummary class=\"fc-accordion-header\"\u003e🚫 Personnes concernées par les restrictions\u003c\/summary\u003e\n \u003cdiv class=\"fc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez la femme enceinte ou allaitante. \u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez l'enfant de moins de 7 ans. \u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux personnes ayant des antécédents de convulsions ou d'allergies aux huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fc-accordion-item\"\u003e\n \u003csummary class=\"fc-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"fc-accordion-content mt-3\"\u003e\n \u003cp\u003eConsultez un médecin avant toute utilisation thérapeutique ou par voie orale. Ce produit \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e. En cas de doute, demandez toujours l'avis d'un professionnel de santé, notamment si vous envisagez d'utiliser l'\u003cstrong\u003ehuile essentielle de carotte pour le foie\u003c\/strong\u003e ou dans un cadre de détoxification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCe qu'il faut retenir\u003c\/h2\u003e\n \u003cdiv class=\"fc-cta-box\"\u003e\n \u003cp\u003eAvec son flacon de \u003cstrong\u003e5 ml\u003c\/strong\u003e pratique et concentré, l'huile essentielle de carotte semence Florame est un incontournable pour celles et ceux qui souhaitent revitaliser leur peau naturellement. Son origine botanique garantie et sa pureté en font un choix de confiance pour enrichir votre aromathèque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fc-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fc-cream: #f7f5f0;\n --fc-white: #ffffff;\n --fc-primary: #e8961e;\n --fc-primary-dark: #3a5a28;\n --fc-primary-light: #eef5e8;\n --fc-secondary: #c47a14;\n --fc-accent: #d4a843;\n --fc-text: #1a1a1a;\n --fc-text-light: #5a5a5a;\n --fc-border: #e0ddd6;\n --fc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fc-radius: 20px;\n --fc-radius-sm: 12px;\n}\n\n.fc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fc-primary-dark) 0%, #4a7a32 50%, var(--fc-primary) 100%);\n border-radius: var(--fc-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(--fc-shadow-lg);\n}\n\n.fc-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,150,30,.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.fc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fc-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.fc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.fc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 550px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.fc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fc-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(--fc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fc-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.fc-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(--fc-primary), var(--fc-secondary));\n border-radius: 2px;\n}\n\n.fc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fc-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.fc-card {\n background: var(--fc-white);\n border-radius: var(--fc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fc-shadow-lg);\n border-color: var(--fc-primary);\n}\n\n.fc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fc-grid-compact .fc-card {\n padding: 1rem;\n}\n\n.fc-grid-compact .fc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fc-grid-compact .fc-card p {\n font-size: 12px;\n}\n\n.fc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fc-primary-dark), var(--fc-primary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fc-timeline-content {\n flex: 1;\n background: var(--fc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fc-radius-sm);\n box-shadow: var(--fc-shadow);\n}\n\n.fc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fc-timeline-content p {\n font-size: 14px;\n color: var(--fc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fc-testimonial {\n background: var(--fc-white);\n border-radius: var(--fc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fc-shadow);\n border-left: 4px solid var(--fc-primary);\n}\n\n.fc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.fc-accordion {\n background: var(--fc-white);\n border-radius: var(--fc-radius);\n box-shadow: var(--fc-shadow);\n overflow: hidden;\n}\n\n.fc-accordion-item {\n border-bottom: 1px solid var(--fc-border);\n margin: 0;\n padding: 0;\n}\n\n.fc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fc-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.fc-accordion-header:hover {\n background: var(--fc-primary-light);\n}\n\n.fc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fc-primary);\n transition: transform .2s ease;\n}\n\n.fc-accordion-item[open] .fc-accordion-header::after {\n content: '−';\n}\n\n.fc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fc-accordion-content p {\n margin: 0;\n}\n\n.fc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fc-primary-light);\n border-radius: var(--fc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fc-tip p {\n font-size: 14px;\n color: var(--fc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fc-cta-box {\n background: linear-gradient(135deg, var(--fc-primary-dark) 0%, #4a7a32 50%, var(--fc-primary) 100%);\n border-radius: var(--fc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fc-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.fc-disclaimer {\n font-size: 12px;\n color: var(--fc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .fc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fc-card {\n padding: 1.125rem;\n }\n\n .fc-section {\n margin-bottom: 1.75rem;\n }\n\n .fc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fc-radius-sm);\n }\n\n .fc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fc-grid-compact {\n gap: .625rem;\n }\n\n .fc-grid-compact .fc-card {\n padding: .75rem;\n }\n\n .fc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fc-timeline-content h3 {\n font-size: 14px;\n }\n\n .fc-timeline-content p {\n font-size: 13px;\n }\n\n .fc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fc-testimonial {\n padding: 1.25rem;\n }\n\n .fc-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fc-card {\n animation: fcFadeInUp .5s ease backwards;\n }\n .fc-card:nth-child(1) { animation-delay: .05s; }\n .fc-card:nth-child(2) { animation-delay: .1s; }\n .fc-card:nth-child(3) { animation-delay: .15s; }\n .fc-card:nth-child(4) { animation-delay: .2s; }\n .fc-card:nth-child(5) { animation-delay: .25s; }\n .fc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fc-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":56946797248889,"sku":"FM0005","price":11.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-carotte-semence-5-ml-florame-lifestyle.webp?v=1775038586"},{"product_id":"huile-essentielle-citron-zeste-bio-10-ml-florame","title":"Huile Essentielle Citron Zeste Bio - 10 ml - Florame","description":"\u003cdiv class=\"lc-premium\"\u003e\n\n \u003cdiv class=\"lc-hero\"\u003e\n \u003cdiv class=\"lc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lc-hero-content\"\u003e\n \u003cdiv class=\"lc-badges-top\"\u003e\n \u003cspan class=\"lc-badge\"\u003e🍋 Expression à froid\u003c\/span\u003e\n \u003cspan class=\"lc-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"lc-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lc-hero-title\"\u003eHuile essentielle citron zeste bio\u003c\/span\u003e\n \u003cp class=\"lc-subtitle\"\u003eFlorame - 10 ml · Citrus limon · Chémotypée\u003c\/p\u003e\n \u003cp class=\"lc-description\"\u003eLa fraîcheur vibrante du zeste de citron, capturée dans un flacon 100 % pur et biologique. Un incontournable de l'aromathérapie pour purifier, tonifier et illuminer votre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eHuile essentielle de citron bio Florame : la fraîcheur du zeste en flacon\u003c\/h2\u003e\n \u003cp class=\"lc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de citron\u003c\/strong\u003e pure, certifiée biologique et obtenue dans le respect du fruit ? Florame vous propose cette huile essentielle de citron zeste bio, extraite à froid pour préserver toute la richesse aromatique et les principes actifs naturels du zeste de \u003cem\u003eCitrus limon\u003c\/em\u003e. Un indispensable de l'aromathérapie, aussi polyvalent que plaisant à utiliser au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de citron bio\u003c\/h2\u003e\n \u003cp class=\"lc-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle au citron\u003c\/strong\u003e est reconnue pour ses multiples propriétés. Voici ce que vous pouvez en attendre :\u003c\/p\u003e\n \u003cdiv class=\"lc-grid\"\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e✨ Purifiante et détoxifiante\u003c\/h3\u003e\n \u003cp\u003eElle favorise une sensation de fraîcheur et de légèreté, notamment après les repas copieux ou en période de détox saisonnière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e⚡ Tonique et stimulante\u003c\/h3\u003e\n \u003cp\u003eSon parfum frais et acidulé aide à retrouver vitalité et énergie au cours de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🌬️ Assainissante de l'air\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, elle purifie l'atmosphère de votre intérieur tout en y déposant une senteur citronnée délicieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-tip\"\u003e\n \u003cspan class=\"lc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous vous demandez quels sont les \u003cstrong\u003ebienfaits de l'huile essentielle de citron\u003c\/strong\u003e, sachez qu'elle est l'une des plus appréciées en aromathérapie pour son action globale sur le bien-être et le confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eComposition et méthode d'extraction\u003c\/h2\u003e\n \u003cdiv class=\"lc-grid-compact\"\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🍋 100 % pure\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle de citron (zeste), sans aucun additif de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e❄️ Expression à froid\u003c\/h3\u003e\n \u003cp\u003eMéthode douce conservant l'intégralité des composés aromatiques volatils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e💧 Flacon compte-gouttes\u003c\/h3\u003e\n \u003cp\u003e10 ml pour un dosage précis et une utilisation économique, goutte après goutte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🌱 Naturelle\u003c\/h3\u003e\n \u003cp\u003eAucun solvant chimique, aucune altération du zeste de Citrus limon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eComment utiliser l'huile essentielle de citron Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"lc-timeline\"\u003e\n \u003cdiv class=\"lc-timeline-item\"\u003e\n \u003cdiv class=\"lc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-content\"\u003e\n \u003ch3\u003ePar voie orale\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 6 gouttes par jour\u003c\/strong\u003e (90 à 270 mg), diluées dans une cuillère à café d'huile végétale. Ne dépassez pas 2 à 3 jours d'utilisation consécutifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-item\"\u003e\n \u003cdiv class=\"lc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lc-timeline-content\"\u003e\n \u003ch3\u003eEn diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eAjoutez quelques gouttes dans votre diffuseur pour assainir et parfumer agréablement votre intérieur. Une alternative naturelle idéale aux désodorisants chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eCertifications et qualité Florame\u003c\/h2\u003e\n \u003cdiv class=\"lc-testimonial\"\u003e\n \u003cp class=\"lc-testimonial-text\"\u003eCe produit est \u003cstrong\u003ecertifié biologique par ECOCERT\u003c\/strong\u003e (FR-BIO-01, Agriculture UE). Florame, maison provençale basée à Saint-Rémy-de-Provence, s'engage depuis des décennies à proposer des huiles essentielles chémotypées d'une qualité irréprochable. Chaque lot fait l'objet de contrôles rigoureux garantissant pureté et traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🏅 Ecocert Bio\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01, Agriculture UE\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eContrôle rigoureux de chaque lot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e🏡 Provençale\u003c\/h3\u003e\n \u003cp\u003eSaint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lc-card\"\u003e\n \u003ch3\u003e📋 Traçabilité\u003c\/h3\u003e\n \u003cp\u003ePureté garantie à 100 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\"\u003e\n \u003ch2\u003eHuile essentielle citron : précautions et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"lc-accordion\"\u003e\n \u003cdetails class=\"lc-accordion-item\"\u003e\n \u003csummary class=\"lc-accordion-header\"\u003e☀️ Photosensibilisation par voie orale\u003c\/summary\u003e\n \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez toute exposition au soleil après ingestion de l'huile essentielle de citron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lc-accordion-item\"\u003e\n \u003csummary class=\"lc-accordion-header\"\u003e🚫 Ne pas utiliser par voie cutanée\u003c\/summary\u003e\n \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de risques de photosensibilisation et d'irritation de la peau, l'application directe sur la peau est déconseillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lc-accordion-item\"\u003e\n \u003csummary class=\"lc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n \u003cp\u003eContre-indiquée aux femmes enceintes ou allaitantes, aux enfants de moins de 7 ans et aux personnes ayant des antécédents de convulsions ou une allergie aux huiles essentielles. Consultez toujours un professionnel de santé avant toute utilisation thérapeutique ou traitement prolongé par voie orale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lc-accordion-item\"\u003e\n \u003csummary class=\"lc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de la lumière, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lc-cta-box\"\u003e\n \u003cp\u003e🍋 Cette huile essentielle est un produit de bien-être et ne remplace en aucun cas un traitement médical. Profitez de la fraîcheur authentique du citron bio de Provence, goutte après goutte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lc-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lc-cream: #fdfcf7;\n --lc-white: #ffffff;\n --lc-primary: #5a8f3c;\n --lc-primary-dark: #3a6824;\n --lc-primary-light: #eef5e6;\n --lc-secondary: #e8b817;\n --lc-accent: #f5d442;\n --lc-text: #1a1a1a;\n --lc-text-light: #5a5a5a;\n --lc-border: #e0e0e0;\n --lc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lc-radius: 20px;\n --lc-radius-sm: 12px;\n}\n\n.lc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lc-hero {\n position: relative;\n background: linear-gradient(135deg, #3a6824 0%, #5a8f3c 40%, #7ab850 100%);\n border-radius: var(--lc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lc-shadow-lg);\n}\n\n.lc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(245,212,66,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(245,212,66,.1) 0%, transparent 35%);\n opacity: 1;\n}\n\n.lc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--lc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 500;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.lc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.lc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.lc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--lc-primary), var(--lc-secondary));\n border-radius: 2px;\n}\n\n.lc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.lc-card {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lc-shadow-lg);\n border-color: var(--lc-primary);\n}\n\n.lc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lc-grid-compact .lc-card {\n padding: 1rem;\n}\n\n.lc-grid-compact .lc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lc-grid-compact .lc-card p {\n font-size: 12px;\n}\n\n.lc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lc-primary), var(--lc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.lc-timeline-content {\n flex: 1;\n background: var(--lc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lc-radius-sm);\n box-shadow: var(--lc-shadow);\n}\n\n.lc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lc-timeline-content p {\n font-size: 14px;\n color: var(--lc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lc-testimonial {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lc-shadow);\n border-left: 4px solid var(--lc-primary);\n}\n\n.lc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.lc-accordion {\n background: var(--lc-white);\n border-radius: var(--lc-radius);\n box-shadow: var(--lc-shadow);\n overflow: hidden;\n}\n\n.lc-accordion-item {\n border-bottom: 1px solid var(--lc-border);\n margin: 0;\n padding: 0;\n}\n\n.lc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.lc-accordion-header:hover {\n background: var(--lc-primary-light);\n}\n\n.lc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lc-primary);\n transition: transform .2s ease;\n}\n\n.lc-accordion-item[open] .lc-accordion-header::after {\n content: '−';\n}\n\n.lc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lc-accordion-content p {\n margin: 0;\n}\n\n.lc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lc-primary-light);\n border-radius: var(--lc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lc-tip p {\n font-size: 14px;\n color: var(--lc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.lc-cta-box {\n background: linear-gradient(135deg, var(--lc-primary) 0%, var(--lc-primary-dark) 100%);\n border-radius: var(--lc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.lc-disclaimer {\n font-size: 12px;\n color: var(--lc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .lc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lc-card {\n padding: 1.125rem;\n }\n\n .lc-section {\n margin-bottom: 1.75rem;\n }\n\n .lc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lc-radius-sm);\n }\n\n .lc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lc-grid-compact {\n gap: .625rem;\n }\n\n .lc-grid-compact .lc-card {\n padding: .75rem;\n }\n\n .lc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lc-timeline-content h3 {\n font-size: 14px;\n }\n\n .lc-timeline-content p {\n font-size: 13px;\n }\n\n .lc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lc-testimonial {\n padding: 1.25rem;\n }\n\n .lc-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lc-card {\n animation: lcFadeInUp .5s ease backwards;\n }\n .lc-card:nth-child(1) { animation-delay: .05s; }\n .lc-card:nth-child(2) { animation-delay: .1s; }\n .lc-card:nth-child(3) { animation-delay: .15s; }\n .lc-card:nth-child(4) { animation-delay: .2s; }\n .lc-card:nth-child(5) { animation-delay: .25s; }\n .lc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56947120111993,"sku":"FM0015","price":7.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-citron-zeste-bio-10-ml-florame-lifestyle.webp?v=1775040236"},{"product_id":"huile-essentielle-de-citronnelle-bio-10ml-florame","title":"Huile Essentielle de Citronnelle Bio - 10ml - Florame","description":"\u003cdiv class=\"cit-premium\"\u003e\n\n \u003cdiv class=\"cit-hero\"\u003e\n \u003cdiv class=\"cit-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cit-hero-content\"\u003e\n \u003cdiv class=\"cit-badges-top\"\u003e\n \u003cspan class=\"cit-badge\"\u003e🌿 Certifiée AB\u003c\/span\u003e\n \u003cspan class=\"cit-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"cit-badge\"\u003e📍 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"cit-badge\"\u003e🫙 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cit-hero-title\"\u003eHuile Essentielle de Citronnelle Bio\u003c\/span\u003e\n \u003cp class=\"cit-subtitle\"\u003eFlorame - Cymbopogon winterianus\u003c\/p\u003e\n \u003cp class=\"cit-description\"\u003eL'alliée incontournable de vos soirées d'été : une citronnelle de Java bio, pure et chémotypée, aussi efficace en diffusion qu'en usage alimentaire ponctuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cit-section\"\u003e\n \u003ch2\u003eHuile essentielle de citronnelle bio Florame - Cymbopogon winterianus\u003c\/h2\u003e\n \u003cp class=\"cit-section-intro\"\u003eVous cherchez une huile essentielle de citronnelle de qualité, certifiée biologique et chémotypée ? Florame vous propose cette huile essentielle de citronnelle de Java (\u003cem\u003eCymbopogon winterianus\u003c\/em\u003e) en flacon de 10 ml, obtenue par distillation de la plante entière. Son profil aromatique riche, dominé par le citronellal, le géraniol et le citronellol, en fait une huile polyvalente, aussi appréciée en diffusion qu'en usage alimentaire ponctuel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cit-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette citronnelle huile essentielle bio ?\u003c\/h2\u003e\n \u003cdiv class=\"cit-grid\"\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🏡 Savoir-faire provençal\u003c\/h3\u003e\n \u003cp\u003eFlorame, maison implantée à Saint-Rémy-de-Provence, élabore ses huiles essentielles selon des critères stricts de qualité et de traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🌱 Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eCertifiée Agriculture Biologique et contrôlée par FR-BIO-01, chaque lot est chémotypé pour garantir une composition précise et constante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🦟 Anti-moustiques naturel\u003c\/h3\u003e\n \u003cp\u003eSon parfum citronné et légèrement floral est reconnu pour son efficacité à éloigner les moustiques et autres insectes indésirables lors de vos soirées d'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cit-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"cit-grid-compact\"\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🌾 Nom botanique\u003c\/h3\u003e\n \u003cp\u003eCymbopogon winterianus (citronnelle de Java)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🌿 Partie distillée\u003c\/h3\u003e\n \u003cp\u003ePlante entière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🧬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronellal, géraniol, citronellol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e⚠️ Allergènes\u003c\/h3\u003e\n \u003cp\u003eLimonène, linalol, géraniol, citronellol, eugénol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (FR-BIO-01)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml \/ 0.34 fl.oz\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cit-section\"\u003e\n \u003ch2\u003eBienfaits et utilisations de l'huile essentielle de citronnelle\u003c\/h2\u003e\n \u003cdiv class=\"cit-grid\"\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🦟 Répulsif anti-moustiques\u003c\/h3\u003e\n \u003cp\u003eEn diffusion atmosphérique, elle aide à tenir les insectes à distance. L'usage le plus populaire et le plus apprécié de cette huile essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🫄 Tonique digestif\u003c\/h3\u003e\n \u003cp\u003eUtilisée par voie orale dans les doses recommandées, elle peut contribuer au confort digestif et soutenir une digestion apaisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🧘 Propriétés apaisantes\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement appréciée pour ses qualités anti-douleur, elle accompagne vos moments de détente et de récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🌬️ Assainissement de l'air\u003c\/h3\u003e\n \u003cp\u003eSon pouvoir antiseptique atmosphérique et désodorisant purifie agréablement votre intérieur tout au long de l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cit-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle citronnelle de Java ?\u003c\/h2\u003e\n \u003cdiv class=\"cit-timeline\"\u003e\n \u003cdiv class=\"cit-timeline-item\"\u003e\n \u003cdiv class=\"cit-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cit-timeline-content\"\u003e\n \u003ch3\u003e🌀 En diffusion atmosphérique\u003c\/h3\u003e\n \u003cp\u003eVersez quelques gouttes dans votre diffuseur pour créer une ambiance fraîche et repoussante pour les insectes. Idéal en été, sur la terrasse ou dans la chambre avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-timeline-item\"\u003e\n \u003cdiv class=\"cit-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cit-timeline-content\"\u003e\n \u003ch3\u003e🥄 En complément alimentaire (adulte)\u003c\/h3\u003e\n \u003cp\u003eDéposez 1 à 3 gouttes par jour (soit 45 à 135 mg) dans une cuillère à café d'huile végétale. Ne dépassez pas 4 à 5 jours d'utilisation consécutifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-tip\"\u003e\n \u003cspan class=\"cit-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAssociez-la à l'huile essentielle de géranium rosat en diffusion pour renforcer l'effet anti-moustiques tout en apportant une note florale délicate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cit-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"cit-accordion\"\u003e\n \u003cdetails class=\"cit-accordion-item\"\u003e\n \u003csummary class=\"cit-accordion-header\"\u003e💧 Dosage recommandé\u003c\/summary\u003e\n \u003cdiv class=\"cit-accordion-content mt-3\"\u003e\n \u003cp\u003eNe jamais dépasser la dose journalière recommandée : 1 à 3 gouttes par jour maximum, sur 4 à 5 jours consécutifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cit-accordion-item\"\u003e\n \u003csummary class=\"cit-accordion-header\"\u003e👶 Enfants et femmes enceintes\u003c\/summary\u003e\n \u003cdiv class=\"cit-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Contre-indiquée chez la femme enceinte ou allaitante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cit-accordion-item\"\u003e\n \u003csummary class=\"cit-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cit-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière, dans son flacon d'origine bien fermé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cit-accordion-item\"\u003e\n \u003csummary class=\"cit-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cit-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace pas une alimentation variée et équilibrée ni un traitement médical. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cit-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'essentiel en un coup d'œil\u003c\/h2\u003e\n \u003cdiv class=\"cit-grid-compact\"\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🫙 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eFlorame - Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAB \/ FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-card\"\u003e\n \u003ch3\u003e🎯 Usage\u003c\/h3\u003e\n \u003cp\u003eDiffusion atmosphérique, complément alimentaire (adulte)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cit-cta-box\"\u003e\n \u003cp\u003eOffrez-vous une huile essentielle de citronnelle bio fiable et authentique. Que vous souhaitiez profiter de vos soirées estivales sans moustiques ou assainir naturellement votre intérieur, ce flacon Florame deviendra vite un indispensable de votre aromathèque. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cit-cream: #f7f6f0;\n --cit-white: #ffffff;\n --cit-primary: #5a8c3c;\n --cit-primary-dark: #3b6624;\n --cit-primary-light: #eef4e8;\n --cit-secondary: #a3c252;\n --cit-accent: #e8b930;\n --cit-text: #1a1a1a;\n --cit-text-light: #5a5a5a;\n --cit-border: #e0e0e0;\n --cit-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cit-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cit-radius: 20px;\n --cit-radius-sm: 12px;\n}\n\n.cit-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cit-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cit-hero {\n position: relative;\n background: linear-gradient(135deg, #3b6624 0%, #5a8c3c 45%, #a3c252 100%);\n border-radius: var(--cit-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(--cit-shadow-lg);\n}\n\n.cit-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.cit-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cit-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.cit-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 font-style: italic;\n}\n\n.cit-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 620px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cit-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cit-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(--cit-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cit-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cit-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cit-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cit-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.cit-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(--cit-primary), var(--cit-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cit-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cit-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.cit-card {\n background: var(--cit-white);\n border-radius: var(--cit-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cit-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cit-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cit-shadow-lg);\n border-color: var(--cit-primary);\n}\n\n.cit-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cit-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cit-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cit-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cit-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cit-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cit-grid-compact .cit-card {\n padding: 1rem;\n}\n\n.cit-grid-compact .cit-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cit-grid-compact .cit-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cit-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cit-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cit-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cit-primary), var(--cit-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.cit-timeline-content {\n flex: 1;\n background: var(--cit-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cit-radius-sm);\n box-shadow: var(--cit-shadow);\n}\n\n.cit-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cit-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cit-timeline-content p {\n font-size: 14px;\n color: var(--cit-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cit-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cit-primary-light);\n border-radius: var(--cit-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cit-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cit-tip p {\n font-size: 14px;\n color: var(--cit-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.cit-accordion {\n background: var(--cit-white);\n border-radius: var(--cit-radius);\n box-shadow: var(--cit-shadow);\n overflow: hidden;\n}\n\n.cit-accordion-item {\n border-bottom: 1px solid var(--cit-border);\n margin: 0;\n padding: 0;\n}\n\n.cit-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cit-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cit-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.cit-accordion-header:hover {\n background: var(--cit-primary-light);\n}\n\n.cit-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cit-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cit-primary);\n transition: transform .2s ease;\n}\n\n.cit-accordion-item[open] .cit-accordion-header::after {\n content: '−';\n}\n\n.cit-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cit-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cit-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cit-cta-box {\n background: linear-gradient(135deg, var(--cit-primary) 0%, var(--cit-primary-dark) 100%);\n border-radius: var(--cit-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.cit-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 .cit-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cit-card {\n padding: 1.125rem;\n }\n\n .cit-section {\n margin-bottom: 1.75rem;\n }\n\n .cit-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cit-radius-sm);\n }\n\n .cit-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cit-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cit-grid-compact {\n gap: .625rem;\n }\n\n .cit-grid-compact .cit-card {\n padding: .75rem;\n }\n\n .cit-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cit-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cit-timeline-content h3 {\n font-size: 14px;\n }\n\n .cit-timeline-content p {\n font-size: 13px;\n }\n\n .cit-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cit-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cit-card {\n animation: citFadeInUp .5s ease backwards;\n }\n .cit-card:nth-child(1) { animation-delay: .05s; }\n .cit-card:nth-child(2) { animation-delay: .1s; }\n .cit-card:nth-child(3) { animation-delay: .15s; }\n .cit-card:nth-child(4) { animation-delay: .2s; }\n .cit-card:nth-child(5) { animation-delay: .25s; }\n .cit-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes citFadeInUp {\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 .cit-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":56953842631033,"sku":"FM0020","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-citronnelle-bio-10ml-florame-lifestyle.webp?v=1775115011"},{"product_id":"huile-essentielle-encens-oliban-bio-5-ml-florame","title":"Huile Essentielle Encens Oliban Bio - 5 ml - Florame","description":"\u003cdiv class=\"eo-premium\"\u003e\n\n\u003cdiv class=\"eo-hero\"\u003e\n\u003cdiv class=\"eo-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"eo-hero-content\"\u003e\n\u003cdiv class=\"eo-badges-top\"\u003e\n\u003cspan class=\"eo-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n\u003cspan class=\"eo-badge\"\u003e💧 100 % pure\u003c\/span\u003e\n\u003cspan class=\"eo-badge\"\u003e🇫🇷 Fabriquée en Provence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"eo-hero-title\"\u003eHuile Essentielle Encens Oliban Bio\u003c\/span\u003e\n\u003cp class=\"eo-subtitle\"\u003eFlorame · 5 ml · Boswellia carterii\u003c\/p\u003e\n\u003cp class=\"eo-description\"\u003eUn trésor millénaire au parfum résineux, boisé et chaud, distillé à partir de la précieuse gomme-résine d'oliban pour sublimer votre peau et apaiser votre esprit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eHuile essentielle Encens Oliban Bio Florame - Un trésor millénaire pour la peau et l'esprit\u003c\/h2\u003e\n\u003cp class=\"eo-section-intro\"\u003eUtilisée depuis des millénaires dans les rituels de méditation et les soins ancestraux, l'\u003cstrong\u003ehuile essentielle d'encens oliban\u003c\/strong\u003e est aujourd'hui reconnue pour ses vertus exceptionnelles en aromathérapie et en cosmétique naturelle. Florame vous propose ici une \u003cstrong\u003ehuile essentielle encens oliban\u003c\/strong\u003e certifiée bio, 100 % pure et chémotypée, extraite de la précieuse gomme-résine de \u003cem\u003eBoswellia carterii\u003c\/em\u003e.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eOrigine et extraction de l'huile essentielle d'encens\u003c\/h2\u003e\n\u003cdiv class=\"eo-card\" style=\"text-align:left;\"\u003e\n\u003cp\u003eL'\u003cstrong\u003eoliban\u003c\/strong\u003e, aussi appelé \u003cstrong\u003efrankincense\u003c\/strong\u003e, provient de la résine récoltée sur l'arbre \u003cem\u003eBoswellia carterii\u003c\/em\u003e (ou \u003cem\u003eBoswellia sacra\u003c\/em\u003e). Les arbres dont est issue cette huile essentielle poussent principalement en \u003cstrong\u003eÉthiopie et en Oman\u003c\/strong\u003e, dans des terres arides où ils développent une résine d'une richesse aromatique incomparable.\u003c\/p\u003e\n\u003cp style=\"margin-top:.75rem;\"\u003eUne fois distillée, cette résine donne naissance à une huile au \u003cstrong\u003eparfum résineux, boisé et chaud\u003c\/strong\u003e, immédiatement reconnaissable et profondément enveloppant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🌍 Éthiopie \u0026amp; Oman\u003c\/h3\u003e\n\u003cp\u003eTerres d'origine des arbres à encens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🌳 Boswellia carterii\u003c\/h3\u003e\n\u003cp\u003eEspèce botanique certifiée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e💎 Gomme-résine\u003c\/h3\u003e\n\u003cp\u003eMatière première d'exception\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e♨️ Distillation\u003c\/h3\u003e\n\u003cp\u003eExtraction à la vapeur d'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eBienfaits de l'huile essentielle d'encens oliban\u003c\/h2\u003e\n\u003cp class=\"eo-section-intro\"\u003eCette \u003cstrong\u003ehuile essentielle d'encens\u003c\/strong\u003e bio se distingue par la diversité de ses propriétés. Voici ses principaux atouts :\u003c\/p\u003e\n\u003cdiv class=\"eo-grid\"\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e✨ Régénérante et raffermissante\u003c\/h3\u003e\n\u003cp\u003eRevitalise les peaux sèches, sensibles ou matures et aide à réduire l'apparence des \u003cstrong\u003erides\u003c\/strong\u003e et ridules grâce à ses vertus réparatrices.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🧼 Purifiante\u003c\/h3\u003e\n\u003cp\u003eContribue à assainir la peau en profondeur et à préserver son éclat naturel jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🧘 Apaisante et relaxante\u003c\/h3\u003e\n\u003cp\u003eEn diffusion ou en olfaction, elle calme les tensions nerveuses, apaise l'anxiété et favorise un état de sérénité profonde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🕯️ Aide à la méditation\u003c\/h3\u003e\n\u003cp\u003eSon parfum résineux invite au recueillement et facilite la concentration lors de pratiques méditatives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eComment utiliser l'huile essentielle encens oliban ?\u003c\/h2\u003e\n\u003cdiv class=\"eo-timeline\"\u003e\n\u003cdiv class=\"eo-timeline-item\"\u003e\n\u003cdiv class=\"eo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"eo-timeline-content\"\u003e\n\u003ch3\u003eSoin visage anti-rides\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e1 goutte pour 70 g d'huile végétale\u003c\/strong\u003e (argan, jojoba, rose musquée…), soit un dosage de \u003cstrong\u003e0,067 %\u003c\/strong\u003e. Massez légèrement le visage \u003cstrong\u003ematin et\/ou soir\u003c\/strong\u003e pour favoriser la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-timeline-item\"\u003e\n\u003cdiv class=\"eo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"eo-timeline-content\"\u003e\n\u003ch3\u003eDiffusion atmosphérique\u003c\/h3\u003e\n\u003cp\u003eDéposez quelques gouttes dans votre diffuseur pour créer une ambiance propice à la \u003cstrong\u003edétente et à la relaxation\u003c\/strong\u003e en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-timeline-item\"\u003e\n\u003cdiv class=\"eo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"eo-timeline-content\"\u003e\n\u003ch3\u003eMéditation et recueillement\u003c\/h3\u003e\n\u003cp\u003eRespirez directement au flacon ou appliquez une goutte sur les poignets (diluée) avant votre séance pour favoriser la \u003cstrong\u003econcentration et le calme intérieur\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-tip\"\u003e\n\u003cspan class=\"eo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eEffectuez toujours un test dans le pli du coude \u003cstrong\u003e24 heures avant\u003c\/strong\u003e la première utilisation cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eComposition - INCI\u003c\/h2\u003e\n\u003cdiv class=\"eo-card\" style=\"text-align:left;\"\u003e\n\u003cp\u003eUne formule d'une simplicité exemplaire, gage de qualité :\u003c\/p\u003e\n\u003cul style=\"margin:.75rem 0 0 1.25rem;color:var(--eo-text-light);line-height:1.8;\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eBoswellia Carterii Oil\u003c\/strong\u003e (huile essentielle d'encens oliban)\u003c\/li\u003e\n\u003cli\u003eContient naturellement : Limonene, Linalool, Geraniol\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eAucun additif synthétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🌿 100 % bio\u003c\/h3\u003e\n\u003cp\u003eCertifiée agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e💧 100 % pure\u003c\/h3\u003e\n\u003cp\u003eRien n'est ajouté, rien n'est retiré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n\u003cp\u003eComposition vérifiée et garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\"\u003e\n\u003ch2\u003eCertifications et qualité Florame\u003c\/h2\u003e\n\u003cdiv class=\"eo-grid\"\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e✅ Ecocert FR-BIO-01\u003c\/h3\u003e\n\u003cp\u003eCertification bio par l'organisme de référence en France et en Europe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriquée en Provence\u003c\/h3\u003e\n\u003cp\u003eÉlaborée à Saint-Rémy-de-Provence par Florame, maison pionnière en aromathérapie biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-card\"\u003e\n\u003ch3\u003e💧 Flacon compte-gouttes 5 ml\u003c\/h3\u003e\n\u003cp\u003eDosage précis et utilisation économique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"eo-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"eo-accordion\"\u003e\n\u003cdetails class=\"eo-accordion-item\"\u003e\n\u003csummary class=\"eo-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"eo-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez la femme enceinte ou allaitante.\u003cbr\u003e\u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez l'enfant de moins de 7 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"eo-accordion-item\"\u003e\n\u003csummary class=\"eo-accordion-header\"\u003e⚠️ Précautions cutanées\u003c\/summary\u003e\n\u003cdiv class=\"eo-accordion-content mt-3\"\u003e\n\u003cp\u003eToujours diluer avant application cutanée. Effectuez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"eo-accordion-item\"\u003e\n\u003csummary class=\"eo-accordion-header\"\u003e💊 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"eo-accordion-content mt-3\"\u003e\n\u003cp\u003eNe se substitue pas à un avis ou un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eo-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n\u003cp\u003eSi vous cherchez une \u003cstrong\u003ehuile essentielle d'encens\u003c\/strong\u003e authentique et de haute qualité pour prendre soin de votre peau ou retrouver un moment de calme au quotidien, cette référence Florame constitue un choix sûr et engagé. 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"eo-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --eo-cream: #f7f4ef;\n --eo-white: #ffffff;\n --eo-primary: #5a7a3a;\n --eo-primary-dark: #3a5222;\n --eo-primary-light: #eef3e6;\n --eo-secondary: #c98a2e;\n --eo-accent: #d4a03c;\n --eo-text: #1a1a1a;\n --eo-text-light: #5a5a5a;\n --eo-border: #e0ddd6;\n --eo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --eo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --eo-radius: 20px;\n --eo-radius-sm: 12px;\n}\n\n.eo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--eo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.eo-hero {\n position: relative;\n background: linear-gradient(135deg, #3a5222 0%, #5a7a3a 40%, #c98a2e 100%);\n border-radius: var(--eo-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(--eo-shadow-lg);\n}\n\n.eo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%);\n opacity: 1;\n}\n\n.eo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.eo-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.eo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.eo-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.eo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.eo-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(--eo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.eo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.eo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--eo-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.eo-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(--eo-primary), var(--eo-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.eo-card {\n background: var(--eo-white);\n border-radius: var(--eo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--eo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.eo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--eo-shadow-lg);\n border-color: var(--eo-primary);\n}\n\n.eo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--eo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.eo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--eo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.eo-card ul {\n color: var(--eo-text-light);\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.eo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.eo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.eo-grid-compact .eo-card {\n padding: 1rem;\n}\n\n.eo-grid-compact .eo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.eo-grid-compact .eo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.eo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.eo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.eo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--eo-primary), var(--eo-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.eo-timeline-content {\n flex: 1;\n background: var(--eo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--eo-radius-sm);\n box-shadow: var(--eo-shadow);\n}\n\n.eo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--eo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.eo-timeline-content p {\n font-size: 14px;\n color: var(--eo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.eo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--eo-primary-light);\n border-radius: var(--eo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.eo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.eo-tip p {\n font-size: 14px;\n color: var(--eo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.eo-accordion {\n background: var(--eo-white);\n border-radius: var(--eo-radius);\n box-shadow: var(--eo-shadow);\n overflow: hidden;\n}\n\n.eo-accordion-item {\n border-bottom: 1px solid var(--eo-border);\n margin: 0;\n padding: 0;\n}\n\n.eo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.eo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--eo-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.eo-accordion-header:hover {\n background: var(--eo-primary-light);\n}\n\n.eo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.eo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--eo-primary);\n transition: transform .2s ease;\n}\n\n.eo-accordion-item[open] .eo-accordion-header::after {\n content: '−';\n}\n\n.eo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--eo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.eo-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.eo-cta-box {\n background: linear-gradient(135deg, var(--eo-primary) 0%, var(--eo-primary-dark) 100%);\n border-radius: var(--eo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.eo-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.eo-disclaimer {\n font-size: 12px;\n color: var(--eo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO === *\/\n.eo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--eo-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 === *\/\n@media (max-width: 767px) {\n .eo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .eo-card {\n padding: 1.125rem;\n }\n\n .eo-section {\n margin-bottom: 1.75rem;\n }\n\n .eo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--eo-radius-sm);\n }\n\n .eo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .eo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .eo-grid-compact {\n gap: .625rem;\n }\n\n .eo-grid-compact .eo-card {\n padding: .75rem;\n }\n\n .eo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .eo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .eo-timeline-content h3 {\n font-size: 14px;\n }\n\n .eo-timeline-content p {\n font-size: 13px;\n }\n\n .eo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .eo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .eo-card {\n animation: eoFadeInUp .5s ease backwards;\n }\n .eo-card:nth-child(1) { animation-delay: .05s; }\n .eo-card:nth-child(2) { animation-delay: .1s; }\n .eo-card:nth-child(3) { animation-delay: .15s; }\n .eo-card:nth-child(4) { animation-delay: .2s; }\n .eo-card:nth-child(5) { animation-delay: .25s; }\n .eo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes eoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .eo-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":56953876283769,"sku":"FM0030","price":18.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-encens-oliban-bio-5-ml-florame-lifestyle.webp?v=1775116571"},{"product_id":"huile-essentielle-d-epinette-noire-bio-5-ml-florame","title":"Huile Essentielle d’Épinette noire Bio - 5 ml - Florame","description":"\u003cdiv class=\"en-premium\"\u003e\n\n\u003cdiv class=\"en-hero\"\u003e\n\u003cdiv class=\"en-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"en-hero-content\"\u003e\n\u003cdiv class=\"en-badges-top\"\u003e\n\u003cspan class=\"en-badge\"\u003e🌿 Certifiée AB Bio\u003c\/span\u003e\n\u003cspan class=\"en-badge\"\u003e💧 100 % pure \u0026amp; naturelle\u003c\/span\u003e\n\u003cspan class=\"en-badge\"\u003e🇫🇷 Florame – Provence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"en-hero-title\"\u003eHuile essentielle d'épinette noire bio\u003c\/span\u003e\n\u003cp class=\"en-subtitle\"\u003ePicea mariana · 5 ml · Chémotypée HEBBD\u003c\/p\u003e\n\u003cp class=\"en-description\"\u003eLe coup de boost aromatique des forêts boréales, certifié bio par Ecocert, pour retrouver énergie et vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eHuile essentielle d'épinette noire bio Florame : le coup de boost naturel\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eVous traversez une période de \u003cstrong\u003efatigue persistante\u003c\/strong\u003e, de baisse de tonus ou de coup de pompe saisonnier ? L'\u003cstrong\u003ehuile essentielle d'épinette noire\u003c\/strong\u003e est l'une des alliées les plus précieuses de l'aromathérapie pour retrouver vitalité et énergie.\u003c\/p\u003e\n\u003cdiv class=\"en-testimonial\"\u003e\n\u003cp class=\"en-testimonial-text\"\u003eFlorame vous propose ici une huile essentielle 100 % pure, naturelle et certifiée bio, issue de la distillation des aiguilles de \u003cem\u003ePicea mariana\u003c\/em\u003e, un conifère robuste originaire des forêts boréales d'Amérique du Nord.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eBienfaits de l'huile essentielle d'épinette noire\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eReconnue pour ses propriétés \u003cstrong\u003estimulantes et revitalisantes\u003c\/strong\u003e, l'épinette noire en huile essentielle est particulièrement appréciée pour :\u003c\/p\u003e\n\u003cdiv class=\"en-grid\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e⚡ Lutter contre la fatigue\u003c\/h3\u003e\n\u003cp\u003eSon action tonifiante en fait un soutien idéal en cas de grande lassitude ou de convalescence. Appliquée en regard des \u003cstrong\u003esurrénales\u003c\/strong\u003e (bas du dos), elle aide à relancer l'énergie de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌬️ Purifier les voies respiratoires\u003c\/h3\u003e\n\u003cp\u003eGrâce à ses propriétés antiseptiques et expectorantes, elle contribue à dégager les bronches et à assainir la sphère ORL.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🏠 Assainir l'air ambiant\u003c\/h3\u003e\n\u003cp\u003eEn diffusion, elle purifie l'atmosphère tout en diffusant une note boisée, fraîche et réconfortante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e💆 Apaiser les inconforts articulaires et musculaires\u003c\/h3\u003e\n\u003cp\u003eDiluée dans une huile végétale, elle peut s'appliquer en massage sur les zones sensibles pour un soulagement ciblé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eComposition et profil biochimique\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eCette huile essentielle chémotypée répond aux exigences \u003cstrong\u003eHEBBD\u003c\/strong\u003e (Huile Essentielle Botaniquement et Biochimiquement Définie).\u003c\/p\u003e\n\u003cdiv class=\"en-grid-compact\"\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🧪 Alpha-pinène \u0026amp; camphène\u003c\/h3\u003e\n\u003cp\u003eMonoterpènes aux propriétés assainissantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🌿 Acétate de bornyle\u003c\/h3\u003e\n\u003cp\u003eEster apaisant et équilibrant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e🔬 Delta-3-carène \u0026amp; pinène B\u003c\/h3\u003e\n\u003cp\u003eComposés aromatiques caractéristiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-card\"\u003e\n\u003ch3\u003e✨ Traces\u003c\/h3\u003e\n\u003cp\u003eLimonène, linalol, citronellol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-tip\"\u003e\n\u003cspan class=\"en-tip-icon\"\u003e🍃\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePartie distillée :\u003c\/strong\u003e aiguilles, par distillation à la vapeur d'eau. \u003cstrong\u003eContenance :\u003c\/strong\u003e flacon de 5 ml avec compte-gouttes intégré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eUtilisation de l'huile essentielle d'épinette noire\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eVoici les principaux modes d'emploi pour profiter pleinement de ses bienfaits :\u003c\/p\u003e\n\u003cdiv class=\"en-timeline\"\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003e🤲 En massage (voie cutanée)\u003c\/h3\u003e\n\u003cp\u003eDiluez l'huile essentielle à environ \u003cstrong\u003e20 % dans une huile végétale\u003c\/strong\u003e (jojoba, amande douce…). Appliquez sur le bas du dos au niveau des surrénales, les bronches, la gorge ou les articulations. Pour le visage, réduisez la dilution entre 0,5 % et 1 %.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003e🌫️ En diffusion atmosphérique\u003c\/h3\u003e\n\u003cp\u003eSeule ou en synergie avec d'autres huiles essentielles, pour purifier et rafraîchir votre intérieur avec une note boisée enveloppante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003e👃 En inhalation\u003c\/h3\u003e\n\u003cp\u003eDéposez quelques gouttes sur un mouchoir et respirez profondément en cas de nez encombré pour un effet libérateur immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-item\"\u003e\n\u003cdiv class=\"en-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"en-timeline-content\"\u003e\n\u003ch3\u003e💇 Pour les cheveux\u003c\/h3\u003e\n\u003cp\u003eAjoutez 1 à 2 gouttes dans une noisette de shampooing neutre pour tonifier le cuir chevelu et apporter de la vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"en-section\"\u003e\n\u003ch2\u003eContre-indications et précautions d'emploi\u003c\/h2\u003e\n\u003cp class=\"en-section-intro\"\u003eAvant toute utilisation, il est essentiel de connaître les \u003cstrong\u003econtre-indications de l'huile essentielle d'épinette noire\u003c\/strong\u003e :\u003c\/p\u003e\n\u003cdiv class=\"en-accordion\"\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e🚫 Personnes concernées par l'interdiction\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eInterdite\u003c\/strong\u003e aux femmes enceintes ou allaitantes et aux enfants de moins de 7 ans. \u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux personnes ayant des antécédents de convulsions ou une allergie aux huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e✋ Test cutané obligatoire\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eRéalisez un \u003cstrong\u003etest cutané\u003c\/strong\u003e dans le pli du coude 48 heures avant la première utilisation pour vérifier l'absence de réaction allergique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"en-accordion-item\"\u003e\n\u003csummary class=\"en-accordion-header\"\u003e⚠️ Précautions générales\u003c\/summary\u003e\n\u003cdiv class=\"en-accordion-content mt-3\"\u003e\n\u003cp\u003eTenez hors de portée des enfants. Ne remplace pas un avis ou un traitement médical. Consultez 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\n\u003csection class=\"en-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"en-cta-box\"\u003e\n\u003cp\u003eFondée en Provence, la maison \u003cstrong\u003eFlorame\u003c\/strong\u003e bénéficie de plus de 20 ans de savoir-faire en aromathérapie biologique. Chaque huile essentielle est \u003cstrong\u003ecertifiée AB par Ecocert\u003c\/strong\u003e (FR-BIO-01) et rigoureusement contrôlée pour garantir pureté, traçabilité et efficacité. Un gage de confiance pour intégrer sereinement l'aromathérapie dans votre quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"en-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. En cas de doute, consultez un professionnel de santé qualifié.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --en-cream: #f7f5f0;\n --en-white: #ffffff;\n --en-primary: #e8831a;\n --en-primary-dark: #2d5016;\n --en-primary-light: #eef4e8;\n --en-secondary: #5a8a2e;\n --en-accent: #c96e0a;\n --en-text: #1a1a1a;\n --en-text-light: #5a5a5a;\n --en-border: #e0e0e0;\n --en-shadow: 0 4px 24px rgba(0,0,0,.08);\n --en-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --en-radius: 20px;\n --en-radius-sm: 12px;\n}\n\n.en-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--en-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.en-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5016 0%, #3a6b1e 40%, #1b3a0d 100%);\n border-radius: var(--en-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(--en-shadow-lg);\n}\n\n.en-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,131,26,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(90,138,46,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.en-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.en-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.en-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: .5px;\n}\n\n.en-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.en-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.en-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(--en-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.en-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.en-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.en-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--en-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.en-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(--en-primary), var(--en-secondary));\n border-radius: 2px;\n}\n\n.en-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-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.en-card {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--en-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.en-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--en-shadow-lg);\n border-color: var(--en-primary);\n}\n\n.en-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--en-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.en-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.en-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.en-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.en-grid-compact .en-card {\n padding: 1rem;\n}\n\n.en-grid-compact .en-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.en-grid-compact .en-card p {\n font-size: 12px;\n}\n\n.en-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.en-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.en-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--en-primary), var(--en-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.en-timeline-content {\n flex: 1;\n background: var(--en-white);\n padding: 1rem 1.25rem;\n border-radius: var(--en-radius-sm);\n box-shadow: var(--en-shadow);\n}\n\n.en-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--en-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.en-timeline-content p {\n font-size: 14px;\n color: var(--en-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.en-testimonial {\n background: var(--en-white);\n border-radius: var(--en-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--en-shadow);\n border-left: 4px solid var(--en-primary);\n}\n\n.en-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--en-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.en-accordion {\n background: var(--en-white);\n border-radius: var(--en-radius);\n box-shadow: var(--en-shadow);\n overflow: hidden;\n}\n\n.en-accordion-item {\n border-bottom: 1px solid var(--en-border);\n margin: 0;\n padding: 0;\n}\n\n.en-accordion-item:last-child {\n border-bottom: none;\n}\n\n.en-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--en-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.en-accordion-header:hover {\n background: var(--en-primary-light);\n}\n\n.en-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.en-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--en-primary);\n transition: transform .2s ease;\n}\n\n.en-accordion-item[open] .en-accordion-header::after {\n content: '−';\n}\n\n.en-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--en-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.en-accordion-content p {\n margin: 0;\n}\n\n.en-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--en-primary-light);\n border-radius: var(--en-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.en-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.en-tip p {\n font-size: 14px;\n color: var(--en-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.en-cta-box {\n background: linear-gradient(135deg, var(--en-secondary) 0%, var(--en-primary-dark) 100%);\n border-radius: var(--en-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.en-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.en-disclaimer {\n font-size: 12px;\n color: var(--en-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .en-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .en-card {\n padding: 1.125rem;\n }\n\n .en-section {\n margin-bottom: 1.75rem;\n }\n\n .en-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--en-radius-sm);\n }\n\n .en-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .en-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .en-grid-compact {\n gap: .625rem;\n }\n\n .en-grid-compact .en-card {\n padding: .75rem;\n }\n\n .en-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .en-timeline-content {\n padding: .875rem 1rem;\n }\n\n .en-timeline-content h3 {\n font-size: 14px;\n }\n\n .en-timeline-content p {\n font-size: 13px;\n }\n\n .en-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .en-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .en-testimonial {\n padding: 1.25rem;\n }\n\n .en-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .en-card {\n animation: enFadeInUp .5s ease backwards;\n }\n .en-card:nth-child(1) { animation-delay: .05s; }\n .en-card:nth-child(2) { animation-delay: .1s; }\n .en-card:nth-child(3) { animation-delay: .15s; }\n .en-card:nth-child(4) { animation-delay: .2s; }\n .en-card:nth-child(5) { animation-delay: .25s; }\n .en-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes enFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .en-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":56953889325433,"sku":"FM0035","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-depinette-noire-bio-5-ml-florame-lifestyle.webp?v=1775117851"},{"product_id":"huile-essentielle-eucalyptus-citriodora-bio-10-ml-florame","title":"Huile Essentielle d’Eucalyptus Citriodora Bio - 10 ml - Florame","description":"\u003cdiv class=\"ec-premium\"\u003e\n\n \u003cdiv class=\"ec-hero\"\u003e\n \u003cdiv class=\"ec-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ec-hero-content\"\u003e\n \u003cdiv class=\"ec-badges-top\"\u003e\n \u003cspan class=\"ec-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🇫🇷 Florame - Provence\u003c\/span\u003e\n \u003cspan class=\"ec-badge\"\u003e🍋 Notes citronnées\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ec-hero-title\"\u003eHuile Essentielle d'Eucalyptus Citriodora Bio\u003c\/span\u003e\n \u003cp class=\"ec-subtitle\"\u003e10 ml · Florame · Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003cp class=\"ec-description\"\u003eLa puissance aromatique de l'eucalyptus citronné bio, aux notes fraîches et citronnées, pour l'apaisement et la détente au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eHuile essentielle d'Eucalyptus Citriodora Bio Florame - Apaisement et notes citronnées\u003c\/h2\u003e\n \u003cp class=\"ec-section-intro\"\u003eDécouvrez l'\u003cstrong\u003ehuile essentielle d'eucalyptus citronné bio\u003c\/strong\u003e signée Florame, une référence française en aromathérapie depuis Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003cdiv class=\"ec-grid-compact\"\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🌱 Origine naturelle\u003c\/h3\u003e\n \u003cp\u003eFeuilles d'\u003cem\u003eEucalyptus citriodora\u003c\/em\u003e récoltées à Madagascar et au Brésil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🏅 Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01, sans pesticides ni substances de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🧴 Flacon protecteur\u003c\/h3\u003e\n \u003cp\u003e10 ml en verre ambré pour une conservation optimale des principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🔬 Chémotypée\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et constance garanties grâce à l'analyse du chémotype\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eQu'est-ce qui distingue l'eucalyptus citronné des autres eucalyptus ?\u003c\/h2\u003e\n \u003cdiv class=\"ec-testimonial\"\u003e\n \u003cp class=\"ec-testimonial-text\"\u003eQuand on parle d'huile essentielle d'eucalyptus, on pense souvent à l'eucalyptus radié ou à l'eucalyptus globulus, traditionnellement associés au confort respiratoire. L'eucalyptus citriodora est pourtant bien différent : son profil biochimique est dominé par le \u003cstrong\u003ecitronellal\u003c\/strong\u003e et l'\u003cstrong\u003eisopulégol\u003c\/strong\u003e, ce qui lui confère des propriétés orientées vers l'\u003cstrong\u003eapaisement et la détente\u003c\/strong\u003e plutôt que vers la sphère ORL.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-tip\"\u003e\n \u003cspan class=\"ec-tip-icon\"\u003e🍋\u003c\/span\u003e\n \u003cp\u003eC'est cette richesse en citronellal qui lui donne son parfum caractéristique, à la fois frais et citronné, très apprécié en \u003cstrong\u003eparfumerie naturelle\u003c\/strong\u003e et en diffusion d'ambiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle d'eucalyptus citronné\u003c\/h2\u003e\n \u003cdiv class=\"ec-grid\"\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e😌 Apaisement et détente\u003c\/h3\u003e\n \u003cp\u003eIdéale après une journée stressante ou pour créer une atmosphère sereine chez vous. Favorise le lâcher-prise et la relaxation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🍃 Notes citronnées agréables\u003c\/h3\u003e\n \u003cp\u003eEn diffusion ou en parfumerie, elle apporte une touche de fraîcheur naturelle incomparable à votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🔬 Chémotype identifié\u003c\/h3\u003e\n \u003cp\u003eCitronellal et isopulégol : une traçabilité et une constance irréprochables dans la qualité, lot après lot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eComposition et chémotype\u003c\/h2\u003e\n \u003cdiv class=\"ec-grid-compact\"\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🧪 Ingrédient\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle d'Eucalyptus citriodora biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🌿 Espèce botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEucalyptus citriodora\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🍂 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronellal, Isopulégol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMadagascar \/ Brésil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e10 ml (0.34 fl.oz)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle d'eucalyptus citronné ?\u003c\/h2\u003e\n \u003cdiv class=\"ec-timeline\"\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 3 gouttes par jour\u003c\/strong\u003e (soit 45 à 135 mg) en tant que complément alimentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003eDilution\u003c\/h3\u003e\n \u003cp\u003eDiluez dans une \u003cstrong\u003ecuillerée à café d'huile végétale\u003c\/strong\u003e (olive, tournesol…) avant ingestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003eNe dépassez pas \u003cstrong\u003e4 à 5 jours\u003c\/strong\u003e d'utilisation consécutifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-item\"\u003e\n \u003cdiv class=\"ec-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ec-timeline-content\"\u003e\n \u003ch3\u003eDiffusion\u003c\/h3\u003e\n \u003cp\u003eVous pouvez également l'utiliser en \u003cstrong\u003ediffusion atmosphérique\u003c\/strong\u003e pour profiter de son parfum citronné apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et dangers éventuels\u003c\/h2\u003e\n \u003cp class=\"ec-section-intro\"\u003eComme toute huile essentielle, l'eucalyptus citronné requiert un usage raisonné.\u003c\/p\u003e\n \u003cdiv class=\"ec-accordion\"\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e👤 Usage réservé à l'adulte\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle est réservée aux adultes. Ne pas utiliser chez les enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée (1 à 3 gouttes\/jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ec-accordion-item\"\u003e\n \u003csummary class=\"ec-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"ec-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace pas un traitement médical ni une alimentation variée et équilibrée. En cas de doute, consultez votre médecin ou un aromathérapeute qualifié avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ec-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"ec-cta-box\"\u003e\n \u003cp\u003eFlorame est une maison provençale pionnière de l'aromathérapie biologique en France. Chaque huile essentielle Florame est \u003cstrong\u003echémotypée, certifiée bio et rigoureusement contrôlée\u003c\/strong\u003e pour vous garantir un produit authentique et traçable. En choisissant cette huile essentielle d'eucalyptus citriodora, vous optez pour un \u003cstrong\u003esavoir-faire reconnu\u003c\/strong\u003e et un engagement sincère envers la qualité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ec-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé. Complément alimentaire - Ne pas dépasser la dose journalière conseillée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ec-cream: #f6f8f2;\n --ec-white: #ffffff;\n --ec-primary: #5a8a3c;\n --ec-primary-dark: #3b6324;\n --ec-primary-light: #e8f0de;\n --ec-secondary: #c4a933;\n --ec-accent: #7ab648;\n --ec-text: #1a1a1a;\n --ec-text-light: #5a5a5a;\n --ec-border: #dde5d3;\n --ec-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ec-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ec-radius: 20px;\n --ec-radius-sm: 12px;\n}\n\n.ec-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ec-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ec-hero {\n position: relative;\n background: linear-gradient(135deg, #3b6324 0%, #5a8a3c 40%, #7ab648 100%);\n border-radius: var(--ec-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ec-shadow-lg);\n}\n\n.ec-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(196,169,51,.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(122,182,72,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ec-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ec-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ec-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ec-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ec-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ec-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ec-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ec-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ec-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ec-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ec-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ec-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ec-primary), var(--ec-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.ec-card {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ec-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ec-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ec-shadow-lg);\n border-color: var(--ec-primary);\n}\n\n.ec-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ec-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ec-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ec-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ec-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ec-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ec-grid-compact .ec-card {\n padding: 1rem;\n}\n\n.ec-grid-compact .ec-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ec-grid-compact .ec-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ec-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ec-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ec-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ec-primary), var(--ec-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ec-timeline-content {\n flex: 1;\n background: var(--ec-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ec-radius-sm);\n box-shadow: var(--ec-shadow);\n}\n\n.ec-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ec-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ec-timeline-content p {\n font-size: 14px;\n color: var(--ec-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ec-testimonial {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ec-shadow);\n border-left: 4px solid var(--ec-primary);\n}\n\n.ec-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ec-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ec-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ec-primary-light);\n border-radius: var(--ec-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ec-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ec-tip p {\n font-size: 14px;\n color: var(--ec-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ec-accordion {\n background: var(--ec-white);\n border-radius: var(--ec-radius);\n box-shadow: var(--ec-shadow);\n overflow: hidden;\n}\n\n.ec-accordion-item {\n border-bottom: 1px solid var(--ec-border);\n margin: 0;\n padding: 0;\n}\n\n.ec-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ec-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ec-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.ec-accordion-header:hover {\n background: var(--ec-primary-light);\n}\n\n.ec-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ec-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ec-primary);\n transition: transform .2s ease;\n}\n\n.ec-accordion-item[open] .ec-accordion-header::after {\n content: '−';\n}\n\n.ec-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ec-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ec-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ec-cta-box {\n background: linear-gradient(135deg, var(--ec-primary) 0%, var(--ec-primary-dark) 100%);\n border-radius: var(--ec-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ec-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 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 === *\/\n.ec-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ec-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === DISCLAIMER === *\/\n.ec-disclaimer {\n font-size: 12px;\n color: var(--ec-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ec-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ec-card {\n padding: 1.125rem;\n }\n\n .ec-section {\n margin-bottom: 1.75rem;\n }\n\n .ec-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ec-radius-sm);\n }\n\n .ec-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ec-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ec-grid-compact {\n gap: .625rem;\n }\n\n .ec-grid-compact .ec-card {\n padding: .75rem;\n }\n\n .ec-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ec-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ec-timeline-content h3 {\n font-size: 14px;\n }\n\n .ec-timeline-content p {\n font-size: 13px;\n }\n\n .ec-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ec-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ec-testimonial {\n padding: 1.25rem;\n }\n\n .ec-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ec-card {\n animation: ecFadeInUp .5s ease backwards;\n }\n .ec-card:nth-child(1) { animation-delay: .05s; }\n .ec-card:nth-child(2) { animation-delay: .1s; }\n .ec-card:nth-child(3) { animation-delay: .15s; }\n .ec-card:nth-child(4) { animation-delay: .2s; }\n .ec-card:nth-child(5) { animation-delay: .25s; }\n .ec-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ecFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ec-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56959366431097,"sku":"FM0040","price":7.1,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-deucalyptus-citriodora-bio-10-ml-florame-lifestyle.webp?v=1775200747"},{"product_id":"huile-essentielle-eucalyptus-radiata-bio-10-ml-florame","title":"Huile Essentielle Eucalyptus Radiata Bio - 10 ml - Florame","description":"\u003cdiv class=\"er-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"er-hero\"\u003e\n\u003cdiv class=\"er-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"er-hero-content\"\u003e\n\u003cdiv class=\"er-badges-top\"\u003e\n\u003cspan class=\"er-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e \u003cspan class=\"er-badge\"\u003e💧 100 % pure et naturelle\u003c\/span\u003e \u003cspan class=\"er-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e \u003cspan class=\"er-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"er-hero-title\"\u003eHuile Essentielle Eucalyptus Radiata Bio\u003c\/span\u003e\n\u003cp class=\"er-subtitle\"\u003e10 ml · Florame\u003c\/p\u003e\n\u003cp class=\"er-description\"\u003eFraîcheur et pureté au quotidien grâce à l'aromathérapie biologique. Une huile essentielle douce, polyvalente et parfaitement tolérée, idéale pour débuter en aromathérapie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eHuile essentielle d'Eucalyptus radié bio Florame : fraîcheur et pureté au quotidien\u003c\/h2\u003e\n\u003cp class=\"er-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle d'eucalyptus\u003c\/strong\u003e douce, polyvalente et certifiée biologique ?\u003c\/p\u003e\n\u003cdiv class=\"er-highlight-box\"\u003e\n\u003cp\u003eL'huile essentielle d'\u003cstrong\u003eEucalyptus radiata bio\u003c\/strong\u003e de Florame est un incontournable de l'aromathérapie. Distillée à partir des feuilles d'eucalyptus radié originaire d'Australie et d'Afrique du Sud, elle se distingue par son parfum frais et délicat, \u003cstrong\u003emoins agressif que d'autres variétés\u003c\/strong\u003e comme l'huile essentielle d'eucalyptus globulus. Un choix idéal pour celles et ceux qui découvrent le monde des huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'huile essentielle d'Eucalyptus radié\u003c\/h2\u003e\n\u003cp class=\"er-section-intro\"\u003eL'\u003cstrong\u003eeucalyptus radié en huile essentielle\u003c\/strong\u003e est traditionnellement apprécié pour ses multiples vertus. Voici ce qui rend cette référence Florame si prisée :\u003c\/p\u003e\n\u003cdiv class=\"er-grid\"\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🌬️ Propriétés assainissantes et purifiantes\u003c\/h3\u003e\n\u003cp\u003eEn diffusion, elle purifie l'atmosphère de votre intérieur et crée une ambiance fraîche et agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🫁 Clarté respiratoire\u003c\/h3\u003e\n\u003cp\u003eElle favorise le confort respiratoire, particulièrement appréciable lors des changements de saison ou en période hivernale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e⚡ Vertus tonifiantes\u003c\/h3\u003e\n\u003cp\u003eSon parfum vivifiant aide à retrouver de l'énergie lors des périodes de fatigue passagère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e💆 Usage cosmétique\u003c\/h3\u003e\n\u003cp\u003eElle possède des propriétés antipelliculaires intéressantes lorsqu'elle est intégrée à votre routine capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eComment utiliser cette huile essentielle d'eucalyptus ?\u003c\/h2\u003e\n\u003cp class=\"er-section-intro\"\u003eCette \u003cstrong\u003ehuile essentielle d'eucalyptus\u003c\/strong\u003e Florame s'utilise de plusieurs façons selon vos besoins :\u003c\/p\u003e\n\u003cdiv class=\"er-timeline\"\u003e\n\u003cdiv class=\"er-timeline-item\"\u003e\n\u003cdiv class=\"er-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-content\"\u003e\n\u003ch3\u003e🌿 En diffusion\u003c\/h3\u003e\n\u003cp\u003eAjoutez quelques gouttes dans votre diffuseur pour assainir et parfumer votre intérieur d'une note fraîche et boisée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-item\"\u003e\n\u003cdiv class=\"er-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-content\"\u003e\n\u003ch3\u003e💨 En inhalation\u003c\/h3\u003e\n\u003cp\u003eVersez quelques gouttes dans un bol d'eau chaude et respirez les vapeurs pour profiter de ses bienfaits sur la sphère respiratoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-item\"\u003e\n\u003cdiv class=\"er-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"er-timeline-content\"\u003e\n\u003ch3\u003e🧴 En soin capillaire antipelliculaire\u003c\/h3\u003e\n\u003cp\u003eDéposez \u003cstrong\u003e1 à 2 gouttes\u003c\/strong\u003e dans une noisette de shampoing neutre, appliquez sur cheveux mouillés, massez délicatement le cuir chevelu puis rincez abondamment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"er-grid-compact\"\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🌱 100 % pure et naturelle\u003c\/h3\u003e\n\u003cp\u003eIssue de l'agriculture biologique certifiée Ecocert (FR-BIO-01)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e🧬 Eucalyptus radiata\u003c\/h3\u003e\n\u003cp\u003eExclusivement de l'huile essentielle d'Eucalyptus radiata\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e⚗️ Traces potentielles\u003c\/h3\u003e\n\u003cp\u003eLimonène, linalol, citral, géraniol\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"er-card\"\u003e\n\u003ch3\u003e💧 Flacon 10 ml\u003c\/h3\u003e\n\u003cp\u003eCompte-gouttes pour un dosage précis et une conservation optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"er-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et danger de l'huile essentielle d'eucalyptus\u003c\/h2\u003e\n\u003cdiv class=\"er-accordion\"\u003e\n\u003cdetails class=\"er-accordion-item\"\u003e\n\u003csummary class=\"er-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"er-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux femmes enceintes ou allaitantes.\u003cbr\u003e\u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez les enfants de moins de 7 ans.\u003cbr\u003eÉvitez en cas d'antécédents de convulsions ou d'allergie aux huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"er-accordion-item\"\u003e\n\u003csummary class=\"er-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n\u003cdiv class=\"er-accordion-content mt-3\"\u003e\n\u003cp\u003eTenez toujours hors de portée des enfants.\u003cbr\u003eNe pas appliquer pure sur la peau sans l'avis d'un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"er-accordion-item\"\u003e\n\u003csummary class=\"er-accordion-header\"\u003e👨⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"er-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de doute sur un éventuel \u003cstrong\u003edanger lié à l'huile essentielle d'eucalyptus\u003c\/strong\u003e, n'hésitez pas à consulter votre médecin ou pharmacien avant utilisation. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"er-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"er-cta-box\"\u003e\n\u003cp\u003eBasée à Saint-Rémy-de-Provence, \u003cstrong\u003eFlorame\u003c\/strong\u003e est une marque pionnière de l'aromathérapie biologique en France. Chaque huile essentielle est rigoureusement \u003cstrong\u003echémotypée\u003c\/strong\u003e, garantissant une traçabilité et une qualité irréprochables. En choisissant cette \u003cstrong\u003ehuile essentielle d'eucalyptus bio\u003c\/strong\u003e, vous optez pour un produit respectueux de votre bien-être et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"er-disclaimer\"\u003eLes huiles essentielles ne sont pas des médicaments. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --er-cream: #f5f7f2;\n --er-white: #ffffff;\n --er-primary: #5a8c3c;\n --er-primary-dark: #3a5e25;\n --er-primary-light: #e8f0e0;\n --er-secondary: #7ab648;\n --er-accent: #a4c639;\n --er-text: #1a1a1a;\n --er-text-light: #5a5a5a;\n --er-border: #dce5d4;\n --er-shadow: 0 4px 24px rgba(0,0,0,.08);\n --er-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --er-radius: 20px;\n --er-radius-sm: 12px;\n}\n\n.er-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--er-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.er-hero {\n position: relative;\n background: linear-gradient(135deg, #3a5e25 0%, #5a8c3c 45%, #7ab648 100%);\n border-radius: var(--er-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(--er-shadow-lg);\n}\n\n.er-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.er-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.er-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.er-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.er-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.er-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.er-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(--er-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.er-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.er-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.er-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--er-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.er-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(--er-primary), var(--er-secondary));\n border-radius: 2px;\n}\n\n.er-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--er-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.er-highlight-box {\n background: var(--er-white);\n border-radius: var(--er-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--er-shadow);\n border-left: 4px solid var(--er-primary);\n}\n\n.er-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--er-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.er-card {\n background: var(--er-white);\n border-radius: var(--er-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--er-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.er-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--er-shadow-lg);\n border-color: var(--er-primary);\n}\n\n.er-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--er-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.er-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--er-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.er-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.er-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.er-grid-compact .er-card {\n padding: 1rem;\n}\n\n.er-grid-compact .er-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.er-grid-compact .er-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.er-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.er-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.er-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--er-primary), var(--er-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.er-timeline-content {\n flex: 1;\n background: var(--er-white);\n padding: 1rem 1.25rem;\n border-radius: var(--er-radius-sm);\n box-shadow: var(--er-shadow);\n}\n\n.er-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--er-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.er-timeline-content p {\n font-size: 14px;\n color: var(--er-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.er-testimonial {\n background: var(--er-white);\n border-radius: var(--er-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--er-shadow);\n border-left: 4px solid var(--er-primary);\n}\n\n.er-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--er-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.er-accordion {\n background: var(--er-white);\n border-radius: var(--er-radius);\n box-shadow: var(--er-shadow);\n overflow: hidden;\n}\n\n.er-accordion-item {\n border-bottom: 1px solid var(--er-border);\n margin: 0;\n padding: 0;\n}\n\n.er-accordion-item:last-child {\n border-bottom: none;\n}\n\n.er-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--er-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.er-accordion-header:hover {\n background: var(--er-primary-light);\n}\n\n.er-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.er-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--er-primary);\n transition: transform .2s ease;\n}\n\n.er-accordion-item[open] .er-accordion-header::after {\n content: '−';\n}\n\n.er-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--er-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.er-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.er-cta-box {\n background: linear-gradient(135deg, var(--er-primary) 0%, var(--er-primary-dark) 100%);\n border-radius: var(--er-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.er-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.er-disclaimer {\n font-size: 12px;\n color: var(--er-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 .er-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .er-card {\n padding: 1.125rem;\n }\n\n .er-section {\n margin-bottom: 1.75rem;\n }\n\n .er-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--er-radius-sm);\n }\n\n .er-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .er-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .er-grid-compact {\n gap: .625rem;\n }\n\n .er-grid-compact .er-card {\n padding: .75rem;\n }\n\n .er-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .er-timeline-content {\n padding: .875rem 1rem;\n }\n\n .er-timeline-content h3 {\n font-size: 14px;\n }\n\n .er-timeline-content p {\n font-size: 13px;\n }\n\n .er-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .er-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .er-testimonial {\n padding: 1.25rem;\n }\n\n .er-testimonial-text {\n font-size: 14px;\n }\n\n .er-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .er-card {\n animation: erFadeInUp .5s ease backwards;\n }\n .er-card:nth-child(1) { animation-delay: .05s; }\n .er-card:nth-child(2) { animation-delay: .1s; }\n .er-card:nth-child(3) { animation-delay: .15s; }\n .er-card:nth-child(4) { animation-delay: .2s; }\n .er-card:nth-child(5) { animation-delay: .25s; }\n .er-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes erFadeInUp {\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 .er-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":56959489409401,"sku":"FM0050","price":8.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-eucalyptus-radiata-bio-10-ml-florame-lifestyle.webp?v=1775202249"},{"product_id":"huile-essentielle-de-gaultherie-couchee-bio-10-ml-florame","title":"Huile Essentielle de Gaulthérie couchée Bio -10 ml - Florame","description":"\u003cdiv class=\"gc-premium\"\u003e\n\n \u003cdiv class=\"gc-hero\"\u003e\n \u003cdiv class=\"gc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gc-hero-content\"\u003e\n \u003cdiv class=\"gc-badges-top\"\u003e\n \u003cspan class=\"gc-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🧪 Chémotypée\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🇫🇷 Florame - Provence\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e💧 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gc-hero-title\"\u003eHuile essentielle de Gaulthérie couchée Bio\u003c\/span\u003e\n \u003cp class=\"gc-subtitle\"\u003eGaultheria procumbens - Wintergreen\u003c\/p\u003e\n \u003cp class=\"gc-description\"\u003eLa puissance du salicylate de méthyle au service de votre confort articulaire et musculaire. Pure, biologique et distillée à la vapeur d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eHuile essentielle de Gaulthérie couchée Bio Florame : l'alliée naturelle du confort articulaire et musculaire\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ehuile essentielle de gaulthérie couchée\u003c\/strong\u003e fiable, pure et certifiée biologique ? Florame, maison provençale experte en aromathérapie bio, vous propose cette huile essentielle chémotypée issue des feuilles de \u003cem\u003eGaultheria procumbens\u003c\/em\u003e, distillées à la vapeur d'eau. Un flacon de \u003cstrong\u003e10 ml\u003c\/strong\u003e concentré en actifs naturels, pour accompagner votre bien-être au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de Gaulthérie couchée\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eLa \u003cstrong\u003egaulthérie huile essentielle\u003c\/strong\u003e est particulièrement prisée en aromathérapie pour sa richesse exceptionnelle en \u003cstrong\u003esalicylate de méthyle\u003c\/strong\u003e, son composé principal. Ce constituant naturel lui confère des propriétés traditionnellement reconnues :\u003c\/p\u003e\n \u003cdiv class=\"gc-grid\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e💆 Apaiser les muscles\u003c\/h3\u003e\n \u003cp\u003eSoulage les inconforts musculaires après l'effort physique, idéale pour les sportifs et les actifs au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🦴 Calmer les articulations\u003c\/h3\u003e\n \u003cp\u003eApaise les sensations de tension au niveau des articulations, pour retrouver souplesse et mobilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🎯 Soulager localement\u003c\/h3\u003e\n \u003cp\u003eApplication locale diluée sur les zones sensibles pour un confort ciblé et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-tip\"\u003e\n \u003cspan class=\"gc-tip-icon\"\u003e🏃\u003c\/span\u003e\n \u003cp\u003eQue vous soyez sportif régulier, randonneur du dimanche ou simplement sujet à des raideurs saisonnières, les \u003cstrong\u003ebienfaits de l'huile essentielle de gaulthérie\u003c\/strong\u003e en font un incontournable de la trousse d'aromathérapie naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eSa \u003cstrong\u003esenteur profonde et intense\u003c\/strong\u003e, caractéristique de la gaulthérie, est immédiatement reconnaissable et témoigne de la qualité de la distillation.\u003c\/p\u003e\n \u003cdiv class=\"gc-grid-compact\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eGaultheria procumbens\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌿 Famille botanique\u003c\/h3\u003e\n \u003cp\u003eÉricacées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🍃 Partie distillée\u003c\/h3\u003e\n \u003cp\u003eFeuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e💧 Extraction\u003c\/h3\u003e\n \u003cp\u003eDistillation à la vapeur d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🧬 Profil biochimique\u003c\/h3\u003e\n \u003cp\u003eSalicylate de méthyle (majoritaire)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🧪 Contient également\u003c\/h3\u003e\n \u003cp\u003eL-Limonène, α-Pinène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌏 Origine\u003c\/h3\u003e\n \u003cp\u003eAsie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (FR-BIO-01)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eUtilisation de l'huile essentielle de Gaulthérie : mode d'emploi\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003ePour une \u003cstrong\u003eutilisation de la gaulthérie huile essentielle\u003c\/strong\u003e en toute sécurité, suivez ces recommandations essentielles :\u003c\/p\u003e\n \u003cdiv class=\"gc-timeline\"\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eDiluer dans une huile végétale\u003c\/h3\u003e\n \u003cp\u003eMélangez 3 à 5 gouttes d'huile essentielle de gaulthérie dans une cuillère à café d'huile végétale (arnica, macadamia ou amande douce).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eAppliquer en massage local\u003c\/h3\u003e\n \u003cp\u003eMassez la zone concernée en mouvements circulaires doux. Voie cutanée uniquement, toujours à faible pourcentage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eNe jamais appliquer pure\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la toujours en mélange avec d'autres huiles essentielles ou une huile végétale. Ne pas diffuser en présence d'enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et effets secondaires\u003c\/h2\u003e\n \u003cdiv class=\"gc-accordion\"\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e⚠️ Risque de réaction allergique\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003ePeut provoquer une \u003cstrong\u003eréaction allergique\u003c\/strong\u003e cutanée. Réalisez toujours un test au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🚫 Personnes déconseillées\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux femmes enceintes, allaitantes, aux enfants et aux personnes allergiques à l'aspirine (en raison du salicylate de méthyle). Se reporter à la notice du produit pour les mentions de danger et conseils de prudence complets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eGardez votre flacon à l'abri de la chaleur et de la lumière, et hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"gc-cta-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eFlorame\u003c\/strong\u003e est une marque provençale spécialiste des cosmétiques et de l'aromathérapie bio depuis plus de 30 ans. Chaque huile essentielle est rigoureusement sélectionnée, chémotypée et certifiée bio, garantissant une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gc-disclaimer\"\u003eCe produit ne se substitue pas à un traitement médical. En cas de doute, consultez un professionnel de santé ou un aromathérapeute qualifié avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gc-cream: #f7f5f0;\n --gc-white: #ffffff;\n --gc-primary: #e88b2a;\n --gc-primary-dark: #7a4a10;\n --gc-primary-light: #fdf3e7;\n --gc-secondary: #4a8c3f;\n --gc-accent: #d4a843;\n --gc-text: #1a1a1a;\n --gc-text-light: #5a5a5a;\n --gc-border: #e0ddd6;\n --gc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gc-radius: 20px;\n --gc-radius-sm: 12px;\n}\n\n.gc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gc-hero {\n position: relative;\n background: linear-gradient(135deg, #7a4a10 0%, #c47520 40%, #4a8c3f 100%);\n border-radius: var(--gc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gc-shadow-lg);\n}\n\n.gc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-style: italic;\n margin: 0 0 1.25rem 0;\n font-weight: 400;\n letter-spacing: .02em;\n}\n\n.gc-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.gc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gc-primary), var(--gc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-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.gc-section-intro strong {\n color: var(--gc-text);\n}\n\n\/* === CARDS === *\/\n.gc-card {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gc-shadow-lg);\n border-color: var(--gc-primary);\n}\n\n.gc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gc-grid-compact .gc-card {\n padding: 1rem;\n}\n\n.gc-grid-compact .gc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gc-grid-compact .gc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gc-primary), var(--gc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gc-timeline-content {\n flex: 1;\n background: var(--gc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gc-radius-sm);\n box-shadow: var(--gc-shadow);\n}\n\n.gc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gc-timeline-content p {\n font-size: 14px;\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gc-primary-light);\n border-radius: var(--gc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gc-tip p {\n font-size: 14px;\n color: var(--gc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.gc-tip p strong {\n color: var(--gc-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.gc-testimonial {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gc-shadow);\n border-left: 4px solid var(--gc-primary);\n}\n\n.gc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gc-accordion {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n box-shadow: var(--gc-shadow);\n overflow: hidden;\n}\n\n.gc-accordion-item {\n border-bottom: 1px solid var(--gc-border);\n margin: 0;\n padding: 0;\n}\n\n.gc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gc-accordion-header:hover {\n background: var(--gc-primary-light);\n}\n\n.gc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gc-primary);\n transition: transform .2s ease;\n}\n\n.gc-accordion-item[open] .gc-accordion-header::after {\n content: '−';\n}\n\n.gc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gc-accordion-content p {\n margin: 0;\n}\n\n.gc-accordion-content p strong {\n color: var(--gc-text);\n}\n\n\/* === CTA FINAL === *\/\n.gc-cta-box {\n background: linear-gradient(135deg, var(--gc-primary) 0%, var(--gc-primary-dark) 100%);\n border-radius: var(--gc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gc-disclaimer {\n font-size: 12px;\n color: var(--gc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gc-card {\n padding: 1.125rem;\n }\n\n .gc-section {\n margin-bottom: 1.75rem;\n }\n\n .gc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gc-radius-sm);\n }\n\n .gc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gc-grid-compact {\n gap: .625rem;\n }\n\n .gc-grid-compact .gc-card {\n padding: .75rem;\n }\n\n .gc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gc-timeline-content h3 {\n font-size: 14px;\n }\n\n .gc-timeline-content p {\n font-size: 13px;\n }\n\n .gc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gc-testimonial {\n padding: 1.25rem;\n }\n\n .gc-testimonial-text {\n font-size: 14px;\n }\n\n .gc-tip {\n padding: .875rem 1rem;\n }\n\n .gc-tip-icon {\n font-size: 20px;\n }\n\n .gc-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gc-card {\n animation: gcFadeInUp .5s ease backwards;\n }\n .gc-card:nth-child(1) { animation-delay: .05s; }\n .gc-card:nth-child(2) { animation-delay: .1s; }\n .gc-card:nth-child(3) { animation-delay: .15s; }\n .gc-card:nth-child(4) { animation-delay: .2s; }\n .gc-card:nth-child(5) { animation-delay: .25s; }\n .gc-card:nth-child(6) { animation-delay: .3s; }\n .gc-card:nth-child(7) { animation-delay: .35s; }\n .gc-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes gcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56959683363193,"sku":"FM0055","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-gaultherie-couchee-bio-10-ml-florame-lifestyle.webp?v=1775203294"},{"product_id":"huile-essentielle-de-gaultherie-odorante-bio-10-ml-florame","title":"Huile Essentielle de Gaulthérie odorante Bio -10 ml - Florame","description":"\u003cdiv class=\"go-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"go-hero\"\u003e\n\u003cdiv class=\"go-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"go-hero-content\"\u003e\n\u003cdiv class=\"go-badges-top\"\u003e\n\u003cspan class=\"go-badge\"\u003e🌿 Certifiée AB\u003c\/span\u003e \u003cspan class=\"go-badge\"\u003e🇳🇵 Origine Népal\u003c\/span\u003e \u003cspan class=\"go-badge\"\u003e💧 10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"go-hero-title\"\u003eHuile essentielle de gaulthérie odorante Bio\u003c\/span\u003e\n\u003cp class=\"go-subtitle\"\u003eFlorame - Aromathérapie biologique depuis Saint-Rémy-de-Provence\u003c\/p\u003e\n\u003cp class=\"go-description\"\u003eUn concentré naturel à plus de 95 % de salicylate de méthyle, reconnu pour ses propriétés apaisantes et relaxantes. L'alliée incontournable de votre confort musculaire au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"go-section\"\u003e\n\u003ch2\u003eHuile essentielle de Gaulthérie odorante Bio Florame - L'alliée naturelle de votre confort musculaire\u003c\/h2\u003e\n\u003cp class=\"go-section-intro\"\u003eVous recherchez une huile essentielle de gaulthérie de qualité biologique pour prendre soin de votre corps au quotidien ? Florame vous propose cette gaulthérie odorante (\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e) certifiée AB, distillée à la vapeur d'eau à partir de feuilles récoltées au Népal.\u003c\/p\u003e\n\u003cdiv class=\"go-grid-compact\"\u003e\n\u003cdiv class=\"go-card\"\u003e\n\u003ch3\u003e🏔️ Origine Népal\u003c\/h3\u003e\n\u003cp\u003eFeuilles récoltées dans leur terroir d'origine pour une qualité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card\"\u003e\n\u003ch3\u003e💨 Distillation vapeur\u003c\/h3\u003e\n\u003cp\u003eExtraction douce à la vapeur d'eau préservant tous les actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card\"\u003e\n\u003ch3\u003e🌱 Certifiée AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique contrôlée FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card\"\u003e\n\u003ch3\u003e🧬 Chémotypée\u003c\/h3\u003e\n\u003cp\u003eComposition biochimique vérifiée et traçabilité complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"go-section\"\u003e\n\u003ch2\u003ePourquoi choisir la gaulthérie odorante plutôt que la gaulthérie couchée ?\u003c\/h2\u003e\n\u003cp class=\"go-section-intro\"\u003eOn hésite souvent entre gaulthérie couchée ou odorante. Les deux espèces partagent un profil biochimique similaire, riche en salicylate de méthyle. Voici ce qui les distingue :\u003c\/p\u003e\n\u003cdiv class=\"go-grid\"\u003e\n\u003cdiv class=\"go-card go-card-highlight\"\u003e\n\u003ch3\u003e✅ Gaulthérie odorante\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e - Plus de \u003cstrong\u003e95 % de salicylate de méthyle\u003c\/strong\u003e, une concentration exceptionnelle. Son parfum est légèrement plus doux, agréable en massage dilué. C'est la référence la plus concentrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card\"\u003e\n\u003ch3\u003e🔄 Gaulthérie couchée\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eGaultheria procumbens\u003c\/em\u003e - Profil biochimique similaire mais concentration légèrement inférieure en salicylate de méthyle. Parfum plus marqué et campré. Également efficace mais moins douce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-tip\"\u003e\n\u003cspan class=\"go-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe choix de la gaulthérie odorante vous garantit une concentration maximale en actif principal, tout en offrant une expérience olfactive plus agréable lors de vos massages.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"go-section\"\u003e\n\u003ch2\u003eComposition et profil biochimique\u003c\/h2\u003e\n\u003cdiv class=\"go-accordion\"\u003e\n\u003cdetails class=\"go-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"go-accordion-header\"\u003e🧪 Fiche d'identité botanique\u003c\/summary\u003e\n\u003cdiv class=\"go-accordion-content mt-3\"\u003e\n\u003cdiv class=\"go-composition-list\"\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eNom botanique\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003e\u003cem\u003eGaultheria fragrantissima\u003c\/em\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eFamille\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eÉricacées\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eOrgane distillé\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eFeuilles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eMéthode d'extraction\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eDistillation à la vapeur d'eau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eNépal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eAgriculture biologique (FR-BIO-01)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003e10 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"go-accordion-item\"\u003e\n\u003csummary class=\"go-accordion-header\"\u003e🔬 Profil biochimique\u003c\/summary\u003e\n\u003cdiv class=\"go-accordion-content mt-3\"\u003e\n\u003cdiv class=\"go-composition-list\"\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eComposant principal\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003e\u003cstrong\u003eSalicylate de méthyle (\u0026gt; 95 %)\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-comp-row\"\u003e\n\u003cspan class=\"go-comp-label\"\u003eAutres composants\u003c\/span\u003e \u003cspan class=\"go-comp-value\"\u003eL-Limonène, α-Pinène\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"go-accordion-item\"\u003e\n\u003csummary class=\"go-accordion-header\"\u003e⚠️ Allergènes\u003c\/summary\u003e\n\u003cdiv class=\"go-accordion-content mt-3\"\u003e\n\u003cp\u003eL-Limonène, α-Pinène (peuvent provoquer une réaction allergique).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"go-section\"\u003e\n\u003ch2\u003eUtilisation de l'huile essentielle de gaulthérie : conseils pratiques\u003c\/h2\u003e\n\u003cp class=\"go-section-intro\"\u003eL'huile essentielle de gaulthérie s'utilise exclusivement par \u003cstrong\u003evoie cutanée\u003c\/strong\u003e, toujours diluée. Voici comment procéder pour profiter de ses bienfaits :\u003c\/p\u003e\n\u003cdiv class=\"go-timeline\"\u003e\n\u003cdiv class=\"go-timeline-item\"\u003e\n\u003cdiv class=\"go-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"go-timeline-content\"\u003e\n\u003ch3\u003eDilution\u003c\/h3\u003e\n\u003cp\u003eMélangez entre 1 % et 2 % d'huile essentielle dans une huile végétale de votre choix (arnica, macadamia, amande douce…).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-timeline-item\"\u003e\n\u003cdiv class=\"go-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"go-timeline-content\"\u003e\n\u003ch3\u003eApplication\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement les zones concernées - dos, épaules, jambes, mollets - après un effort physique ou en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-timeline-item\"\u003e\n\u003cdiv class=\"go-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"go-timeline-content\"\u003e\n\u003ch3\u003ePrécaution essentielle\u003c\/h3\u003e\n\u003cp\u003eNe jamais appliquer pure sur la peau, car elle est caustique à l'état pur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-tip\"\u003e\n\u003cspan class=\"go-tip-icon\"\u003e🏃\u003c\/span\u003e\n\u003cp\u003eCette gaulthérie huile essentielle est particulièrement appréciée des sportifs et des personnes actives qui cherchent un soin naturel pour \u003cstrong\u003ecalmer, apaiser et détendre\u003c\/strong\u003e les zones sollicitées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"go-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et effets secondaires potentiels\u003c\/h2\u003e\n\u003cp class=\"go-section-intro\"\u003eComme pour toute huile essentielle puissante, il est essentiel de respecter les précautions suivantes :\u003c\/p\u003e\n\u003cdiv class=\"go-grid\"\u003e\n\u003cdiv class=\"go-card go-card-warning\"\u003e\n\u003ch3\u003e🚫 Interdictions\u003c\/h3\u003e\n\u003cp\u003eRéservée aux adultes uniquement - interdite aux enfants de moins de 7 ans. Interdite aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card go-card-warning\"\u003e\n\u003ch3\u003e⚠️ Contre-indications\u003c\/h3\u003e\n\u003cp\u003eNe pas utiliser chez les personnes ayant des antécédents de convulsions ou d'allergies aux huiles essentielles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card go-card-warning\"\u003e\n\u003ch3\u003e🧪 Test cutané\u003c\/h3\u003e\n\u003cp\u003eEffectuez toujours un test cutané au creux du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-card go-card-warning\"\u003e\n\u003ch3\u003e👨⚕️ Avis médical\u003c\/h3\u003e\n\u003cp\u003eConsultez un professionnel de santé avant toute utilisation à visée thérapeutique ou par voie orale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"go-tip\"\u003e\n\u003cspan class=\"go-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eConservez le flacon \u003cstrong\u003eà l'abri de la chaleur et de la lumière\u003c\/strong\u003e, et toujours \u003cstrong\u003ehors de portée des enfants\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"go-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi faire confiance à Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"go-cta-box\"\u003e\n\u003cp\u003eBasée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e, Florame est une marque pionnière de l'aromathérapie biologique en France. Chaque huile essentielle est \u003cstrong\u003echémotypée\u003c\/strong\u003e, garantissant une traçabilité complète et une composition biochimique vérifiée. Ce flacon de 10 ml vous offre un produit pur, certifié bio, sans ajout ni modification.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"go-disclaimer\"\u003eCe produit ne remplace pas un traitement médical. En cas de doute, consultez votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --go-cream: #f7f5f0;\n --go-white: #ffffff;\n --go-primary: #4a8c3f;\n --go-primary-dark: #2d5a24;\n --go-primary-light: #e8f3e5;\n --go-secondary: #e8912e;\n --go-accent: #d4790a;\n --go-text: #1a1a1a;\n --go-text-light: #5a5a5a;\n --go-border: #e0ddd6;\n --go-shadow: 0 4px 24px rgba(0,0,0,.08);\n --go-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --go-radius: 20px;\n --go-radius-sm: 12px;\n}\n\n.go-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--go-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.go-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a24 0%, #4a8c3f 45%, #e8912e 100%);\n border-radius: var(--go-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(--go-shadow-lg);\n}\n\n.go-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.go-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.go-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.go-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 500;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.go-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.go-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.go-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(--go-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.go-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.go-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.go-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--go-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.go-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(--go-primary), var(--go-secondary));\n border-radius: 2px;\n}\n\n.go-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--go-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.go-card {\n background: var(--go-white);\n border-radius: var(--go-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--go-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.go-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--go-shadow-lg);\n border-color: var(--go-primary);\n}\n\n.go-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--go-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.go-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--go-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.go-card-highlight {\n border-color: var(--go-primary);\n background: var(--go-primary-light);\n}\n\n.go-card-warning {\n border-left: 4px solid var(--go-secondary);\n}\n\n\/* === GRILLES === *\/\n.go-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.go-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.go-grid-compact .go-card {\n padding: 1rem;\n}\n\n.go-grid-compact .go-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.go-grid-compact .go-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.go-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.go-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.go-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--go-primary), var(--go-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.go-timeline-content {\n flex: 1;\n background: var(--go-white);\n padding: 1rem 1.25rem;\n border-radius: var(--go-radius-sm);\n box-shadow: var(--go-shadow);\n}\n\n.go-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--go-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.go-timeline-content p {\n font-size: 14px;\n color: var(--go-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.go-testimonial {\n background: var(--go-white);\n border-radius: var(--go-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--go-shadow);\n border-left: 4px solid var(--go-primary);\n}\n\n.go-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--go-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.go-accordion {\n background: var(--go-white);\n border-radius: var(--go-radius);\n box-shadow: var(--go-shadow);\n overflow: hidden;\n}\n\n.go-accordion-item {\n border-bottom: 1px solid var(--go-border);\n margin: 0;\n padding: 0;\n}\n\n.go-accordion-item:last-child {\n border-bottom: none;\n}\n\n.go-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--go-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.go-accordion-header:hover {\n background: var(--go-primary-light);\n}\n\n.go-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.go-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--go-primary);\n transition: transform .2s ease;\n}\n\n.go-accordion-item[open] .go-accordion-header::after {\n content: '−';\n}\n\n.go-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--go-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.go-accordion-content p {\n margin: 0;\n}\n\n\/* === COMPOSITION LIST === *\/\n.go-composition-list {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.go-comp-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .625rem 0;\n border-bottom: 1px solid var(--go-border);\n gap: 1rem;\n}\n\n.go-comp-row:last-child {\n border-bottom: none;\n}\n\n.go-comp-label {\n font-weight: 700;\n color: var(--go-primary-dark);\n font-size: 13px;\n flex-shrink: 0;\n}\n\n.go-comp-value {\n color: var(--go-text-light);\n font-size: 13px;\n text-align: right;\n}\n\n\/* === TIP BOX === *\/\n.go-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--go-primary-light);\n border-radius: var(--go-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.go-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.go-tip p {\n font-size: 14px;\n color: var(--go-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.go-cta-box {\n background: linear-gradient(135deg, var(--go-primary) 0%, var(--go-primary-dark) 100%);\n border-radius: var(--go-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.go-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.go-disclaimer {\n font-size: 12px;\n color: var(--go-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 .go-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .go-card {\n padding: 1.125rem;\n }\n\n .go-section {\n margin-bottom: 1.75rem;\n }\n\n .go-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--go-radius-sm);\n }\n\n .go-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .go-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .go-grid-compact {\n gap: .625rem;\n }\n\n .go-grid-compact .go-card {\n padding: .75rem;\n }\n\n .go-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .go-timeline-content {\n padding: .875rem 1rem;\n }\n\n .go-timeline-content h3 {\n font-size: 14px;\n }\n\n .go-timeline-content p {\n font-size: 13px;\n }\n\n .go-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .go-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .go-testimonial {\n padding: 1.25rem;\n }\n\n .go-testimonial-text {\n font-size: 14px;\n }\n\n .go-comp-row {\n flex-direction: column;\n align-items: flex-start;\n gap: .2rem;\n padding: .5rem 0;\n }\n\n .go-comp-value {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .go-card {\n animation: goFadeInUp .5s ease backwards;\n }\n .go-card:nth-child(1) { animation-delay: .05s; }\n .go-card:nth-child(2) { animation-delay: .1s; }\n .go-card:nth-child(3) { animation-delay: .15s; }\n .go-card:nth-child(4) { animation-delay: .2s; }\n .go-card:nth-child(5) { animation-delay: .25s; }\n .go-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes goFadeInUp {\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 .go-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":56959787106681,"sku":"FM0060","price":8.64,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-gaultherie-odorante-bio-10-ml-florame-lifestyle.webp?v=1775204296"},{"product_id":"huile-essentielle-geranium-bourbon-bio-5-ml-florame","title":"Huile Essentielle de Géranium Bourbon Bio - 5 ml - Florame","description":"\u003cdiv class=\"gb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gb-hero\"\u003e\n \u003cdiv class=\"gb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gb-hero-content\"\u003e\n \u003cdiv class=\"gb-badges-top\"\u003e\n \u003cspan class=\"gb-badge\"\u003e🌿 Certifiée AB\u003c\/span\u003e\n \u003cspan class=\"gb-badge\"\u003e🇫🇷 Saint-Rémy-de-Provence\u003c\/span\u003e\n \u003cspan class=\"gb-badge\"\u003e🌸 Chémotypée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gb-hero-title\"\u003eHuile essentielle de géranium bourbon bio\u003c\/span\u003e\n \u003cp class=\"gb-subtitle\"\u003eFlorame · 5 ml · Pelargonium graveolens\u003c\/p\u003e\n \u003cp class=\"gb-description\"\u003eL'essence florale par excellence pour sublimer votre peau et apaiser votre esprit, issue de l'aromathérapie biologique provençale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gb-section\"\u003e\n \u003ch2\u003eHuile essentielle de Géranium Bourbon Bio Florame - L'alliée naturelle de votre peau\u003c\/h2\u003e\n \u003cp class=\"gb-section-intro\"\u003eDécouvrez l'\u003cstrong\u003ehuile essentielle de géranium bourbon bio\u003c\/strong\u003e signée Florame, une référence en aromathérapie biologique depuis Saint-Rémy-de-Provence. Issue de la distillation de la plante fleurie de \u003cem\u003ePelargonium graveolens\u003c\/em\u003e, cette huile essentielle chémotypée vous offre toute la richesse du \u003cstrong\u003egéranium rosat\u003c\/strong\u003e dans un flacon de 5 ml certifié AB et FR-BIO-01.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gb-section\"\u003e\n \u003ch2\u003ePourquoi choisir le géranium bourbon ?\u003c\/h2\u003e\n \u003cp class=\"gb-section-intro\"\u003eLe géranium bourbon se distingue des autres variétés, comme l'\u003cstrong\u003ehuile essentielle de géranium Égypte\u003c\/strong\u003e, par son profil olfactif particulièrement délicat. Son parfum fleuri, proche de la rose, en fait une huile essentielle très appréciée tant en soin qu'en diffusion.\u003c\/p\u003e\n \u003cdiv class=\"gb-grid-compact\"\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🌹 Profil olfactif unique\u003c\/h3\u003e\n \u003cp\u003eParfum fleuri et rosé, plus délicat et raffiné que les variétés classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🔬 Chémotype contrôlé\u003c\/h3\u003e\n \u003cp\u003eCitronnellol, géraniol et formiate de géranyle rigoureusement vérifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e✅ Qualité constante\u003c\/h3\u003e\n \u003cp\u003eComposition garantie par Florame, lot après lot, pour une efficacité fiable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique certifiée FR-BIO-01, sans pesticides ni synthétiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gb-section\"\u003e\n \u003ch2\u003eBienfaits de l'huile essentielle de géranium rosat\u003c\/h2\u003e\n \u003cp class=\"gb-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'huile essentielle de géranium\u003c\/strong\u003e sont multiples et reconnus en aromathérapie. Voici les principales vertus de cette huile précieuse :\u003c\/p\u003e\n \u003cdiv class=\"gb-grid\"\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e✨ Régénérante cutanée\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les types de peau et aide à maintenir un teint frais et unifié au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🧴 Purifiante\u003c\/h3\u003e\n \u003cp\u003eContribue à assainir la peau et à limiter les petites imperfections pour un grain de peau affiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🧘 Relaxante\u003c\/h3\u003e\n \u003cp\u003eEn diffusion, son parfum rosé et enveloppant favorise la détente et apaise l'esprit après une journée chargée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🌬️ Assainissante\u003c\/h3\u003e\n \u003cp\u003eDiffusée dans votre intérieur, elle purifie l'air ambiant tout en laissant une note florale agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gb-section\"\u003e\n \u003ch2\u003eComment utiliser cette huile essentielle de géranium ?\u003c\/h2\u003e\n \u003cp class=\"gb-section-intro\"\u003eL'\u003cstrong\u003ehuile essentielle de géranium bourbon\u003c\/strong\u003e Florame s'utilise de deux façons principales :\u003c\/p\u003e\n \u003cdiv class=\"gb-timeline\"\u003e\n \u003cdiv class=\"gb-timeline-item\"\u003e\n \u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gb-timeline-content\"\u003e\n \u003ch3\u003ePar voie cutanée\u003c\/h3\u003e\n \u003cp\u003eDiluez-la à hauteur de \u003cstrong\u003e0,5 % à 1 %\u003c\/strong\u003e dans une huile végétale de votre choix (jojoba, amande douce, argan…). Appliquez ensuite en \u003cstrong\u003eléger massage matin et\/ou soir\u003c\/strong\u003e sur les zones souhaitées. Cette dilution permet de profiter pleinement des propriétés régénérantes et purifiantes du géranium rosat, tout en respectant la sensibilité de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-timeline-item\"\u003e\n \u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gb-timeline-content\"\u003e\n \u003ch3\u003ePar voie aérienne\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la seule ou en synergie avec d'autres huiles essentielles dans un diffuseur adapté. Elle se marie particulièrement bien avec la \u003cstrong\u003elavande\u003c\/strong\u003e, le \u003cstrong\u003epalmarosa\u003c\/strong\u003e ou encore le \u003cstrong\u003epetit grain bigarade\u003c\/strong\u003e pour créer une atmosphère relaxante et assainissante chez vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-tip\"\u003e\n \u003cspan class=\"gb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce synergie :\u003c\/strong\u003e associez 2 gouttes de géranium bourbon + 2 gouttes de lavande vraie dans votre diffuseur pour un moment de détente absolue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gb-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"gb-grid-compact\"\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🌱 Nom botanique\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePelargonium graveolens\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🌸 Partie distillée\u003c\/h3\u003e\n \u003cp\u003ePlante fleurie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🔬 Chémotype\u003c\/h3\u003e\n \u003cp\u003eCitronnellol, géraniol, formiate de géranyle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🏷️ Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (FR-BIO-01)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e5 ml (0.17 fl.oz)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eAgriculture non UE\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🏭 Fabricant\u003c\/h3\u003e\n \u003cp\u003eFlorame - Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gb-card\"\u003e\n \u003ch3\u003e🧪 Qualité\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle chémotypée, 100 % pure et naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gb-accordion\"\u003e\n \u003cdetails class=\"gb-accordion-item\"\u003e\n \u003csummary class=\"gb-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas utiliser\u003c\/strong\u003e chez la femme enceinte ou allaitante. \u003cstrong\u003eDéconseillée\u003c\/strong\u003e aux enfants de moins de 7 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gb-accordion-item\"\u003e\n \u003csummary class=\"gb-accordion-header\"\u003e☀️ Exposition solaire\u003c\/summary\u003e\n \u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez toute exposition prolongée au soleil après application cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gb-accordion-item\"\u003e\n \u003csummary class=\"gb-accordion-header\"\u003e🧪 Test cutané\u003c\/summary\u003e\n \u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n \u003cp\u003eEffectuez toujours un test dans le pli du coude \u003cstrong\u003e48 heures avant\u003c\/strong\u003e la première utilisation. En cas de doute, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gb-accordion-item\"\u003e\n \u003csummary class=\"gb-accordion-header\"\u003e📋 Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n \u003cp\u003eCette huile essentielle ne remplace en aucun cas un traitement médical. Les informations fournies sont données à titre informatif et ne constituent pas un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"gb-disclaimer\"\u003eLes huiles essentielles sont des concentrés actifs puissants. Respectez les dosages recommandés et consultez un aromathérapeute en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gb-cream: #faf8f5;\n --gb-white: #ffffff;\n --gb-primary: #e88c1a;\n --gb-primary-dark: #b5690e;\n --gb-primary-light: #fdf3e6;\n --gb-secondary: #5a8a3c;\n --gb-accent: #d4a843;\n --gb-text: #1a1a1a;\n --gb-text-light: #5a5a5a;\n --gb-border: #e8e2da;\n --gb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gb-radius: 20px;\n --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n position: relative;\n background: linear-gradient(135deg, #b5690e 0%, #e88c1a 40%, #5a8a3c 100%);\n border-radius: var(--gb-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(--gb-shadow-lg);\n}\n\n.gb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gb-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.gb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gb-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.gb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gb-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(--gb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gb-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.gb-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(--gb-primary), var(--gb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-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.gb-card {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gb-shadow-lg);\n border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gb-primary), var(--gb-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.gb-timeline-content {\n flex: 1;\n background: var(--gb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gb-radius-sm);\n box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gb-timeline-content p {\n font-size: 14px;\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gb-primary-light);\n border-radius: var(--gb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gb-tip p {\n font-size: 14px;\n color: var(--gb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gb-shadow);\n border-left: 4px solid var(--gb-primary);\n}\n\n.gb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n box-shadow: var(--gb-shadow);\n overflow: hidden;\n}\n\n.gb-accordion-item {\n border-bottom: 1px solid var(--gb-border);\n margin: 0;\n padding: 0;\n}\n\n.gb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gb-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.gb-accordion-header:hover {\n background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gb-primary);\n transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n content: '−';\n}\n\n.gb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gb-disclaimer {\n font-size: 12px;\n color: var(--gb-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 .gb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gb-card {\n padding: 1.125rem;\n }\n\n .gb-section {\n margin-bottom: 1.75rem;\n }\n\n .gb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gb-radius-sm);\n }\n\n .gb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gb-grid-compact {\n gap: .625rem;\n }\n\n .gb-grid-compact .gb-card {\n padding: .75rem;\n }\n\n .gb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gb-timeline-content h3 {\n font-size: 14px;\n }\n\n .gb-timeline-content p {\n font-size: 13px;\n }\n\n .gb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gb-testimonial {\n padding: 1.25rem;\n }\n\n .gb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gb-card {\n animation: gbFadeInUp .5s ease backwards;\n }\n .gb-card:nth-child(1) { animation-delay: .05s; }\n .gb-card:nth-child(2) { animation-delay: .1s; }\n .gb-card:nth-child(3) { animation-delay: .15s; }\n .gb-card:nth-child(4) { animation-delay: .2s; }\n .gb-card:nth-child(5) { animation-delay: .25s; }\n .gb-card:nth-child(6) { animation-delay: .3s; }\n .gb-card:nth-child(7) { animation-delay: .35s; }\n .gb-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes gbFadeInUp {\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 .gb-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":56959881281913,"sku":"FM0065","price":12.25,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-essentielle-de-geranium-bourbon-bio-5-ml-florame-lifestyle.webp?v=1775205910"},{"product_id":"shampooing-fortifiant-bio-250-ml-florame","title":"Shampooing Fortifiant Bio - 250 ml - Florame","description":"\u003cdiv class=\"fm-premium\"\u003e\n\n\u003cdiv class=\"fm-hero\"\u003e\n\u003cdiv class=\"fm-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fm-hero-content\"\u003e\n\u003cdiv class=\"fm-badges-top\"\u003e\n\u003cspan class=\"fm-badge\"\u003e🌿 98 % d'origine naturelle\u003c\/span\u003e\n\u003cspan class=\"fm-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n\u003cspan class=\"fm-badge\"\u003e🏅 Certifié COSMOS ORGANIC\u003c\/span\u003e\n\u003cspan class=\"fm-badge\"\u003e🐰 100 % vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fm-hero-title\"\u003eShampooing Fortifiant Bio Florame\u003c\/span\u003e\n\u003cp class=\"fm-subtitle\"\u003e250 ml · Cheveux fins et cassants\u003c\/p\u003e\n\u003cp class=\"fm-description\"\u003eLa force naturelle de la Maca et de l'Arginine pour des cheveux renforcés, souples et pleins de vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"fm-section\"\u003e\n\u003ch2\u003eShampooing Fortifiant Bio Florame : la force naturelle pour vos cheveux fins et cassants\u003c\/h2\u003e\n\u003cp class=\"fm-section-intro\"\u003eVos cheveux sont fins, fragiles ou ont tendance à casser ? Le \u003cstrong\u003eshampooing fortifiant bio Florame\u003c\/strong\u003e a été formulé spécifiquement pour leur redonner force et vitalité.\u003c\/p\u003e\n\u003cdiv class=\"fm-grid-compact\"\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e🌱 Racine de Maca bio\u003c\/h3\u003e\n\u003cp\u003eActif tonifiant qui stimule le cuir chevelu et favorise la vitalité capillaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e💪 Arginine\u003c\/h3\u003e\n\u003cp\u003eAcide aminé reconnu qui renforce la structure du cheveu en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eCOSMOS ORGANIC par Ecocert - efficacité et respect de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Provence\u003c\/h3\u003e\n\u003cp\u003eFormulé et fabriqué à Saint-Rémy-de-Provence avec un savoir-faire artisanal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fm-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce shampooing fortifiant pour cheveux fins ?\u003c\/h2\u003e\n\u003cp class=\"fm-section-intro\"\u003eContrairement à de nombreux soins capillaires classiques, ce \u003cstrong\u003eshampooing fortifiant bio\u003c\/strong\u003e ne contient \u003cstrong\u003eaucun tensioactif sulfaté\u003c\/strong\u003e. Il nettoie en douceur grâce à des bases lavantes d'origine végétale, sans agresser le cuir chevelu. Avec \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et un parfum 100 % naturel aux notes de lavande, il offre un véritable moment de soin à chaque utilisation.\u003c\/p\u003e\n\u003cdiv class=\"fm-grid\"\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e🌿 Racine de Maca bio\u003c\/h3\u003e\n\u003cp\u003eTonifie et stimule le cuir chevelu, favorisant ainsi la vitalité capillaire dès la racine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e🧬 Arginine\u003c\/h3\u003e\n\u003cp\u003eCet acide aminé renforce la structure du cheveu et améliore son élasticité pour limiter la casse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e⚡ Extrait de Ginseng bio\u003c\/h3\u003e\n\u003cp\u003eRevitalise et dynamise les cheveux affaiblis en leur redonnant énergie et brillance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e💧 Eau d'Orge bio\u003c\/h3\u003e\n\u003cp\u003eApporte hydratation et souplesse dès la racine pour des cheveux nourris en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fm-section\"\u003e\n\u003ch2\u003eDes résultats visibles dès les premières utilisations\u003c\/h2\u003e\n\u003cdiv class=\"fm-grid\"\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e🛡️ Résistance renforcée\u003c\/h3\u003e\n\u003cp\u003eLa fibre capillaire est consolidée en profondeur, les cheveux sont nettement moins sujets à la casse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e✨ Vitalité retrouvée\u003c\/h3\u003e\n\u003cp\u003eLes cheveux retrouvent leur éclat naturel, leur souplesse et un toucher soyeux dès les premiers lavages\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-card\"\u003e\n\u003ch3\u003e🧴 Cuir chevelu purifié\u003c\/h3\u003e\n\u003cp\u003eLe cuir chevelu est nettoyé sans être asséché, créant un environnement sain propice à des cheveux plus forts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-tip\"\u003e\n\u003cspan class=\"fm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUn \u003cstrong\u003eshampooing fortifiant anti-chute\u003c\/strong\u003e idéal pour celles et ceux qui souhaitent préserver leur capital capillaire au quotidien - convient aux femmes comme aux hommes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fm-section\"\u003e\n\u003ch2\u003eComment utiliser ce shampooing fortifiant bio ?\u003c\/h2\u003e\n\u003cdiv class=\"fm-timeline\"\u003e\n\u003cdiv class=\"fm-timeline-item\"\u003e\n\u003cdiv class=\"fm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fm-timeline-content\"\u003e\n\u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n\u003cp\u003eAppliquez une petite quantité de produit sur \u003cstrong\u003echeveux mouillés\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-timeline-item\"\u003e\n\u003cdiv class=\"fm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fm-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eDu bout des doigts, massez le cuir chevelu pour bien faire mousser et stimuler la microcirculation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-timeline-item\"\u003e\n\u003cdiv class=\"fm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fm-timeline-content\"\u003e\n\u003ch3\u003eLaissez agir\u003c\/h3\u003e\n\u003cp\u003ePatientez quelques instants pour permettre aux actifs de pénétrer la fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fm-timeline-item\"\u003e\n\u003cdiv class=\"fm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"fm-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire. Pour des résultats optimaux, complétez avec un \u003cstrong\u003eaprès-shampooing fortifiant\u003c\/strong\u003e adapté aux cheveux fragiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fm-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"fm-accordion\"\u003e\n\u003cdetails class=\"fm-accordion-item\" open\u003e\n\u003csummary class=\"fm-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"fm-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (Water), Hordeum Vulgare Stem Water*, Lauryl Glucoside, Sodium Lauroyl Glutamate, Citric Acid, Coco‑Betaine, Sodium Chloride, Arginine, Lepidium Meyenii Extract, Guar Hydroxypropyltrimonium Chloride, Caprylyl\/Capryl Glucoside, Parfum (Fragrance), Lavandula Oil\/Extract, Propanediol, Sodium Laurate, Sodium Benzoate, Potassium Sorbate, Linalool, Linalyl Acetate, Sodium Hydroxide.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e19 % des ingrédients issus de l'Agriculture Biologique. 100 % vegan.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fm-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fm-accordion\"\u003e\n\u003cdetails class=\"fm-accordion-item\"\u003e\n\u003csummary class=\"fm-accordion-header\"\u003e⚠️ Précautions et informations importantes\u003c\/summary\u003e\n\u003cdiv class=\"fm-accordion-content mt-3\"\u003e\n\u003cp\u003e• Usage externe uniquement - ne pas ingérer\u003cbr\u003e\n• Éviter le contact avec les yeux et les muqueuses\u003cbr\u003e\n• En cas de contact avec les yeux, rincer immédiatement à l'eau claire\u003cbr\u003e\n• Tenir hors de portée des enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fm-accordion-item\"\u003e\n\u003csummary class=\"fm-accordion-header\"\u003e📦 Informations produit\u003c\/summary\u003e\n\u003cdiv class=\"fm-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 250 ml\u003cbr\u003e\n\u003cstrong\u003eFabrication :\u003c\/strong\u003e Provence, France\u003cbr\u003e\n\u003cstrong\u003eCertification :\u003c\/strong\u003e COSMOS ORGANIC par Ecocert Greenlife\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fm-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"fm-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos cheveux la force naturelle qu'ils méritent.\u003cbr\u003eFortifié par la Maca et l'Arginine, certifié bio et fabriqué en Provence - le soin capillaire qui allie efficacité et naturalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"fm-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne se substitue pas à un suivi dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fm-cream: #f5f3ef;\n --fm-white: #ffffff;\n --fm-primary: #6b9e8a;\n --fm-primary-dark: #3d6b5a;\n --fm-primary-light: #e8f2ec;\n --fm-secondary: #d4953a;\n --fm-accent: #e8a94a;\n --fm-text: #1a1a1a;\n --fm-text-light: #5a5a5a;\n --fm-border: #e0e0e0;\n --fm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fm-radius: 20px;\n --fm-radius-sm: 12px;\n}\n\n.fm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fm-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b5a 0%, #6b9e8a 45%, #d4953a 100%);\n border-radius: var(--fm-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(--fm-shadow-lg);\n}\n\n.fm-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.fm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fm-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.fm-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.fm-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.fm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fm-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(--fm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fm-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.fm-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(--fm-primary), var(--fm-secondary));\n border-radius: 2px;\n}\n\n.fm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fm-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.fm-card {\n background: var(--fm-white);\n border-radius: var(--fm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fm-shadow-lg);\n border-color: var(--fm-primary);\n}\n\n.fm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fm-grid-compact .fm-card {\n padding: 1rem;\n}\n\n.fm-grid-compact .fm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fm-grid-compact .fm-card p {\n font-size: 12px;\n}\n\n.fm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fm-primary), var(--fm-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.fm-timeline-content {\n flex: 1;\n background: var(--fm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fm-radius-sm);\n box-shadow: var(--fm-shadow);\n}\n\n.fm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fm-timeline-content p {\n font-size: 14px;\n color: var(--fm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fm-testimonial {\n background: var(--fm-white);\n border-radius: var(--fm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fm-shadow);\n border-left: 4px solid var(--fm-primary);\n}\n\n.fm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.fm-accordion {\n background: var(--fm-white);\n border-radius: var(--fm-radius);\n box-shadow: var(--fm-shadow);\n overflow: hidden;\n}\n\n.fm-accordion-item {\n border-bottom: 1px solid var(--fm-border);\n margin: 0;\n padding: 0;\n}\n\n.fm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fm-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.fm-accordion-header:hover {\n background: var(--fm-primary-light);\n}\n\n.fm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fm-primary);\n transition: transform .2s ease;\n}\n\n.fm-accordion-item[open] .fm-accordion-header::after {\n content: '−';\n}\n\n.fm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fm-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.fm-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.fm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fm-primary-light);\n border-radius: var(--fm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fm-tip p {\n font-size: 14px;\n color: var(--fm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fm-cta-box {\n background: linear-gradient(135deg, var(--fm-primary) 0%, var(--fm-primary-dark) 100%);\n border-radius: var(--fm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fm-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.fm-disclaimer {\n font-size: 12px;\n color: var(--fm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .fm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fm-card {\n padding: 1.125rem;\n }\n\n .fm-section {\n margin-bottom: 1.75rem;\n }\n\n .fm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fm-radius-sm);\n }\n\n .fm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fm-grid-compact {\n gap: .625rem;\n }\n\n .fm-grid-compact .fm-card {\n padding: .75rem;\n }\n\n .fm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fm-timeline-content h3 {\n font-size: 14px;\n }\n\n .fm-timeline-content p {\n font-size: 13px;\n }\n\n .fm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fm-testimonial {\n padding: 1.25rem;\n }\n\n .fm-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fm-card {\n animation: fmFadeInUp .5s ease backwards;\n }\n .fm-card:nth-child(1) { animation-delay: .05s; }\n .fm-card:nth-child(2) { animation-delay: .1s; }\n .fm-card:nth-child(3) { animation-delay: .15s; }\n .fm-card:nth-child(4) { animation-delay: .2s; }\n .fm-card:nth-child(5) { animation-delay: .25s; }\n .fm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fm-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":56978947703161,"sku":"FM0605","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-fortifiant-bio-250-ml-florame-lifestyle.webp?v=1775546295"},{"product_id":"shampooing-brillance-bio-250-ml-florame","title":"Shampooing Brillance Bio - 250 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fl-hero\"\u003e\n \u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fl-hero-content\"\u003e\n \u003cdiv class=\"fl-badges-top\"\u003e\n \u003cspan class=\"fl-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🌾 Certifié Bio Cosmos Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fl-hero-title\"\u003eShampooing Brillance Bio Florame\u003c\/span\u003e\n \u003cp class=\"fl-subtitle\"\u003e250 ml · Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003cp class=\"fl-description\"\u003eRavivez l'éclat de vos cheveux ternes et longs grâce au xylitol et au pamplemousse corse. Une formule certifiée bio qui lisse la fibre capillaire et élimine les frisottis dès le premier lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eShampooing Brillance Bio Florame : ravivez l'éclat de vos cheveux ternes\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eVos cheveux manquent de luminosité et paraissent ternes au quotidien ? Le \u003cstrong\u003eShampooing Brillance Bio de Florame\u003c\/strong\u003e a été formulé spécifiquement pour redonner tout leur éclat aux \u003cstrong\u003echeveux ternes et longs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid-compact\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eÉclat visible dès le premier lavage grâce au xylitol qui lisse la fibre capillaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🍊 Pamplemousse corse\u003c\/h3\u003e\n \u003cp\u003eExtrait antioxydant qui protège et ravive la chevelure au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eTensioactifs doux d'origine végétale respectueux du cuir chevelu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e💆 Anti-frisottis\u003c\/h3\u003e\n \u003cp\u003eLisse la surface du cheveu pour un aspect soyeux, fluide et discipliné\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eDes actifs naturels au service de la brillance de vos cheveux\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eCertifié \u003cstrong\u003eBio Cosmos Organic\u003c\/strong\u003e, ce shampooing contient \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et 30 % issus de l'agriculture biologique. Deux actifs phares au cœur de sa formule :\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card fl-card-featured\"\u003e\n \u003ch3\u003e🌱 Xylitol\u003c\/h3\u003e\n \u003cp\u003eActif d'origine végétale qui lisse la surface du cheveu, lui permettant de mieux capter la lumière. Résultat : vos cheveux gagnent en \u003cstrong\u003edouceur\u003c\/strong\u003e, en \u003cstrong\u003efluidité\u003c\/strong\u003e et affichent un aspect visiblement plus lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card fl-card-featured\"\u003e\n \u003ch3\u003e🍋 Extrait de pamplemousse corse\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, il protège la fibre capillaire et contribue à \u003cstrong\u003eraviver l'éclat naturel\u003c\/strong\u003e de votre chevelure tout en la sublimant au fil des lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur la fibre capillaire sans alourdir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌿 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et apaise le cuir chevelu en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌊 Extraits d'algues\u003c\/h3\u003e\n \u003cp\u003eCarraghénane et pelvetia renforcent et protègent le cheveu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement aux shampooings conventionnels, cette formule mise sur des tensioactifs doux comme le \u003cstrong\u003ecoco-glucoside\u003c\/strong\u003e pour un nettoyage respectueux du cuir chevelu et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampooing brillance bio ?\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003ePour profiter pleinement des bienfaits de ce soin capillaire, suivez cette méthode en 4 étapes :\u003c\/p\u003e\n \u003cdiv class=\"fl-timeline\"\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eSur \u003cstrong\u003echeveux préalablement humidifiés\u003c\/strong\u003e, appliquez une noisette de shampooing dans le creux de la main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eMassez doucement le cuir chevelu du bout des doigts pour faire mousser et stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eDeuxième application\u003c\/h3\u003e\n \u003cp\u003eRincez, puis procédez à une \u003cstrong\u003edeuxième application\u003c\/strong\u003e en laissant agir quelques instants pour un soin en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire pour révéler toute la brillance de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un résultat encore plus lumineux, complétez votre routine avec un \u003cstrong\u003eaprès-shampooing bio\u003c\/strong\u003e adapté aux cheveux ternes. Le double lavage permet au second shampooing d'agir véritablement sur la fibre capillaire, tandis que le premier élimine les impuretés en surface.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"fl-accordion\"\u003e\n \u003cdetails class=\"fl-accordion-item\" open\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e📋 Composition intégrale\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Olea Europaea Fruit Oil*, Coco-Glucoside, Sodium Lauroyl Glutamate, Glycerin, Xylitylglucoside, Citric Acid, CI 77163, Sodium Chloride, Parfum, Citrus Paradisi Fruit Extract, Xylitol, Anhydroxylitol, Maltitol, Sodium Laurate, Citrus Aurantium Bergamia Peel Oil, Citrus Limon Peel Oil, Aloe Barbadensis Leaf Juice Powder*, Chondrus Crispus, Pelvetia Canaliculata Extract, Guar Hydroxypropyltrimonium Chloride, Limonene, Linalool, Linalyl Acetate, Xanthan Gum, Sodium Hydroxide, Pinene, Mica, Geranyl Acetate, CI 77491, Sodium Citrate, Sodium Benzoate, Potassium Sorbate.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampooing bio Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧴 250 ml généreux\u003c\/h3\u003e\n \u003cp\u003eUne contenance généreuse pour une utilisation durable au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌾 Certifié Bio Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eUne garantie de qualité, de transparence et de respect de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré à Saint-Rémy-de-Provence, au cœur de la tradition provençale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e💆 Anti-frisottis\u003c\/h3\u003e\n \u003cp\u003eÉlimine les frisottis et lisse la fibre capillaire pour un toucher soyeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e✨ Cheveux ternes et longs\u003c\/h3\u003e\n \u003cp\u003eConvient parfaitement aux cheveux en quête de brillance et de vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🍊 Parfum d'agrumes\u003c\/h3\u003e\n \u003cp\u003eNotes délicates de pamplemousse et de citron pour une sensation de fraîcheur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-cta-box\"\u003e\n \u003cp\u003eOffrez à vos cheveux ternes la brillance qu'ils méritent avec ce shampooing bio Florame - une formule naturelle, certifiée et fabriquée en France pour des résultats visibles dès le premier lavage ✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fl-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de sensibilité du cuir chevelu, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fl-cream: #fdf6f4;\n --fl-white: #ffffff;\n --fl-primary: #b5315e;\n --fl-primary-dark: #8a1e44;\n --fl-primary-light: #fdeef2;\n --fl-secondary: #e8a0b5;\n --fl-accent: #d4785c;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e8d8d8;\n --fl-shadow: 0 4px 24px rgba(181,49,94,.08);\n --fl-shadow-lg: 0 12px 48px rgba(138,30,68,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #f5c6d0 0%, #b5315e 50%, #8a1e44 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-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.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-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.fl-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.fl-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-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.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-card-featured {\n border-left: 4px solid var(--fl-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-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.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-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.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-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 .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n\n .fl-badges-top {\n gap: 6px;\n }\n\n .fl-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\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 .fl-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":56978975326585,"sku":"FM0600","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-brillance-bio-250-ml-florame-lifestyle.webp?v=1775546801"},{"product_id":"deodorant-creme-hypoallergenique-bio-50-g-florame","title":"Déodorant Crème Hypoallergénique Bio - 50 g - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n\u003cdiv class=\"fl-hero\"\u003e\n\u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fl-hero-content\"\u003e\n\u003cdiv class=\"fl-badges-top\"\u003e\n\u003cspan class=\"fl-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n\u003cspan class=\"fl-badge\"\u003e⏱️ Efficacité 24h\u003c\/span\u003e\n\u003cspan class=\"fl-badge\"\u003e🤍 Sans parfum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fl-hero-title\"\u003eDéodorant crème hypoallergénique bio\u003c\/span\u003e\n\u003cp class=\"fl-subtitle\"\u003eFlorame - Saint-Rémy-de-Provence\u003c\/p\u003e\n\u003cp class=\"fl-description\"\u003eUne protection douce et naturelle pour les peaux les plus sensibles. 50 g de soin bio, sans parfum, formulé au beurre de karité et à l'aloe vera.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eDéodorant Crème Hypoallergénique Bio Florame : une protection douce et naturelle\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eVous avez la peau sensible et cherchez un \u003cstrong\u003edéodorant bio efficace\u003c\/strong\u003e qui ne provoque ni irritations ni inconfort ?\u003c\/p\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🛡️ Hypoallergénique\u003c\/h3\u003e\n\u003cp\u003eFormulé sans parfum pour éliminer les risques de réaction allergique, même sur les peaux les plus réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eLabellisé Cosmos Organic, avec des ingrédients d'origine naturelle et biologique rigoureusement sélectionnés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e⏱️ 24h de protection\u003c\/h3\u003e\n\u003cp\u003eUne efficacité anti-odeur prouvée tout au long de la journée, du matin au soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🤍 Confort absolu\u003c\/h3\u003e\n\u003cp\u003ePrend soin des aisselles les plus sensibles grâce à des actifs apaisants et hydratants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePourquoi choisir un déodorant en crème plutôt qu'un format classique ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✋ Application douce\u003c\/h3\u003e\n\u003cp\u003eLe format crème s'applique avec douceur, sans friction agressive, pour un contact direct avec la peau et une absorption optimale des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🧴 Film protecteur nourrissant\u003c\/h3\u003e\n\u003cp\u003eContrairement à un spray ou un roll-on, le déodorant en crème dépose un film protecteur tout en nourrissant l'épiderme en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💰 Économique et durable\u003c\/h3\u003e\n\u003cp\u003eLe pot de \u003cstrong\u003e50 g\u003c\/strong\u003e dure longtemps : une petite noisette suffit à chaque application pour une utilisation longue durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eDes ingrédients naturels et biologiques au service de votre peau\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eFlorame, maison provençale installée à Saint-Rémy-de-Provence, a sélectionné des actifs reconnus pour leurs vertus apaisantes et hydratantes.\u003c\/p\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card fl-card-ingredient\"\u003e\n\u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras essentiels, il nourrit intensément la peau, la protège des agressions extérieures et prévient les sensations de tiraillement après le rasage ou l'épilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card fl-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eVéritable allié des peaux sensibles, il apaise, hydrate et contribue à maintenir le confort cutané tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eFormulé \u003cstrong\u003esans parfum\u003c\/strong\u003e, ce déodorant réduit considérablement le risque de réaction allergique. Sa formulation hypoallergénique en fait un choix de confiance pour les personnes intolérantes aux fragrances synthétiques ou naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComment appliquer ce déodorant crème bio ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-timeline\"\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003ePrélever\u003c\/h3\u003e\n\u003cp\u003ePrélevez une petite quantité de crème du bout des doigts. Une noisette suffit pour les deux aisselles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eAppliquer\u003c\/h3\u003e\n\u003cp\u003eAppliquez sur des aisselles propres et sèches, en massant légèrement pour bien répartir le produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eLaisser pénétrer\u003c\/h3\u003e\n\u003cp\u003eLaissez pénétrer quelques instants avant de vous habiller. La texture fond rapidement sans laisser de résidu gras ni de traces sur les vêtements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e👫\u003c\/span\u003e\n\u003cp\u003eCe \u003cstrong\u003edéodorant bio\u003c\/strong\u003e convient aussi bien aux femmes qu'aux hommes à la recherche d'un soin neutre et respectueux. Si vous cherchez un \u003cstrong\u003edéodorant bio pour homme\u003c\/strong\u003e sans odeur ajoutée, ce produit Florame répond parfaitement à cette attente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePour qui est fait ce déodorant hypoallergénique ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🔴 Peaux réactives\u003c\/h3\u003e\n\u003cp\u003eVotre peau réagit aux déodorants conventionnels avec rougeurs, démangeaisons ou picotements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 Transition bio\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez passer à un \u003cstrong\u003edéodorant bio solide\u003c\/strong\u003e sans compromis sur l'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✨ Formule minimaliste\u003c\/h3\u003e\n\u003cp\u003eVous préférez une formule épurée, sans parfum et certifiée biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💧 Hydratation + protection\u003c\/h3\u003e\n\u003cp\u003eVous recherchez un produit qui hydrate en même temps qu'il protège, pour un confort optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eLes engagements Florame\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification exigeante garantissant des ingrédients d'origine naturelle et biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en Provence\u003c\/h3\u003e\n\u003cp\u003eMarque pionnière de l'aromathérapie biologique en France, installée à Saint-Rémy-de-Provence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌍 Naturel\u003c\/h3\u003e\n\u003cp\u003eFormulé à partir d'ingrédients d'origine naturelle, respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✈️ Format voyage\u003c\/h3\u003e\n\u003cp\u003eLe pot compact de 50 g se glisse facilement dans un sac ou une trousse de voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"fl-cta-box\"\u003e\n\u003cp\u003e🤍 Offrez à vos aisselles le soin qu'elles méritent : une protection 24h, bio, sans parfum et hypoallergénique. Votre peau sensible vous dira merci.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"fl-disclaimer\"\u003eCe déodorant cosmétique ne constitue pas un traitement médical. En cas de réaction cutanée persistante, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n--fl-cream: #faf7f5;\n--fl-white: #ffffff;\n--fl-primary: #d4729a;\n--fl-primary-dark: #a04b72;\n--fl-primary-light: #fdf0f5;\n--fl-secondary: #e8a063;\n--fl-accent: #f4c27f;\n--fl-text: #1a1a1a;\n--fl-text-light: #5a5a5a;\n--fl-border: #f0e4e9;\n--fl-shadow: 0 4px 24px rgba(164,75,114,.08);\n--fl-shadow-lg: 0 12px 48px rgba(164,75,114,.15);\n--fl-radius: 20px;\n--fl-radius-sm: 12px;\n}\n\n.fl-premium {\nmax-width: 1200px;\nmargin: 0 auto;\npadding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\nbackground: var(--fl-cream);\nfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fl-hero {\nposition: relative;\nbackground: linear-gradient(135deg, #d4729a 0%, #c45e88 40%, #e8a063 100%);\nborder-radius: var(--fl-radius);\npadding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\nmargin-bottom: clamp(2.5rem, 5vw, 4rem);\noverflow: hidden;\nbox-shadow: var(--fl-shadow-lg);\n}\n\n.fl-hero-pattern {\nposition: absolute;\ntop: 0; left: 0; right: 0; bottom: 0;\nbackground: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\nradial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\nradial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\nopacity: 1;\n}\n\n.fl-hero-content {\nposition: relative;\nz-index: 1;\ntext-align: center;\n}\n\n.fl-hero-title {\ndisplay: block;\ncolor: white;\nfont-size: clamp(28px, 7vw, 52px);\nfont-weight: 900;\nmargin: 0 0 1rem 0;\nletter-spacing: -.04em;\ntext-shadow: 0 4px 20px rgba(0,0,0,.2);\nline-height: 1.1;\n}\n\n.fl-subtitle {\ncolor: rgba(255,255,255,.85);\nfont-size: clamp(14px, 3vw, 18px);\nfont-weight: 600;\nmargin: 0 0 1.25rem 0;\nletter-spacing: .05em;\ntext-transform: uppercase;\n}\n\n.fl-description {\ncolor: rgba(255,255,255,.92);\nfont-size: clamp(14px, 2.5vw, 17px);\nline-height: 1.7;\nmax-width: 600px;\nmargin: 0 auto;\n}\n\n.fl-badges-top {\ndisplay: flex;\nflex-wrap: wrap;\njustify-content: center;\ngap: 8px;\nmargin-bottom: 1.5rem;\n}\n\n.fl-badge {\ndisplay: inline-flex;\nalign-items: center;\ngap: 6px;\npadding: 8px 16px;\nbackground: rgba(255,255,255,.95);\nbackdrop-filter: blur(10px);\nborder-radius: 999px;\nfont-size: 13px;\nfont-weight: 700;\ncolor: var(--fl-primary-dark);\nbox-shadow: 0 2px 12px rgba(0,0,0,.1);\ntransition: all .3s ease;\n}\n\n.fl-badge:hover {\ntransform: translateY(-2px) scale(1.05);\n}\n\n.fl-section {\nmargin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\nfont-size: clamp(22px, 5vw, 36px);\nfont-weight: 900;\ncolor: var(--fl-primary-dark);\nmargin-bottom: clamp(1.25rem, 3vw, 2rem);\ntext-align: center;\nletter-spacing: -.03em;\nposition: relative;\npadding-bottom: 1rem;\nline-height: 1.25;\n}\n\n.fl-premium h2::after {\ncontent: '';\nposition: absolute;\nbottom: 0;\nleft: 50%;\ntransform: translateX(-50%);\nwidth: 60px;\nheight: 4px;\nbackground: linear-gradient(90deg, var(--fl-primary), var(--fl-secondary));\nborder-radius: 2px;\n}\n\n.fl-card {\nbackground: var(--fl-white);\nborder-radius: var(--fl-radius);\npadding: clamp(1.25rem, 3vw, 2rem);\nbox-shadow: var(--fl-shadow);\nborder: 2px solid transparent;\ntransition: all .3s ease;\ntext-align: center;\n}\n\n.fl-card:hover {\ntransform: translateY(-6px);\nbox-shadow: var(--fl-shadow-lg);\nborder-color: var(--fl-primary);\n}\n\n.fl-card h3 {\nfont-size: clamp(15px, 2.5vw, 18px);\nfont-weight: 800;\ncolor: var(--fl-primary-dark);\nmargin: 0 0 .5rem 0;\nline-height: 1.3;\n}\n\n.fl-card p {\nfont-size: clamp(13px, 2vw, 15px);\ncolor: var(--fl-text-light);\nmargin: 0;\nline-height: 1.6;\n}\n\n.fl-card-ingredient {\nborder-left: 4px solid var(--fl-primary);\ntext-align: left;\n}\n\n.fl-grid {\ndisplay: grid;\ngrid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\ngap: 1.25rem;\n}\n\n.fl-grid-compact {\ndisplay: grid;\ngrid-template-columns: repeat(2, 1fr);\ngap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\npadding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\nfont-size: 14px;\nmargin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\nfont-size: 12px;\n}\n\n.fl-timeline {\ndisplay: flex;\nflex-direction: column;\ngap: 1rem;\n}\n\n.fl-timeline-item {\ndisplay: flex;\ngap: 1rem;\nalign-items: flex-start;\n}\n\n.fl-timeline-number {\nflex-shrink: 0;\nwidth: 40px;\nheight: 40px;\nbackground: linear-gradient(135deg, var(--fl-primary), var(--fl-secondary));\ncolor: white;\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-weight: 800;\nfont-size: 16px;\n}\n\n.fl-timeline-content {\nflex: 1;\nbackground: var(--fl-white);\npadding: 1rem 1.25rem;\nborder-radius: var(--fl-radius-sm);\nbox-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\nfont-size: 16px;\nfont-weight: 700;\ncolor: var(--fl-primary-dark);\nmargin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\nfont-size: 14px;\ncolor: var(--fl-text-light);\nmargin: 0;\nline-height: 1.5;\n}\n\n.fl-testimonial {\nbackground: var(--fl-white);\nborder-radius: var(--fl-radius);\npadding: clamp(1.5rem, 4vw, 2.5rem);\nbox-shadow: var(--fl-shadow);\nborder-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\nfont-size: clamp(15px, 2.5vw, 17px);\ncolor: var(--fl-text);\nline-height: 1.8;\nfont-style: italic;\nmargin: 0;\n}\n\n.fl-tip {\ndisplay: flex;\ngap: 1rem;\nalign-items: flex-start;\nbackground: var(--fl-primary-light);\nborder-radius: var(--fl-radius-sm);\npadding: 1rem 1.25rem;\nmargin-top: 1.25rem;\n}\n\n.fl-tip-icon {\nfont-size: 24px;\nflex-shrink: 0;\n}\n\n.fl-tip p {\nfont-size: 14px;\ncolor: var(--fl-text);\nmargin: 0;\nline-height: 1.6;\n}\n\n.fl-cta-box {\nbackground: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\nborder-radius: var(--fl-radius);\npadding: clamp(1.75rem, 4vw, 3rem);\ntext-align: center;\nposition: relative;\noverflow: hidden;\n}\n\n.fl-cta-box p {\ncolor: white;\nfont-size: clamp(15px, 2.5vw, 19px);\nline-height: 1.7;\nfont-weight: 600;\ntext-shadow: 0 2px 12px rgba(0,0,0,.1);\nmargin: 0;\n}\n\n.fl-disclaimer {\nfont-size: 12px;\ncolor: var(--fl-text-light);\ntext-align: center;\nmargin-top: 1rem;\nfont-style: italic;\n}\n\n.fl-section-intro {\ntext-align: center;\nfont-size: clamp(15px, 2.5vw, 17px);\ncolor: var(--fl-text-light);\nmargin-bottom: 1.5rem;\nmax-width: 600px;\nmargin-left: auto;\nmargin-right: auto;\nline-height: 1.7;\n}\n\n@media (max-width: 767px) {\n.fl-grid {\ngrid-template-columns: 1fr;\ngap: 1rem;\n}\n\n.fl-card {\npadding: 1.125rem;\n}\n\n.fl-section {\nmargin-bottom: 1.75rem;\n}\n\n.fl-hero {\npadding: 2rem 1.25rem;\nmargin-bottom: 1.75rem;\nborder-radius: var(--fl-radius-sm);\n}\n\n.fl-premium h2 {\nmargin-bottom: 1rem;\npadding-bottom: .75rem;\n}\n\n.fl-premium h2::after {\nwidth: 40px;\nheight: 3px;\n}\n\n.fl-grid-compact {\ngap: .625rem;\n}\n\n.fl-grid-compact .fl-card {\npadding: .75rem;\n}\n\n.fl-timeline-number {\nwidth: 32px;\nheight: 32px;\nfont-size: 14px;\n}\n\n.fl-timeline-content {\npadding: .875rem 1rem;\n}\n\n.fl-timeline-content h3 {\nfont-size: 14px;\n}\n\n.fl-timeline-content p {\nfont-size: 13px;\n}\n\n.fl-testimonial {\npadding: 1.25rem;\n}\n\n.fl-testimonial-text {\nfont-size: 14px;\n}\n\n.fl-tip {\npadding: .875rem 1rem;\n}\n\n.fl-tip p {\nfont-size: 13px;\n}\n}\n\n@media (prefers-reduced-motion: no-preference) {\n.fl-card {\nanimation: flFadeInUp .5s ease backwards;\n}\n.fl-card:nth-child(1) { animation-delay: .05s; }\n.fl-card:nth-child(2) { animation-delay: .1s; }\n.fl-card:nth-child(3) { animation-delay: .15s; }\n.fl-card:nth-child(4) { animation-delay: .2s; }\n.fl-card:nth-child(5) { animation-delay: .25s; }\n.fl-card:nth-child(6) { animation-delay: .3s; }\n\n.fl-timeline-item {\nanimation: flFadeInUp .5s ease backwards;\n}\n.fl-timeline-item:nth-child(1) { animation-delay: .05s; }\n.fl-timeline-item:nth-child(2) { animation-delay: .15s; }\n.fl-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes flFadeInUp {\nfrom { opacity: 0; transform: translateY(20px); }\nto { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n.fl-premium * {\nanimation-duration: 0.01ms !important;\ntransition-duration: 0.01ms !important;\n}\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56978987876729,"sku":"FM0590","price":7.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-creme-hypoallergenique-bio-50-g-florame-lifestyle.webp?v=1775547579"},{"product_id":"deodorant-creme-fleur-d-amandier-bio-50-g-florame","title":"Déodorant Crème Fleur d’Amandier Bio - 50 g - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n \u003cdiv class=\"fl-hero\"\u003e\n \u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fl-hero-content\"\u003e\n \u003cdiv class=\"fl-badges-top\"\u003e\n \u003cspan class=\"fl-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e⏱️ Efficacité 24h\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🌸 100 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fl-hero-title\"\u003eDéodorant crème fleur d'amandier bio\u003c\/span\u003e\n \u003cp class=\"fl-subtitle\"\u003eFlorame - Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003cp class=\"fl-description\"\u003eUne protection naturelle et délicate portée par le parfum envoûtant des amandiers en fleurs. 50 g de douceur certifiée bio pour vos aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eDéodorant crème bio Fleur d'Amandier Florame : fraîcheur naturelle 24h\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant crème bio\u003c\/strong\u003e à la fois doux, efficace et respectueux de votre peau ? Le déodorant crème Fleur d'Amandier de \u003cstrong\u003eFlorame\u003c\/strong\u003e vous offre une protection fiable pendant \u003cstrong\u003e24 heures\u003c\/strong\u003e, portée par un parfum délicat inspiré des amandiers en fleurs de Saint-Rémy-de-Provence. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriqué en France, il conjugue naturalité et performance au quotidien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce déodorant en crème bio ?\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eContrairement aux déodorants traditionnels, ce format crème offre une texture onctueuse qui \u003cstrong\u003efond immédiatement au contact de la peau\u003c\/strong\u003e sans laisser de film gras ni de traces blanches sur vos vêtements.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌱 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eDont 85 % d'ingrédients issus de l'agriculture biologique. Une formule qui respecte même les aisselles les plus réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité \u0026amp; coco\u003c\/h3\u003e\n \u003cp\u003eL'association du beurre de karité et de l'huile de coco apaise la peau tout en absorbant efficacement l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌽 Amidon de maïs\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'excès d'humidité pour une sensation de peau sèche et confortable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🚫 Sans traces blanches\u003c\/h3\u003e\n \u003cp\u003eLa texture onctueuse fond instantanément sans laisser de film gras ni de résidus visibles sur vos vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🪒 Après rasage \u0026amp; épilation\u003c\/h3\u003e\n \u003cp\u003eFormulé pour apaiser la peau, même juste après le rasage ou l'épilation, grâce à ses actifs nourrissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧪 Bicarbonate raisonné\u003c\/h3\u003e\n \u003cp\u003eLe bicarbonate de sodium, dosé avec soin, neutralise les mauvaises odeurs sans agresser votre épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eDes ingrédients soigneusement sélectionnés\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eUne formule courte, transparente et certifiée bio - chaque ingrédient a été choisi pour son efficacité et sa douceur.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌽 Amidon de maïs\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'humidité et laisse la peau sèche et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément et apaise les peaux sensibles grâce à ses acides gras essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco\u003c\/h3\u003e\n \u003cp\u003ePropriétés antibactériennes naturelles qui contribuent à limiter la prolifération des bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e⚗️ Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003eNeutralise les odeurs en douceur, sans irriter la peau grâce à un dosage raisonné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eProtège et assouplit la peau tout en renforçant la barrière cutanée naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌲 Huile de cèdre de l'Atlas\u003c\/h3\u003e\n \u003cp\u003eParfum boisé subtil et vertus purifiantes pour une sensation de fraîcheur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans sels d'aluminium, sans alcool, sans conservateurs agressifs.\u003c\/strong\u003e Également formulé avec : Glycéryl Béhénate, Parfum, Linalool, Linalyl Acetate, Tocophérol, Coumarine, Béta-Sitostérol, Géraniol, Benzaldéhyde, Vanilline, Squalène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eComment appliquer votre déodorant crème Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"fl-timeline\"\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une petite noisette\u003c\/h3\u003e\n \u003cp\u003eDu bout des doigts, prélevez une infime quantité de crème - c'est tout ce qu'il faut pour une protection complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur aisselles propres et sèches\u003c\/h3\u003e\n \u003cp\u003eMassez légèrement pour faire pénétrer la crème. La texture fond instantanément au contact de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer quelques secondes\u003c\/h3\u003e\n \u003cp\u003ePatientez un court instant avant de vous habiller. Aucune trace blanche, aucun résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe pot de \u003cstrong\u003e50 g\u003c\/strong\u003e est particulièrement économique : une infime quantité suffit à chaque application, ce qui vous assure \u003cstrong\u003eplusieurs semaines d'utilisation\u003c\/strong\u003e. Son format compact se glisse facilement dans un sac de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePour qui est fait ce déodorant ?\u003c\/h2\u003e\n \u003cdiv class=\"fl-grid-compact\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormulé pour respecter les aisselles réactives et irritées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🔄 En transition naturelle\u003c\/h3\u003e\n \u003cp\u003eIdéal pour remplacer les sprays conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌺 Amateurs de floral\u003c\/h3\u003e\n \u003cp\u003eUn parfum doux et poudré de fleur d'amandier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e✈️ Voyageurs\u003c\/h3\u003e\n \u003cp\u003eFormat compact 50 g qui se glisse partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e🏅\u003c\/span\u003e\n \u003cp\u003eSi vous avez déjà testé un déodorant crème de type Soapwalla ou Mademoiselle Bio, vous apprécierez ici la \u003cstrong\u003ecertification Cosmos Organic\u003c\/strong\u003e, la fabrication française et l'excellent rapport qualité-prix de Florame.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fl-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos aisselles la douceur de la Provence - une fraîcheur naturelle 24h, certifiée bio, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fl-disclaimer\"\u003eCe produit cosmétique est réservé à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fl-cream: #f7f6f2;\n --fl-white: #ffffff;\n --fl-primary: #7ba866;\n --fl-primary-dark: #3d6b35;\n --fl-primary-light: #eef5e8;\n --fl-secondary: #e8a838;\n --fl-accent: #f0c060;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e0e0e0;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fl-primary-dark) 0%, var(--fl-primary) 50%, #a3c68c 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-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,56,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fl-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.fl-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.fl-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.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-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.fl-section-intro strong {\n color: var(--fl-text);\n}\n\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-tip p strong {\n color: var(--fl-primary-dark);\n}\n\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-tip {\n padding: .875rem 1rem;\n }\n\n .fl-tip-icon {\n font-size: 20px;\n }\n\n .fl-tip p {\n font-size: 13px;\n }\n\n .fl-section-intro {\n font-size: 14px;\n margin-bottom: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fl-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":56979018809721,"sku":"FM0585","price":8.5,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-creme-fleur-damandier-bio-50-g-florame-lifestyle_fc13e4d9-721b-48d2-807a-51a25d47d134.webp?v=1775549950"},{"product_id":"shampooing-douche-fraicheur-boisee-au-gel-daloe-vera-bio-200-ml-florame","title":"Shampoing Douche Fraîcheur Boisée au Gel d'Aloé Vera Bio - 200 ml - Florame","description":"\u003cdiv class=\"fb-premium\"\u003e\n\n\u003cdiv class=\"fb-hero\"\u003e\n\u003cdiv class=\"fb-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fb-hero-content\"\u003e\n\u003cdiv class=\"fb-badges-top\"\u003e\n\u003cspan class=\"fb-badge\"\u003e🌿 98 % d'origine naturelle\u003c\/span\u003e\n\u003cspan class=\"fb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"fb-badge\"\u003e🏅 COSMOS ORGANIC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fb-hero-title\"\u003eShampooing Douche Fraîcheur Boisée\u003c\/span\u003e\n\u003cp class=\"fb-subtitle\"\u003eSoin 2-en-1 au gel d'aloé vera bio par Florame\u003c\/p\u003e\n\u003cp class=\"fb-description\"\u003eUn rituel de douche simplifié et certifié bio : nettoyez vos cheveux et votre corps en une seule étape, enveloppé d'un sillage boisé frais et envoûtant né à Saint-Rémy-de-Provence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eShampooing Douche Fraîcheur Boisée Florame - Soin 2-en-1 au Gel d'Aloé Vera Bio\u003c\/h2\u003e\n\u003cp class=\"fb-section-intro\"\u003eEnvie de simplifier votre routine sous la douche sans faire de compromis sur la qualité ? Le \u003cstrong\u003eshampooing douche Fraîcheur Boisée de Florame\u003c\/strong\u003e est un soin 2-en-1 certifié bio qui nettoie en douceur vos \u003cstrong\u003echeveux et votre corps\u003c\/strong\u003e en une seule étape.\u003c\/p\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🧴 2-en-1 pratique\u003c\/h3\u003e\n\u003cp\u003eCorps et cheveux en un seul geste\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌱 Aloé vera bio\u003c\/h3\u003e\n\u003cp\u003eHydratation et douceur naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌲 Notes boisées\u003c\/h3\u003e\n\u003cp\u003eFraîcheur tonifiante et enveloppante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e✨ 200 ml\u003c\/h3\u003e\n\u003cp\u003eFormat tube nomade et pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce shampooing douche bio ?\u003c\/h2\u003e\n\u003cp class=\"fb-section-intro\"\u003eCe gel douche et shampooing Florame se distingue par sa formulation exigeante, respectueuse de votre peau, de vos cheveux et de l'environnement.\u003c\/p\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌿 98 % d'ingrédients naturels\u003c\/h3\u003e\n\u003cp\u003eUne formule d'une pureté exceptionnelle, sans tensioactifs sulfatés, pour un nettoyage en douceur absolue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🏅 Certifié COSMOS ORGANIC\u003c\/h3\u003e\n\u003cp\u003eLabellisé par Ecocert, garantissant le respect des normes les plus strictes de la cosmétique biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Provence\u003c\/h3\u003e\n\u003cp\u003eFabriqué à Saint-Rémy-de-Provence, au cœur d'un savoir-faire français d'excellence en aromathérapie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🧪 Base lavante douce\u003c\/h3\u003e\n\u003cp\u003eCoco-glucoside et décyl glucoside produisent une mousse onctueuse sans agresser le film hydrolipidique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eDes actifs naturels aux bienfaits complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e💧 Gel d'aloé vera bio\u003c\/h3\u003e\n\u003cp\u003eHydrate intensément, adoucit et protège la peau tout en contribuant à l'équilibre du pH.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌲 Huile essentielle de cèdre de l'Atlas\u003c\/h3\u003e\n\u003cp\u003eApporte une note boisée profonde et une sensation à la fois tonifiante et relaxante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍊 Huile essentielle de pamplemousse\u003c\/h3\u003e\n\u003cp\u003ePropriétés purifiantes et rafraîchissantes qui dynamisent votre réveil chaque matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌾 Huile essentielle de vétiver\u003c\/h3\u003e\n\u003cp\u003eVertus calmantes et régénérantes, elle ancre le parfum dans des notes terreuses chaleureuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🍋 Complexe aromatique\u003c\/h3\u003e\n\u003cp\u003eCitron, orange amère, litsea cubeba et patchouli complètent cette synergie pour un sillage boisé frais et envoûtant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eComment utiliser ce shampooing douche au quotidien ?\u003c\/h2\u003e\n\u003cdiv class=\"fb-timeline\"\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eMouillez\u003c\/h3\u003e\n\u003cp\u003eHumidifiez vos cheveux et votre peau sous l'eau tiède pour préparer l'application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de gel sur vos cheveux et votre corps. La texture généreuse glisse facilement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eFaites mousser en massant délicatement. Profitez du parfum boisé frais qui se libère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-item\"\u003e\n\u003cdiv class=\"fb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"fb-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire. Aucun résidu, une peau douce et des cheveux souples.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-tip\"\u003e\n\u003cspan class=\"fb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eConvient parfaitement à un \u003cstrong\u003eusage quotidien\u003c\/strong\u003e. Un seul produit dans votre douche, moins d'encombrement et plus de naturel !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\" open\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua, Erythritol, Coco-Glucoside, Decyl Glucoside, Coco-Betaine, Xanthan Gum, Citrus Limon Peel Oil*, Cedrus Atlantica Oil\/Extract*, Citrus Paradisi Peel Oil*, Aloe Barbadensis Leaf Juice Powder*, Litsea Cubeba Fruit Oil*, Citrus Aurantium Peel Oil*, Citrus Aurantium Amara Leaf\/Twig Oil*, Pogostemon Cablin Oil*, Vetiveria Zizanoides Root Oil*, Sodium Benzoate, Citric Acid, Sodium Hydroxide, Pinene, Limonene, Linalool, Potassium Sorbate, Linalyl Acetate, Citral.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique. 10 % du total des ingrédients sont bio.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fb-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fb-accordion\"\u003e\n\u003cdetails class=\"fb-accordion-item\"\u003e\n\u003csummary class=\"fb-accordion-header\"\u003e⚠️ Lire les précautions\u003c\/summary\u003e\n\u003cdiv class=\"fb-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux, les lèvres et les muqueuses. En cas de contact accidentel avec les yeux, rincez immédiatement et abondamment à l'eau claire. Tenir hors de portée des enfants. 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\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fb-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003ch2\u003eEn résumé\u003c\/h2\u003e\n\u003cdiv class=\"fb-grid-compact\"\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🧴 Contenance\u003c\/h3\u003e\n\u003cp\u003e200 ml en tube pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🏅 Certification\u003c\/h3\u003e\n\u003cp\u003eCOSMOS ORGANIC (Ecocert)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌿 Formule\u003c\/h3\u003e\n\u003cp\u003e98 % d'origine naturelle, sans sulfates\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eMade in France - Saint-Rémy-de-Provence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🚿 Usage\u003c\/h3\u003e\n\u003cp\u003eCorps et cheveux, au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-card\"\u003e\n\u003ch3\u003e🌲 Parfum\u003c\/h3\u003e\n\u003cp\u003eSillage boisé frais et envoûtant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fb-cta-box\"\u003e\n\u003cp\u003eUn \u003cstrong\u003eshampooing bio\u003c\/strong\u003e polyvalent, efficace et respectueux - parmi les meilleurs 2-en-1 du marché. Simplifiez votre routine avec Florame 🌿\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"fb-disclaimer\"\u003eLes résultats peuvent varier d'une personne à l'autre. Ce produit cosmétique ne remplace pas un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fb-cream: #f7f4f0;\n --fb-white: #ffffff;\n --fb-primary: #c8962e;\n --fb-primary-dark: #2d2d2d;\n --fb-primary-light: #faf5eb;\n --fb-secondary: #8b6914;\n --fb-accent: #d4a94b;\n --fb-text: #1a1a1a;\n --fb-text-light: #5a5a5a;\n --fb-border: #e5e0d8;\n --fb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fb-radius: 20px;\n --fb-radius-sm: 12px;\n}\n\n.fb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fb-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 40%, #3d3428 70%, #4a3c20 100%);\n border-radius: var(--fb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fb-shadow-lg);\n}\n\n.fb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(200,150,46,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(200,150,46,.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.fb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.fb-subtitle {\n color: var(--fb-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.fb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fb-primary), var(--fb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.fb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fb-card {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fb-shadow-lg);\n border-color: var(--fb-primary);\n}\n\n.fb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fb-grid-compact .fb-card {\n padding: 1rem;\n}\n\n.fb-grid-compact .fb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fb-grid-compact .fb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fb-primary), var(--fb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fb-timeline-content {\n flex: 1;\n background: var(--fb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fb-radius-sm);\n box-shadow: var(--fb-shadow);\n}\n\n.fb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fb-timeline-content p {\n font-size: 14px;\n color: var(--fb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fb-testimonial {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fb-shadow);\n border-left: 4px solid var(--fb-primary);\n}\n\n.fb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fb-accordion {\n background: var(--fb-white);\n border-radius: var(--fb-radius);\n box-shadow: var(--fb-shadow);\n overflow: hidden;\n}\n\n.fb-accordion-item {\n border-bottom: 1px solid var(--fb-border);\n margin: 0;\n padding: 0;\n}\n\n.fb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fb-accordion-header:hover {\n background: var(--fb-primary-light);\n}\n\n.fb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fb-primary);\n transition: transform .2s ease;\n}\n\n.fb-accordion-item[open] .fb-accordion-header::after {\n content: '−';\n}\n\n.fb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fb-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.fb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.fb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fb-primary-light);\n border-radius: var(--fb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fb-tip p {\n font-size: 14px;\n color: var(--fb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fb-cta-box {\n background: linear-gradient(135deg, #2d2d2d 0%, #3d3428 50%, #4a3c20 100%);\n border-radius: var(--fb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.fb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fb-disclaimer {\n font-size: 12px;\n color: var(--fb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fb-card {\n padding: 1.125rem;\n }\n\n .fb-section {\n margin-bottom: 1.75rem;\n }\n\n .fb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fb-radius-sm);\n }\n\n .fb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fb-grid-compact {\n gap: .625rem;\n }\n\n .fb-grid-compact .fb-card {\n padding: .75rem;\n }\n\n .fb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fb-timeline-content h3 {\n font-size: 14px;\n }\n\n .fb-timeline-content p {\n font-size: 13px;\n }\n\n .fb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fb-testimonial {\n padding: 1.25rem;\n }\n\n .fb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fb-card {\n animation: fbFadeInUp .5s ease backwards;\n }\n .fb-card:nth-child(1) { animation-delay: .05s; }\n .fb-card:nth-child(2) { animation-delay: .1s; }\n .fb-card:nth-child(3) { animation-delay: .15s; }\n .fb-card:nth-child(4) { animation-delay: .2s; }\n .fb-card:nth-child(5) { animation-delay: .25s; }\n .fb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56979695075705,"sku":"FM0555","price":9.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-douche-fraicheur-boisee-au-gel-daloe-vera-bio-200-lifestyle_b77284fd-f532-4ba2-a5df-d554f7a4381d.webp?v=1775551269"},{"product_id":"gel-douche-verveine-citron-bio-750-ml-florame","title":"Gel Douche Verveine Citron Bio - 750 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\u003cdiv class=\"fl-hero\"\u003e\n\u003cdiv class=\"fl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fl-hero-content\"\u003e\n\u003cdiv class=\"fl-badges-top\"\u003e\n\u003cspan class=\"fl-badge\"\u003e🍋 Verveine citron\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🌿 98 % naturel\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fl-hero-title\"\u003eGel Douche Verveine Citron Bio\u003c\/span\u003e\n\u003cp class=\"fl-subtitle\"\u003eFlorame - 750 ml\u003c\/p\u003e\n\u003cp class=\"fl-description\"\u003eFraîcheur vivifiante et douceur naturelle à chaque douche, aux huiles essentielles biologiques de verveine et de citron. Certifié COSMOS ORGANIC.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eGel douche bio verveine citron Florame : fraîcheur et douceur au quotidien\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eOffrez à votre peau un moment de bien-être authentique avec ce gel douche bio verveine citron Florame. Formulé à partir d'huiles essentielles biologiques de verveine et de citron, il transforme chaque douche en une parenthèse vivifiante et parfumée.\u003c\/p\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 Huiles essentielles bio\u003c\/h3\u003e\n\u003cp\u003eVerveine et citron pour un parfum frais et tonifiant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e👩👦 Format familial\u003c\/h3\u003e\n\u003cp\u003e750 ml généreux, idéal pour toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e♻️ Rechargeable\u003c\/h3\u003e\n\u003cp\u003eConçu pour durer et limiter le gaspillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n\u003cp\u003eCOSMOS ORGANIC par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eUne formule naturelle et respectueuse de votre peau\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🧪 98 % d'origine naturelle\u003c\/h3\u003e\n\u003cp\u003e10 % d'ingrédients issus de l'agriculture biologique pour une formule exigeante et transparente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌾 Tensioactifs doux végétaux\u003c\/h3\u003e\n\u003cp\u003eCoco-glucoside, décyl glucoside et coco-bétaïne nettoient efficacement sans agresser le film hydrolipidique de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eJus de feuille d'aloe vera biologique reconnu pour ses propriétés apaisantes et hydratantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍋 Parfum frais et tonifiant\u003c\/h3\u003e\n\u003cp\u003eHuiles essentielles de citron et de litsea cubeba pour un réveil sensoriel parfait le matin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n\u003cp\u003eConvient aux peaux sensibles, sans sensation de tiraillement. Peau propre, douce et confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💧 Douceur quotidienne\u003c\/h3\u003e\n\u003cp\u003eUne hygiène plus naturelle, respectueuse de l'équilibre cutané de toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eUn format familial, rechargeable et fabriqué en France\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e📦 750 ml généreux\u003c\/h3\u003e\n\u003cp\u003eUn flacon au format familial qui accompagne toute la famille pendant plusieurs semaines. Pompe pratique pour un dosage précis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e♻️ Système de recharge\u003c\/h3\u003e\n\u003cp\u003eFlorame propose un système de recharge gel douche bio, une démarche éco-responsable qui réduit la consommation de plastique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🏡 Fabriqué en Provence\u003c\/h3\u003e\n\u003cp\u003eConçu et fabriqué à Saint-Rémy-de-Provence, certifié COSMOS ORGANIC par Ecocert pour une traçabilité et une naturalité garanties.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (Water), Coco-Glucoside, Decyl Glucoside, Coco-Betaine, Aloe Barbadensis Leaf Juice Powder*, Xanthan Gum, Sodium Benzoate, Citric Acid, Citrus Limon (Lemon) Peel Oil*, Limonene, Litsea Cubeba Fruit Oil*, Potassium Sorbate, Citral, Pinene, Sodium Hydroxide.\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\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComment utiliser ce gel douche verveine citron ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-timeline\"\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de produit sur peau humide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser\u003c\/h3\u003e\n\u003cp\u003eMassez délicatement sur l'ensemble du corps pour créer une mousse légère et onctueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eProfitez\u003c\/h3\u003e\n\u003cp\u003eUtilisation quotidienne recommandée, idéalement le matin pour profiter de son effet tonifiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003e• Évitez le contact avec les yeux, les lèvres et les muqueuses.\u003cbr\u003e• En cas de contact avec les yeux, rincez immédiatement et abondamment à l'eau claire.\u003cbr\u003e• Usage externe uniquement.\u003cbr\u003e• Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePourquoi choisir ce gel douche bio Florame ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 98 % naturel\u003c\/h3\u003e\n\u003cp\u003eSans sulfates, respectueux de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍋 Parfum authentique\u003c\/h3\u003e\n\u003cp\u003eHuiles essentielles bio de verveine et citron\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003ePeau douce et apaisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e📦 750 ml rechargeable\u003c\/h3\u003e\n\u003cp\u003eFormat familial économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-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=\"fl-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in Provence\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-cta-box\"\u003e\n\u003cp\u003eSi vous cherchez un gel douche bio alliant efficacité, plaisir sensoriel et engagement écologique, ce soin Florame à la verveine citron saura vous séduire au quotidien. 🍋\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fl-cream: #f9f7f2;\n --fl-white: #ffffff;\n --fl-primary: #7ab648;\n --fl-primary-dark: #3d6b1e;\n --fl-primary-light: #edf6e3;\n --fl-secondary: #f5c842;\n --fl-accent: #f09c24;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e0e0e0;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1e 0%, #7ab648 50%, #f5c842 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-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(245,200,66,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-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.fl-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.fl-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.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-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.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-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.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0;\n}\n\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-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.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fl-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":56989918724473,"sku":"FM0575","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-verveine-citron-bio-750-ml-florame-lifestyle.webp?v=1775633600"},{"product_id":"gel-douche-amande-bio-750-ml-florame","title":"Gel Douche Amande Bio - 750 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"fl-hero\"\u003e\n\u003cdiv class=\"fl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fl-hero-content\"\u003e\n\u003cdiv class=\"fl-badges-top\"\u003e\n\u003cspan class=\"fl-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e♻️ Flacon rechargeable\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🌱 98 % d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fl-hero-title\"\u003eGel Douche Amande Bio\u003c\/span\u003e\n\u003cp class=\"fl-subtitle\"\u003eFlorame - 750 ml aux huiles essentielles\u003c\/p\u003e\n\u003cp class=\"fl-description\"\u003eUn soin lavant doux et gourmand, formulé à Saint-Rémy-de-Provence avec des ingrédients bio d'exception pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eGel Douche Amande Bio Florame - 750 ml aux Huiles Essentielles\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eOffrez à votre peau un moment de douceur authentique avec ce gel douche amande bio signé Florame, fabriqué en France à Saint-Rémy-de-Provence.\u003c\/p\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌾 98 % naturel\u003c\/h3\u003e\n\u003cp\u003eIngrédients d'origine naturelle soigneusement sélectionnés pour respecter votre peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🏅 Certifié Ecocert\u003c\/h3\u003e\n\u003cp\u003eLabel COSMOS ORGANIC, la garantie d'une cosmétique bio exigeante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eGrand format 750 ml avec pompe pratique pour un usage quotidien partagé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🧴 Pompe pratique\u003c\/h3\u003e\n\u003cp\u003eDosage facile et hygiénique pour un geste simple sous la douche\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce gel douche bio à l'amande douce ?\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eFlorame a composé une synergie d'actifs bio précieux pour un nettoyage en douceur et un confort longue durée.\u003c\/p\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌰 Huile d'amande amère bio\u003c\/h3\u003e\n\u003cp\u003eNourrit et adoucit la peau en profondeur grâce à ses vertus émollientes reconnues\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌵 Aloe vera en poudre\u003c\/h3\u003e\n\u003cp\u003eHydratant naturel puissant qui apaise et préserve le confort cutané au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌲 HE cèdre de l'Atlas bio\u003c\/h3\u003e\n\u003cp\u003eApporte une note tonifiante et boisée subtilement revigorante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍊 HE orange douce bio\u003c\/h3\u003e\n\u003cp\u003eFragrance chaleureuse et enveloppante pour un parfum gourmand irrésistible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e votre peau est propre, souple et délicatement parfumée, sans sensation de tiraillement. Convient à tous les types de peaux, y compris les peaux sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eUne formule clean, sans compromis\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🥥 Coco-Glucoside\u003c\/h3\u003e\n\u003cp\u003eTensioactif doux d'origine végétale qui nettoie sans agresser le film hydrolipidique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 Decyl Glucoside\u003c\/h3\u003e\n\u003cp\u003eAgent lavant naturel ultra-doux, parfaitement toléré même par les peaux réactives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🫧 Coco-Bétaïne\u003c\/h3\u003e\n\u003cp\u003eMousse onctueuse et légère, pour un nettoyage efficace en toute douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans sulfates agressifs, sans silicones :\u003c\/strong\u003e juste l'essentiel pour un soin lavant qui fait du bien à votre peau et à la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e📋 Liste intégrale des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua (Eau), Coco-Glucoside, Decyl Glucoside, Coco-Bétaïne, Aloe Barbadensis Leaf Juice Powder (poudre de jus d'aloe vera), Xanthan Gum (gomme xanthane), Sodium Benzoate, Citric Acid, Potassium Sorbate, Prunus Amygdalus Amara Kernel Oil* (huile de noyau d'amande amère bio), Sodium Hydroxide, Cedrus Atlantica Bark Oil* (huile essentielle de cèdre de l'Atlas bio), Citrus Aurantium Dulcis Peel Oil* (huile essentielle d'orange douce bio), Benzaldehyde.\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem;\"\u003e\u003cstrong\u003e98 % du total d'origine naturelle - 10 % issus de l'Agriculture Biologique.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComment utiliser ce gel douche bio rechargeable ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-timeline\"\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eMouillez votre peau\u003c\/h3\u003e\n\u003cp\u003eSous la douche, humidifiez l'ensemble de votre corps à l'eau tiède.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n\u003cp\u003ePressez la pompe pour déposer une noisette de gel douche dans le creux de votre main.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eFaites mousser délicatement\u003c\/h3\u003e\n\u003cp\u003eLa texture fluide et onctueuse se transforme en une mousse légère très agréable sur tout le corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez à l'eau claire. Utilisable quotidiennement, matin ou soir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e♻️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eGeste éco-responsable :\u003c\/strong\u003e le flacon pompe de 750 ml est conçu pour être rechargeable, un geste concret pour réduire vos déchets plastiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eLes bienfaits en un coup d'œil\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🧼 Nettoyage doux\u003c\/h3\u003e\n\u003cp\u003eGrâce aux tensioactifs végétaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💧 Hydratation\u003c\/h3\u003e\n\u003cp\u003eApportée par l'aloe vera\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌰 Nutrition\u003c\/h3\u003e\n\u003cp\u003eConfort grâce à l'huile d'amande bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🛡️ Équilibre cutané\u003c\/h3\u003e\n\u003cp\u003eMême sur peaux sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍊 Parfum gourmand\u003c\/h3\u003e\n\u003cp\u003eAmande et orange douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e♻️ Rechargeable\u003c\/h3\u003e\n\u003cp\u003eFormat économique de 750 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e⚠️ Précautions et conseils de sécurité\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux et les muqueuses. En cas de contact accidentel, rincez immédiatement à l'eau claire. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"fl-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"fl-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau la douceur de la Provence - un gel douche bio, naturel et rechargeable pour un rituel quotidien responsable et gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"fl-disclaimer\"\u003eLes huiles essentielles contenues dans ce produit le déconseillent aux femmes enceintes et allaitantes, ainsi qu'aux enfants de moins de 3 ans. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fl-cream: #faf8f4;\n --fl-white: #ffffff;\n --fl-primary: #7a9e56;\n --fl-primary-dark: #4a6b2e;\n --fl-primary-light: #f0f5ea;\n --fl-secondary: #d4a24e;\n --fl-accent: #e8c87a;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e4dfd6;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6b2e 0%, #7a9e56 40%, #d4a24e 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-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.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-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.fl-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.fl-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.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-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.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-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.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-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 .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n\n .fl-badges-top {\n gap: 6px;\n }\n\n .fl-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fl-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":56990202102137,"sku":"FM0580","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-amande-bio-750-ml-florame-lifestyle.webp?v=1775634319"},{"product_id":"shampooing-familial-bio-400-ml-florame","title":"Shampooing Familial Bio - 400 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\u003cdiv class=\"fl-hero\"\u003e\n\u003cdiv class=\"fl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fl-hero-content\"\u003e\n\u003cdiv class=\"fl-badges-top\"\u003e\n\u003cspan class=\"fl-badge\"\u003e🌿 Certifié COSMOS Organic\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e👨👩👧👦 Dès 3 ans\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🍊 97 % d'origine naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fl-hero-title\"\u003eShampooing Familial Bio Florame\u003c\/span\u003e\n\u003cp class=\"fl-subtitle\"\u003eAux huiles essentielles biologiques de lavande fine \u0026amp; orange douce\u003c\/p\u003e\n\u003cp class=\"fl-description\"\u003eUn shampooing naturel sans sulfates, doux et efficace pour toute la famille. 400 ml de soin provençal certifié bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eShampooing Familial Bio Florame : le soin naturel pour toute la famille\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eVous cherchez un \u003cstrong\u003eshampooing bio\u003c\/strong\u003e doux, efficace et adapté à tous les membres de la famille ?\u003c\/p\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💜 Lavande fine bio\u003c\/h3\u003e\n\u003cp\u003eDouceur et légèreté pour les cheveux de toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍊 Orange douce bio\u003c\/h3\u003e\n\u003cp\u003eNotes chaleureuses et propriétés purifiantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌾 Sans sulfates\u003c\/h3\u003e\n\u003cp\u003eBase lavante d'origine végétale respectueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🏡 Made in Provence\u003c\/h3\u003e\n\u003cp\u003eFabriqué à Saint-Rémy-de-Provence, certifié COSMOS Organic\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"fl-post-intro\"\u003eFormulé avec des \u003cstrong\u003ehuiles essentielles biologiques\u003c\/strong\u003e de lavande fine et d'orange douce, pour des cheveux propres, souples et délicatement parfumés. Convient à toute la famille dès 3 ans.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce shampooing naturel ?\u003c\/h2\u003e\n\u003cdiv class=\"fl-highlight-box\"\u003e\n\u003cp\u003eContrairement aux shampooings conventionnels chargés en sulfates agressifs, ce \u003cstrong\u003eshampooing naturel\u003c\/strong\u003e Florame repose sur une \u003cstrong\u003ebase lavante d'origine végétale sans sulfates\u003c\/strong\u003e. Il nettoie le cuir chevelu et les cheveux en profondeur tout en préservant leur équilibre naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✨ Cheveux souples et brillants\u003c\/h3\u003e\n\u003cp\u003eVos cheveux sont souples, brillants et soyeux, sans être allourdis ni desséchés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌱 97 % naturel\u003c\/h3\u003e\n\u003cp\u003e97 % d'ingrédients d'origine naturelle et 20 % issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n\u003cp\u003eGrand format de 400 ml, allié pratique et économique pour un usage quotidien par toute la famille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eDes actifs bio soigneusement sélectionnés\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eLa richesse de ce shampooing bio réside dans la qualité de ses ingrédients actifs, travaillant en synergie pour un lavage doux mais efficace.\u003c\/p\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card fl-card-ingredient\"\u003e\n\u003ch3\u003e💜 Eau florale de lavande bio\u003c\/h3\u003e\n\u003cp\u003eApaise et protège le cuir chevelu, tout en apportant un parfum provençal délicat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card fl-card-ingredient\"\u003e\n\u003ch3\u003e💐 Huile essentielle de lavande fine bio\u003c\/h3\u003e\n\u003cp\u003eStimule les cheveux et leur confère douceur et légèreté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card fl-card-ingredient\"\u003e\n\u003ch3\u003e🍊 Huile essentielle d'orange douce bio\u003c\/h3\u003e\n\u003cp\u003eComplète le soin avec ses notes chaleureuses et ses propriétés purifiantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card fl-card-ingredient\"\u003e\n\u003ch3\u003e🌵 Jus d'aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eHydrate et assouplit la fibre capillaire en douceur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"fl-post-intro\"\u003eCes actifs sont idéals pour les cheveux de toute la famille, qu'ils soient fins, normaux ou épais.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComment utiliser ce shampooing bio Florame ?\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eL'utilisation est très simple et convient à un usage quotidien :\u003c\/p\u003e\n\u003cdiv class=\"fl-timeline\"\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n\u003cp\u003ePassez vos cheveux sous l'eau tiède pour bien les imbiber\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eAppliquez et massez\u003c\/h3\u003e\n\u003cp\u003eAppliquez une noisette de shampooing et faites mousser en massant délicatement le cuir chevelu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau claire jusqu'à ce que l'eau soit limpide\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003ePour un soin complet, complétez la routine avec un \u003cstrong\u003eaprès-shampooing bio\u003c\/strong\u003e adapté à votre type de cheveux, afin de faciliter le démêlage et nourrir les longueurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e📋 Composition INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua, Lavandula Angustifolia Flower Water*, Sodium Lauroyl Glutamate, Lauryl Glucoside, Glycerin, Sodium Cocoamphoacetate, Citric Acid, Sodium Chloride, Caprylyl\/Capryl Glucoside, Cocamidopropyl Betaine, Coco-Glucoside, Glyceryl Oleate, Xylitylglucoside, Anhydroxylitol, Sodium Laurate, Citrus Aurantium Dulcis Peel Oil*, Xylitol, Lavandula Angustifolia Oil*, Levulinic Acid, Sodium Levulinate, Aloe Barbadensis Leaf Juice Powder*, Hydrogenated Palm Glycerides Citrate, Tocopherol, Sodium Benzoate, Potassium Sorbate, Sodium Hydroxide, 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\u003c\/section\u003e\n\u003csection class=\"fl-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eCe qu'il faut retenir\u003c\/h2\u003e\n\u003cdiv class=\"fl-grid-compact\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e📏 400 ml\u003c\/h3\u003e\n\u003cp\u003eGrand format économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eCertification biologique reconnue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🚫 Sans sulfates\u003c\/h3\u003e\n\u003cp\u003eBase lavante végétale douce\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e👩👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient dès 3 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eSaint-Rémy-de-Provence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 97 % naturel\u003c\/h3\u003e\n\u003cp\u003e20 % issus de l'agriculture bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"fl-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un avis ou un traitement médical. En cas de sensibilité du cuir chevelu, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fl-cream: #fdf8f0;\n --fl-white: #ffffff;\n --fl-primary: #d4952b;\n --fl-primary-dark: #8b5e1a;\n --fl-primary-light: #fef5e7;\n --fl-secondary: #7b6aa0;\n --fl-accent: #5a3e1b;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e8ddd0;\n --fl-shadow: 0 4px 24px rgba(139,94,26,.08);\n --fl-shadow-lg: 0 12px 48px rgba(139,94,26,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #8b5e1a 0%, #d4952b 45%, #7b6aa0 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-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.fl-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.fl-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.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT CARD ACCENT === *\/\n.fl-card-ingredient {\n border-left: 4px solid var(--fl-primary);\n}\n\n\/* === GRILLES === *\/\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.fl-highlight-box {\n background: linear-gradient(135deg, var(--fl-primary-light) 0%, rgba(123,106,160,.08) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--fl-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-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.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.fl-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === SECTION INTRO \u0026 POST INTRO === *\/\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.fl-post-intro {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--fl-text-light);\n margin-top: 1.25rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === DISCLAIMER === *\/\n.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-highlight-box {\n padding: 1rem;\n }\n\n .fl-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\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 .fl-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":56990245159289,"sku":"FM0610","price":13.8,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-familial-bio-400-ml-florame-lifestyle_a0ba92b0-a268-41a4-a9da-ec3a322f1b7d.webp?v=1775635178"},{"product_id":"creme-mains-nourrissante-bio-50-ml-florame","title":"Crème Mains Nourrissante Bio - 50 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fl-hero\"\u003e\n \u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fl-hero-content\"\u003e\n \u003cdiv class=\"fl-badges-top\"\u003e\n \u003cspan class=\"fl-badge\"\u003e🌿 Certifiée COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🌻 Huiles végétales bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fl-hero-title\"\u003eCrème mains nourrissante bio\u003c\/span\u003e\n \u003cp class=\"fl-subtitle\"\u003eFlorame - Gamme Nutrition · 50 ml\u003c\/p\u003e\n \u003cp class=\"fl-description\"\u003eUn bain de nutrition aux huiles végétales bio et à la cameline bio pour des mains douces, souples et protégées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eCrème Mains Nourrissante Bio Florame - Soin naturel aux huiles végétales et cameline bio\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eVos mains sont constamment sollicitées : froid, lavages fréquents, travaux du quotidien… Elles méritent un soin à la hauteur de ces agressions. La \u003cstrong\u003ecrème mains nourrissante bio Florame\u003c\/strong\u003e a été formulée pour répondre précisément à ce besoin. Enrichie en \u003cstrong\u003ehuiles végétales bio\u003c\/strong\u003e et en \u003cstrong\u003ecameline bio\u003c\/strong\u003e, cette crème pour les mains bio de 50 ml offre un véritable bain de nutrition à votre peau, tout en respectant vos exigences naturelles et écologiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème mains nourrissante bio ?\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eFlorame, maison provençale installée à \u003cstrong\u003eSaint-Rémy-de-Provence\u003c\/strong\u003e, élabore ses soins avec un savoir-faire reconnu dans l'univers de la cosmétique bio. Cette crème mains nourrissante appartient à la gamme \u003cstrong\u003eNutrition\u003c\/strong\u003e, spécialement conçue pour les peaux en quête de confort et d'hydratation durable.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e✅ Certifiée COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eGarantie par Cosmébio, un soin respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌾 Cameline bio \u0026amp; huiles végétales\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga-3, la cameline bio apporte des propriétés réparatrices exceptionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriquée en France\u003c\/h3\u003e\n \u003cp\u003eDans le respect de la tradition cosmétique provençale, à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e👜 Format pratique 50 ml\u003c\/h3\u003e\n \u003cp\u003eIdéal pour glisser dans votre sac et nourrir vos mains à tout moment de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eL'huile de cameline bio : un actif précieux pour vos mains\u003c\/h2\u003e\n \u003cdiv class=\"fl-testimonial\"\u003e\n \u003cp class=\"fl-testimonial-text\"\u003eSi vous cherchez une crème bio pour les mains qui se distingue vraiment, la présence de cameline bio fait toute la différence. Cette plante, cultivée depuis des siècles en Europe, produit une huile particulièrement riche en \u003cstrong\u003eacides gras essentiels\u003c\/strong\u003e. Elle est réputée pour aider à \u003cstrong\u003enourrir les peaux sèches\u003c\/strong\u003e, à renforcer la barrière cutanée et à apporter souplesse et douceur. Associée à d'autres huiles végétales bio soigneusement sélectionnées, elle constitue le cœur de cette formule nourrissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème mains bio Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"fl-timeline\"\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003ePréparez vos mains\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite noisette de crème sur des mains propres et sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eInsistez sur les zones les plus sèches : dos des mains, articulations, contour des ongles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez à volonté\u003c\/h3\u003e\n \u003cp\u003eRéappliquez autant de fois que nécessaire au cours de la journée, notamment après chaque lavage des mains.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un soin intensif, appliquez une couche généreuse le soir avant de dormir. Vos mains seront visiblement plus douces au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette crème nourrissante mains ?\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eCette crème mains bio convient à toutes les personnes soucieuses de prendre soin de leurs mains avec un produit d'origine naturelle et certifié bio. Elle sera particulièrement appréciée si vous avez :\u003c\/p\u003e\n \u003cdiv class=\"fl-grid-compact\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e❄️ Mains sèches ou inconfortables\u003c\/h3\u003e\n \u003cp\u003eSurtout en période hivernale, quand le froid agresse la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌸 Peau sensible\u003c\/h3\u003e\n \u003cp\u003eQui réagit aux cosmétiques conventionnels et nécessite une formule douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌿 Envie de naturel\u003c\/h3\u003e\n \u003cp\u003eLe souhait d'utiliser des soins naturels, bio et fabriqués en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e✨ Douceur au quotidien\u003c\/h3\u003e\n \u003cp\u003eUn soin pratique à emporter partout pour des mains nourries toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes engagements Florame\u003c\/h2\u003e\n \u003cdiv class=\"fl-cta-box\"\u003e\n \u003cp\u003eEn choisissant Florame, vous optez pour une marque pionnière de la cosmétique bio en France. Chaque produit est formulé avec des \u003cstrong\u003eingrédients d'origine naturelle\u003c\/strong\u003e, dans le respect de la certification COSMOS Organic. Les emballages sont pensés pour limiter l'impact environnemental, et la fabrication reste ancrée en Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fl-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 --fl-cream: #fefcf6;\n --fl-white: #ffffff;\n --fl-primary: #f0bc1c;\n --fl-primary-dark: #6b5a10;\n --fl-primary-light: #fdf6e0;\n --fl-secondary: #e8a608;\n --fl-accent: #d4960a;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #eee5d0;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #f7d855 0%, #f0b c1c 40%, #e8a608 100%);\n background: linear-gradient(135deg, #f7d855 0%, #f0b81c 40%, #c4920a 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-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,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-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.fl-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.fl-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\/* === BADGES === *\/\n.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-accent) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-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 .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\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 .fl-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":56990309384569,"sku":"FM0485","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-mains-nourrissante-bio-50-ml-florame-lifestyle.webp?v=1775636157"},{"product_id":"creme-pieds-apaisante-bio-75-ml-florame","title":"Crème Pieds Apaisante Bio - 75 ml - Florame","description":"\u003cdiv class=\"fp-premium\"\u003e\n\n \u003cdiv class=\"fp-hero\"\u003e\n \u003cdiv class=\"fp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fp-hero-content\"\u003e\n \u003cdiv class=\"fp-badges-top\"\u003e\n \u003cspan class=\"fp-badge\"\u003e🌿 Certifiée COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"fp-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"fp-badge\"\u003e🐰 Cruelty Free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fp-hero-title\"\u003eCrème Pieds Apaisante Bio\u003c\/span\u003e\n \u003cp class=\"fp-subtitle\"\u003eFlorame - 75 ml\u003c\/p\u003e\n \u003cp class=\"fp-description\"\u003eUn soin nourrissant aux 8 actifs végétaux bio pour retrouver des pieds doux, souples et apaisés dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fp-section\"\u003e\n \u003ch2\u003eCrème Pieds Apaisante Bio Florame : soin nourrissant aux huiles végétales et à la cameline\u003c\/h2\u003e\n \u003cp class=\"fp-section-intro\"\u003eVos pieds tiraillent, semblent rêches au toucher ou manquent cruellement de confort ?\u003c\/p\u003e\n \u003cp class=\"fp-section-text\"\u003eLa \u003cstrong\u003eCrème Pieds Apaisante Bio de Florame\u003c\/strong\u003e est formulée pour répondre précisément à ces besoins. Enrichie en \u003cstrong\u003ebeurre de karité\u003c\/strong\u003e, en \u003cstrong\u003ehuile de cameline bio\u003c\/strong\u003e et en \u003cstrong\u003eextrait de calendula\u003c\/strong\u003e, elle nourrit, apaise et protège vos pieds au quotidien. Un soin certifié bio, fabriqué en France, à la texture fondante qui pénètre rapidement sans laisser de film gras.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fp-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème pour les pieds bio ?\u003c\/h2\u003e\n \u003cp class=\"fp-section-intro\"\u003eContrairement à de nombreuses crèmes conventionnelles, cette \u003cstrong\u003ecrème pieds secs bio\u003c\/strong\u003e mise sur la synergie de \u003cstrong\u003ehuit actifs végétaux\u003c\/strong\u003e soigneusement sélectionnés. Elle nourrit durablement la peau et l'aide à retrouver souplesse et douceur, dès la première application.\u003c\/p\u003e\n \u003cdiv class=\"fp-grid\"\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🧈 Nourrit intensément\u003c\/h3\u003e\n \u003cp\u003eGrâce au beurre de karité et à l'huile d'onagre bio, la peau est nourrie en profondeur et retrouve son confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🌼 Apaise les pieds fragilisés\u003c\/h3\u003e\n \u003cp\u003eL'extrait de calendula aux propriétés apaisantes calme les sensations d'inconfort et de tiraillement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🔄 Régénère la peau\u003c\/h3\u003e\n \u003cp\u003eL'huile de cameline bio, riche en oméga-3, favorise la régénération cutanée pour une peau plus résistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e💧 Hydrate en profondeur\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera et l'huile de jojoba bio apportent une hydratation durable, même aux peaux les plus sèches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🛡️ Protège durablement\u003c\/h3\u003e\n \u003cp\u003eL'huile d'olive et l'huile de tournesol forment un voile protecteur naturel contre les agressions quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-tip\"\u003e\n \u003cspan class=\"fp-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e une sensation immédiate de confort et de bien-être, des pieds visiblement plus doux et une peau qui retrouve sa souplesse naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fp-section\"\u003e\n \u003ch2\u003eComposition détaillée et liste INCI\u003c\/h2\u003e\n \u003cp class=\"fp-section-intro\"\u003eCette \u003cstrong\u003ecrème réparatrice pieds bio\u003c\/strong\u003e contient \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e65 % d'ingrédients issus de l'agriculture biologique\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"fp-grid-compact\"\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🌾 99 %\u003c\/h3\u003e\n \u003cp\u003eD'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🌱 65 %\u003c\/h3\u003e\n \u003cp\u003eD'ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-accordion\"\u003e\n \u003cdetails class=\"fp-accordion-item\"\u003e\n \u003csummary class=\"fp-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"fp-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua (Water), Glycerin**, Butyrospermum Parkii (Shea) Butter*, Stearic Acid, Stearyl Alcohol, Caprylic\/Capric Triglyceride, Glyceryl Stearate SE, Coco-Caprylate\/Caprate, Glyceryl Stearate Citrate, Oenothera Biennis (Evening Primrose) Oil*, Simmondsia Chinensis (Jojoba) Seed Oil*, Olea Europaea (Olive) Fruit Oil*, Xanthan Gum, Aloe Barbadensis Leaf Juice Powder*, Camelina Sativa Seed Oil*, Sodium Citrate, Calendula Officinalis Flower Extract*, Dehydroxanthan Gum, Helianthus Annuus (Sunflower) Seed Oil, Tocopherol, Parfum (Fragrance), Sodium Benzoate, Potassium Sorbate, Sodium Dehydroacetate, Citric Acid, Sodium Hydroxide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fp-section\"\u003e\n \u003ch2\u003eComment bien appliquer cette crème pieds apaisante Florame ?\u003c\/h2\u003e\n \u003cp class=\"fp-section-intro\"\u003ePour profiter pleinement des bienfaits de ce soin, suivez ces conseils simples :\u003c\/p\u003e\n \u003cdiv class=\"fp-timeline\"\u003e\n \u003cdiv class=\"fp-timeline-item\"\u003e\n \u003cdiv class=\"fp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fp-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eUne noisette de crème sur des pieds propres et secs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-timeline-item\"\u003e\n \u003cdiv class=\"fp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fp-timeline-content\"\u003e\n \u003ch3\u003eMassez doucement\u003c\/h3\u003e\n \u003cp\u003eEn insistant sur les zones sèches : talons, voûtes plantaires, orteils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-timeline-item\"\u003e\n \u003cdiv class=\"fp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fp-timeline-content\"\u003e\n \u003ch3\u003eAstuce bien-être\u003c\/h3\u003e\n \u003cp\u003ePour un effet optimal, réalisez un gommage des pieds une fois par semaine avant l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-tip\"\u003e\n \u003cspan class=\"fp-tip-icon\"\u003e🧦\u003c\/span\u003e\n \u003cp\u003eSa texture fluide et non grasse vous permet d'enfiler vos chaussettes immédiatement après l'application, même le matin. Idéale pour un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fp-section\"\u003e\n \u003ch2\u003eDes garanties de qualité exigeantes\u003c\/h2\u003e\n \u003cdiv class=\"fp-grid-compact\"\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifiée par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🔬 Contrôle dermatologique\u003c\/h3\u003e\n \u003cp\u003eTestée sous contrôle dermatologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🛡️ Tolérance optimale\u003c\/h3\u003e\n \u003cp\u003eFormulée pour limiter les risques d'allergies\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🐰 Cruelty Free\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée à Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fp-card\"\u003e\n \u003ch3\u003e🌿 75 ml\u003c\/h3\u003e\n \u003cp\u003ePlusieurs semaines d'utilisation quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"fp-section-text\" style=\"margin-top:1.25rem; text-align:center;\"\u003eFlorame, maison provençale experte en aromathérapie et cosmétique bio, propose avec cette crème un soin respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fp-cta-box\"\u003e\n \u003cp\u003e🌸 Convient à tous les types de peaux, et particulièrement recommandée pour les \u003cstrong\u003epeaux sèches et sensibles\u003c\/strong\u003e. Offrez à vos pieds le confort qu'ils méritent, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fp-disclaimer\"\u003eCe soin cosmétique ne remplace pas un avis médical en cas de problème cutané persistant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fp-cream: #fdf9f3;\n --fp-white: #ffffff;\n --fp-primary: #e8b525;\n --fp-primary-dark: #8a6a10;\n --fp-primary-light: #fef8e6;\n --fp-secondary: #d4a017;\n --fp-accent: #5a8a2a;\n --fp-text: #1a1a1a;\n --fp-text-light: #5a5a5a;\n --fp-border: #ece3d0;\n --fp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fp-radius: 20px;\n --fp-radius-sm: 12px;\n}\n\n.fp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fp-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.fp-hero {\n position: relative;\n background: linear-gradient(135deg, #d4a017 0%, #e8b525 40%, #5a8a2a 100%);\n border-radius: var(--fp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fp-shadow-lg);\n}\n\n.fp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 60%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%);\n opacity: 1;\n}\n\n.fp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.fp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.fp-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.fp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.fp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fp-primary), var(--fp-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION TEXTS === *\/\n.fp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.fp-section-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--fp-text-light);\n line-height: 1.7;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.fp-card {\n background: var(--fp-white);\n border-radius: var(--fp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fp-shadow-lg);\n border-color: var(--fp-primary);\n}\n\n.fp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fp-grid-compact .fp-card {\n padding: 1rem;\n}\n\n.fp-grid-compact .fp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fp-grid-compact .fp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fp-primary), var(--fp-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.fp-timeline-content {\n flex: 1;\n background: var(--fp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fp-radius-sm);\n box-shadow: var(--fp-shadow);\n}\n\n.fp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fp-timeline-content p {\n font-size: 14px;\n color: var(--fp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fp-testimonial {\n background: var(--fp-white);\n border-radius: var(--fp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fp-shadow);\n border-left: 4px solid var(--fp-primary);\n}\n\n.fp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fp-accordion {\n background: var(--fp-white);\n border-radius: var(--fp-radius);\n box-shadow: var(--fp-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.fp-accordion-item {\n border-bottom: 1px solid var(--fp-border);\n margin: 0;\n padding: 0;\n}\n\n.fp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fp-accordion-header:hover {\n background: var(--fp-primary-light);\n}\n\n.fp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fp-primary);\n transition: transform .2s ease;\n}\n\n.fp-accordion-item[open] .fp-accordion-header::after {\n content: '−';\n}\n\n.fp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fp-accordion-content p {\n margin: 0;\n word-break: break-word;\n}\n\n\/* === TIP BOX === *\/\n.fp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fp-primary-light);\n border-radius: var(--fp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fp-tip p {\n font-size: 14px;\n color: var(--fp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fp-cta-box {\n background: linear-gradient(135deg, var(--fp-primary) 0%, var(--fp-primary-dark) 100%);\n border-radius: var(--fp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fp-disclaimer {\n font-size: 12px;\n color: var(--fp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fp-card {\n padding: 1.125rem;\n }\n\n .fp-section {\n margin-bottom: 1.75rem;\n }\n\n .fp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fp-radius-sm);\n }\n\n .fp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fp-grid-compact {\n gap: .625rem;\n }\n\n .fp-grid-compact .fp-card {\n padding: .75rem;\n }\n\n .fp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fp-timeline-content h3 {\n font-size: 14px;\n }\n\n .fp-timeline-content p {\n font-size: 13px;\n }\n\n .fp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fp-testimonial {\n padding: 1.25rem;\n }\n\n .fp-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fp-card {\n animation: fpFadeInUp .5s ease backwards;\n }\n .fp-card:nth-child(1) { animation-delay: .05s; }\n .fp-card:nth-child(2) { animation-delay: .1s; }\n .fp-card:nth-child(3) { animation-delay: .15s; }\n .fp-card:nth-child(4) { animation-delay: .2s; }\n .fp-card:nth-child(5) { animation-delay: .25s; }\n .fp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56990480892281,"sku":"FM0490","price":11.25,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-pieds-apaisante-bio-75-ml-florame-lifestyle.webp?v=1775637321"},{"product_id":"spray-purifiant-agrumes-bio-180-ml-florame","title":"Spray Purifiant Agrumes Bio - 180 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fl-hero\"\u003e\n \u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fl-hero-content\"\u003e\n \u003cdiv class=\"fl-badges-top\"\u003e\n \u003cspan class=\"fl-badge\"\u003e🍊 28 huiles essentielles bio\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🛡️ Efficacité prouvée\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🌿 Certifié ECOCERT\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fl-hero-title\"\u003eSpray Purifiant Agrumes Bio\u003c\/span\u003e\n \u003cp class=\"fl-subtitle\"\u003eFlorame - 180 ml\u003c\/p\u003e\n \u003cp class=\"fl-description\"\u003eLa puissance de 28 huiles essentielles biologiques pour assainir votre air, neutraliser les odeurs et désinfecter vos surfaces en un seul geste frais et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eSpray Purifiant Agrumes Bio Florame : 28 huiles essentielles pour assainir votre intérieur\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eVous cherchez un \u003cstrong\u003edésodorisant naturel maison\u003c\/strong\u003e vraiment efficace, capable d'éliminer les mauvaises odeurs tout en assainissant l'air et les surfaces ? Le \u003cstrong\u003eSpray Purifiant Agrumes Bio de Florame\u003c\/strong\u003e combine la puissance de \u003cstrong\u003e28 huiles essentielles biologiques\u003c\/strong\u003e dans une formule certifiée \u003cstrong\u003eECOCERT Greenlife\u003c\/strong\u003e, à l'efficacité scientifiquement prouvée contre les virus, bactéries et champignons.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid-compact\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🍊 Fraîcheur agrumée\u003c\/h3\u003e\n \u003cp\u003eUn parfum 100 % naturel qui transforme l'atmosphère de chaque pièce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧪 Testé en labo\u003c\/h3\u003e\n \u003cp\u003eEfficacité prouvée contre virus, bactéries et champignons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌱 99 % bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine végétale et biologique, sans synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🏠 Air \u0026amp; surfaces\u003c\/h3\u003e\n \u003cp\u003eAction 2-en-1 : désinfecte et neutralise les odeurs en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eUne efficacité prouvée en laboratoire\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eCe n'est pas un simple parfum d'ambiance. Ce spray a été testé selon des normes européennes rigoureuses :\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card fl-card-proof\"\u003e\n \u003ch3\u003e🦠 Bactéricide\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eNormes NF EN 1276 \u0026amp; 13697\u003c\/strong\u003e\u003cbr\u003eActif en \u003cstrong\u003e5 minutes\u003c\/strong\u003e contre \u003cem\u003ePseudomonas aeruginosa\u003c\/em\u003e et \u003cem\u003eStaphylococcus aureus\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card fl-card-proof\"\u003e\n \u003ch3\u003e🍄 Fongicide\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eNormes NF EN 1650 \u0026amp; 13697\u003c\/strong\u003e\u003cbr\u003eActif en \u003cstrong\u003e15 minutes\u003c\/strong\u003e contre \u003cem\u003eCandida albicans\u003c\/em\u003e et \u003cem\u003eAspergillus niger\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card fl-card-proof\"\u003e\n \u003ch3\u003e🛡️ Virucide\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eNorme NF EN 14476\u003c\/strong\u003e\u003cbr\u003eActif en \u003cstrong\u003e15 minutes\u003c\/strong\u003e contre l'adénovirus de type 5\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eQue vous l'utilisiez comme \u003cstrong\u003edésodorisant naturel pour chaussures\u003c\/strong\u003e, \u003cstrong\u003edésodorisant naturel WC\u003c\/strong\u003e ou pour purifier l'air du salon, son action 2-en-1 désinfecte et neutralise les odeurs en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eUne synergie unique de 28 huiles essentielles bio\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eLa richesse de cette formule repose sur un mélange soigneusement dosé d'huiles essentielles aux propriétés complémentaires :\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🍋 Agrumes\u003c\/h3\u003e\n \u003cp\u003eOrange douce, citron, bergamote, pamplemousse, mandarine, bigarade\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧴 Assainissantes\u003c\/h3\u003e\n \u003cp\u003eArbre à thé, niaouli, eucalyptus radiata, clou de girofle, origan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e✨ Purifiantes\u003c\/h3\u003e\n \u003cp\u003eCitronnelle de Java, palmarosa, litsea cubeba, myrte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌲 Apaisantes et boisées\u003c\/h3\u003e\n \u003cp\u003eLavande fine, cèdre de l'Atlas, vétiver, ylang-ylang, sapin noir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌿 Aromatiques\u003c\/h3\u003e\n \u003cp\u003eMenthe poivrée, coriandre, cardamome, gingembre, genévrier, camphre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e99 % des ingrédients sont d'origine végétale et biologique.\u003c\/strong\u003e Le parfum est 100 % d'origine naturelle, sans gaz propulseur ni parfum de synthèse. Fabriqué en France, à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eComment utiliser ce désodorisant naturel ?\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eSon utilisation est simple et s'adapte à toutes les pièces de la maison :\u003c\/p\u003e\n \u003cdiv class=\"fl-timeline\"\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3 à 8 pulvérisations\u003c\/strong\u003e selon la taille de la pièce ou de la surface à traiter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eRépartissez\u003c\/h3\u003e\n \u003cp\u003eDistribuez les pulvérisations dans l'ensemble de la zone à traiter pour une couverture optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eSortez de la pièce et \u003cstrong\u003elaissez agir au minimum 30 minutes\u003c\/strong\u003e, puis aérez généreusement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eRenouvelez 1 à 3 fois par jour, en espaçant chaque utilisation d'au moins 2 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e👟\u003c\/span\u003e\n \u003cp\u003eCe spray est idéal comme \u003cstrong\u003edésodorisant chaussure naturel\u003c\/strong\u003e : quelques pulvérisations à l'intérieur suffisent pour éliminer les odeurs tenaces. Il convient aussi parfaitement comme \u003cstrong\u003edésodorisant WC naturel\u003c\/strong\u003e ou pour assainir les espaces confinés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fl-accordion\"\u003e\n \u003cdetails class=\"fl-accordion-item\"\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e👶 Enfants et jeunes enfants\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser en présence d'enfants de moins de 3 ans ; attendre 30 minutes avant de les remettre en contact avec l'espace traité. Ne pas pulvériser au-dessus de la literie des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fl-accordion-item\"\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e🧪 Matériaux et surfaces\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003eTestez sur une petite surface avant utilisation sur un matériau fragile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fl-accordion-item\"\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e⚠️ Sécurité et inflammabilité\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003eLiquide et vapeurs inflammables - peut provoquer une réaction allergique cutanée. En cas d'ingestion, contactez immédiatement un centre antipoison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fl-accordion-item\"\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e💊 Avertissement médical\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eCe produit ne se substitue pas à un traitement médical.\u003c\/strong\u003e Il est destiné à l'assainissement de l'air et des surfaces dans un cadre domestique.\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=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fl-cta-box\"\u003e\n \u003cp\u003e🍊 Avec le Spray Purifiant Agrumes Bio Florame, vous optez pour un \u003cstrong\u003edésodorisant maison naturel\u003c\/strong\u003e à la fois agréable et réellement efficace. Son parfum frais d'agrumes transforme l'atmosphère de votre intérieur, tandis que ses 28 huiles essentielles bio travaillent en profondeur pour un environnement plus sain au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fl-disclaimer\"\u003eComplément destiné à l'assainissement domestique. Ne se substitue pas à un traitement médical. 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 --fl-cream: #fffaf5;\n --fl-white: #ffffff;\n --fl-primary: #f0911e;\n --fl-primary-dark: #c26e0a;\n --fl-primary-light: #fff3e6;\n --fl-secondary: #f5c342;\n --fl-accent: #e8650a;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #f0e0cc;\n --fl-shadow: 0 4px 24px rgba(240,145,30,.08);\n --fl-shadow-lg: 0 12px 48px rgba(194,110,10,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a623 0%, #f0911e 40%, #e8650a 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-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,.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% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-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.fl-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.fl-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-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.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-card-proof {\n border-left: 4px solid var(--fl-primary);\n text-align: left;\n}\n\n.fl-card-proof:hover {\n border-left-color: var(--fl-accent);\n}\n\n\/* === GRILLES === *\/\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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(240,145,30,.3);\n}\n\n.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-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.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-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 .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n\n .fl-badges-top {\n gap: 6px;\n }\n\n .fl-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n\n .fl-timeline-item {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-timeline-item:nth-child(1) { animation-delay: .05s; }\n .fl-timeline-item:nth-child(2) { animation-delay: .12s; }\n .fl-timeline-item:nth-child(3) { animation-delay: .19s; }\n .fl-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes flFadeInUp {\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 .fl-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":57018051690873,"sku":"FM0615","price":14.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-purifiant-agrumes-bio-180-ml-florame-lifestyle.webp?v=1775805887"},{"product_id":"spray-purifiant-fraicheur-bio-180-ml-florame","title":"Spray Purifiant Fraîcheur Bio - 180 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n \u003cdiv class=\"fl-hero\"\u003e\n \u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fl-hero-content\"\u003e\n \u003cdiv class=\"fl-badges-top\"\u003e\n \u003cspan class=\"fl-badge\"\u003e🌿 28 huiles essentielles bio\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🛡️ Efficacité prouvée\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🏅 Certifié Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fl-hero-title\"\u003eSpray Purifiant Fraîcheur Bio\u003c\/span\u003e\n \u003cp class=\"fl-subtitle\"\u003eFlorame - 180 ml\u003c\/p\u003e\n \u003cp class=\"fl-description\"\u003eAssainissez votre air et vos surfaces avec la puissance de 28 huiles essentielles biologiques. Fraîcheur immédiate, efficacité prouvée contre virus, bactéries et champignons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eSpray Purifiant Fraîcheur Bio Florame : 28 huiles essentielles pour un air sain et frais\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eVous cherchez un \u003cstrong\u003espray purifiant maison\u003c\/strong\u003e vraiment efficace, formulé à partir d'ingrédients naturels ?\u003c\/p\u003e\n \u003cdiv class=\"fl-grid-compact\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧪 Formule 2-en-1\u003c\/h3\u003e\n \u003cp\u003eAssainit l'air ambiant et les surfaces en une seule vaporisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌱 28 huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eSynergie unique d'huiles essentielles 100 % biologiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🏡 Made in Provence\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Saint-Rémy-de-Provence, au cœur de l'aromathérapie française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e💨 Chasse les odeurs\u003c\/h3\u003e\n \u003cp\u003eÉlimine les mauvaises odeurs à la source au lieu de les masquer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce spray purifiant aux huiles essentielles bio ?\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eContrairement à un simple désodorisant qui masque les odeurs, ce \u003cstrong\u003espray purifiant Florame\u003c\/strong\u003e agit directement à la source.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🛡️ Efficacité prouvée\u003c\/h3\u003e\n \u003cp\u003eAction démontrée contre les virus, bactéries et champignons grâce à sa concentration en huiles essentielles bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌿 100 % d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eParfum frais et vivifiant sans aucune fragrance synthétique, uniquement la puissance du végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🏠 Multi-usages\u003c\/h3\u003e\n \u003cp\u003eSalon, chambre, cuisine, salle de bain, bureau ou voiture : il s'adapte à tous vos espaces de vie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e❄️\u003c\/span\u003e\n \u003cp\u003eLe compagnon idéal pendant les \u003cstrong\u003epériodes hivernales\u003c\/strong\u003e ou lorsque l'air circule mal dans votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eUne synergie unique de 28 huiles essentielles biologiques\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eFlorame a sélectionné \u003cstrong\u003e28 huiles essentielles issues de l'agriculture biologique\u003c\/strong\u003e pour une formule d'une richesse exceptionnelle.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🍃 Menthe\u003c\/h3\u003e\n \u003cp\u003eApporte une sensation de fraîcheur immédiate et contribue à neutraliser les mauvaises odeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌲 Eucalyptus Globulus\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés assainissantes puissantes, il aide à purifier l'air ambiant efficacement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌸 Gaulthérie\u003c\/h3\u003e\n \u003cp\u003eApporte des notes aromatiques uniques et complète l'action purifiante de la synergie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🪵 Térébenthine\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour ses qualités assainissantes et son parfum boisé caractéristique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e⚡\u003c\/span\u003e\n \u003cp\u003eAction rapide : résultat perceptible \u003cstrong\u003edès les premières secondes\u003c\/strong\u003e après la vaporisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eComment utiliser le Spray Purifiant Fraîcheur Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"fl-timeline\"\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez bien le spray avant chaque utilisation pour homogénéiser la synergie d'huiles essentielles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003ePulvérisez dans l'air ambiant ou directement sur les surfaces à assainir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eAérez la pièce\u003c\/h3\u003e\n \u003cp\u003eOuvrez les fenêtres après utilisation pour renouveler l'air et optimiser l'effet purifiant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"fl-accordion-item\"\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux et les muqueuses. Tenez hors de portée des enfants. Le format de \u003cstrong\u003e180 ml\u003c\/strong\u003e est généreux et vous accompagne pendant plusieurs semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eDes engagements qualité qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🏅 Certification Ecocert\u003c\/h3\u003e\n \u003cp\u003eGarantit le respect de normes strictes en matière de naturalité et de respect de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌿 30 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003eFlorame est une marque provençale engagée depuis plus de 30 ans dans l'aromathérapie biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🚫 Zéro synthétique\u003c\/h3\u003e\n \u003cp\u003eParfum 100 % d'origine naturelle, sans aucune fragrance synthétique ni composant chimique agressif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce spray purifiant ?\u003c\/h2\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🔄 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez remplacer les désodorisants classiques par une alternative naturelle et bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e✨ Recherche de polyvalence\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un spray purifiant efficace sur l'air et les surfaces en une seule formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🍃 Amateurs de fraîcheur\u003c\/h3\u003e\n \u003cp\u003eVous appréciez les senteurs fraîches et mentholées d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-cta-box\"\u003e\n \u003cp\u003e🌿 Respirez un air plus sain au quotidien avec la puissance de 28 huiles essentielles biologiques, certifiées Ecocert et fabriquées en Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fl-disclaimer\"\u003eCe produit est destiné à un usage domestique d'assainissement de l'air. Il ne remplace en aucun cas un traitement médical ou un dispositif de désinfection médicale. En cas de sensibilité aux huiles essentielles, demandez conseil à votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fl-cream: #f5f9f0;\n --fl-white: #ffffff;\n --fl-primary: #5a9e2f;\n --fl-primary-dark: #3a6e1a;\n --fl-primary-light: #e8f4dc;\n --fl-secondary: #e8a325;\n --fl-accent: #3db88c;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #dce8d0;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #3a6e1a 0%, #5a9e2f 40%, #3db88c 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 0%, transparent 40%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-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.fl-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.fl-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.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-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.fl-section-intro strong {\n color: var(--fl-primary-dark);\n}\n\n\/* === CARDS === *\/\n.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-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.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-tip p strong {\n color: var(--fl-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-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.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-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 .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n\n .fl-tip {\n padding: .875rem 1rem;\n }\n\n .fl-tip-icon {\n font-size: 20px;\n }\n\n .fl-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n\n .fl-timeline-item {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-timeline-item:nth-child(1) { animation-delay: .05s; }\n .fl-timeline-item:nth-child(2) { animation-delay: .15s; }\n .fl-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes flFadeInUp {\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 .fl-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":57018057818489,"sku":"FM0620","price":14.98,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-purifiant-fraicheur-bio-180-ml-florame-lifestyle.webp?v=1775806160"},{"product_id":"spray-purifiant-provence-bio-180-ml-florame","title":"Spray Purifiant Provence Bio - 180 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"fl-hero\"\u003e\n\u003cdiv class=\"fl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fl-hero-content\"\u003e\n\u003cdiv class=\"fl-badges-top\"\u003e\n\u003cspan class=\"fl-badge\"\u003e🌿 28 huiles essentielles bio\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🛡️ Efficacité prouvée\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e \u003cspan class=\"fl-badge\"\u003e🏅 Certifié Ecocert\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fl-hero-title\"\u003eSpray Purifiant Provence Bio\u003c\/span\u003e\n\u003cp class=\"fl-subtitle\"\u003eFlorame - 180 ml\u003c\/p\u003e\n\u003cp class=\"fl-description\"\u003eLa puissance assainissante de 28 huiles essentielles bio pour un intérieur sain, frais et naturellement parfumé aux senteurs de Provence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eSpray Purifiant Provence Bio Florame - 28 huiles essentielles bio pour assainir votre intérieur\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eEnvie de respirer un air plus sain chez vous, tout en profitant d'un parfum authentique de Provence ? Le \u003cstrong\u003espray purifiant Florame Provence Bio\u003c\/strong\u003e associe la puissance de \u003cstrong\u003e28 huiles essentielles biologiques\u003c\/strong\u003e pour désinfecter efficacement l'air et les surfaces de votre maison. Certifié bio par Ecocert, ce spray purifiant aux huiles essentielles offre une solution naturelle à l'efficacité prouvée contre les virus, bactéries et champignons.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce spray purifiant maison aux huiles essentielles bio ?\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eCe n'est pas un simple désodorisant. Le \u003cstrong\u003espray purifiant Florame\u003c\/strong\u003e agit réellement sur la qualité de votre air intérieur grâce à une synergie unique de 28 huiles essentielles issues de l'agriculture biologique.\u003c\/p\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e✨ Action 2-en-1\u003c\/h3\u003e\n\u003cp\u003eDésinfecte l'air et les surfaces tout en chassant les mauvaises odeurs de votre intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌱 99 % d'origine végétale\u003c\/h3\u003e\n\u003cp\u003eDes ingrédients issus de l'agriculture biologique, pour une formule respectueuse et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌸 Parfum 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eAucun parfum de synthèse. Un concentré olfactif authentique aux senteurs provençales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e♻️ Sans gaz propulseur\u003c\/h3\u003e\n\u003cp\u003eSystème de pulvérisation respectueux de l'environnement, sans propulseur chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🏅 Certifié bio Ecocert\u003c\/h3\u003e\n\u003cp\u003eCertification Ecocert Greenlife, gage de qualité et de respect des normes biologiques strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eConçu et produit à Saint-Rémy-de-Provence, au cœur du terroir provençal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eLes huiles essentielles bio au cœur de la formule\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eLa richesse de ce spray purifiant repose sur une sélection rigoureuse d'huiles essentielles bio reconnues pour leurs propriétés assainissantes. Parmi les 28 huiles présentes :\u003c\/p\u003e\n\u003cdiv class=\"fl-grid\"\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e💜 Lavande fine et Lavandin\u003c\/h3\u003e\n\u003cp\u003eApaisantes et purifiantes, emblèmes de la Provence et de son art de vivre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌲 Pin sylvestre et Épinette noire\u003c\/h3\u003e\n\u003cp\u003ePuissants assainissants atmosphériques pour un air frais et vivifiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍃 Eucalyptus globulus et smithii\u003c\/h3\u003e\n\u003cp\u003eFavorisent un air frais et dégagé, idéaux pour les voies respiratoires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🌿 Romarin et Laurier noble\u003c\/h3\u003e\n\u003cp\u003eAux propriétés antibactériennes reconnues depuis des siècles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🍋 Menthe poivrée et Litsée citronnée\u003c\/h3\u003e\n\u003cp\u003ePour une fraîcheur vivifiante et une note pétillante d'agrumes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-card\"\u003e\n\u003ch3\u003e🔥 Clou de girofle et Poivre noir\u003c\/h3\u003e\n\u003cp\u003eActifs naturels puissants contre les micro-organismes indésirables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComment utiliser le spray purifiant Florame Provence ?\u003c\/h2\u003e\n\u003cp class=\"fl-section-intro\"\u003eL'utilisation est simple et adaptée à toutes les pièces de la maison : salon, chambre, cuisine, salle de bain, bureau…\u003c\/p\u003e\n\u003cdiv class=\"fl-timeline\"\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eVaporisez dans la pièce\u003c\/h3\u003e\n\u003cp\u003eEffectuez \u003cstrong\u003e3 à 8 pulvérisations\u003c\/strong\u003e (environ 0,6 à 1,6 ml) selon la taille de la pièce ou de la surface à traiter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eRépartissez uniformément\u003c\/h3\u003e\n\u003cp\u003eDistribuez les pulvérisations dans l'ensemble de la zone concernée pour une action optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eSortez de la pièce\u003c\/h3\u003e\n\u003cp\u003eQuittez la pièce immédiatement après application pour laisser le spray agir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eLaissez agir 30 minutes\u003c\/h3\u003e\n\u003cp\u003ePatientez \u003cstrong\u003eau minimum 30 minutes\u003c\/strong\u003e avant d'ouvrir les fenêtres et d'aérer la pièce.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-item\"\u003e\n\u003cdiv class=\"fl-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"fl-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n\u003cp\u003eRépétez l'opération \u003cstrong\u003e1 à 3 fois par jour\u003c\/strong\u003e, en respectant un intervalle de 2 heures minimum entre chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fl-tip\"\u003e\n\u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe spray purifiant convient aussi bien à l'assainissement de l'air qu'à la désinfection des surfaces, matériaux, équipements et mobiliers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003eAlcohol Denat., Lavandula Hybrida*, Cymbopogon Flexuosus*, Pinus Pinaster*, Citrus Aurantium Dulcis*, Eucalyptus Globulus*, Eucalyptus Smithii*, Mentha Piperita*, Mentha Arvensis*, Gaultheria Fragrantissima*, Rosmarinus Officinalis*, Eugenia Caryophyllus*, Boswellia Carterii*, Cananga Odorata*, Cinnamosma Fragrans*, Citrus Aurantium Bergamia*, Citrus Paradisi*, Coriandrum Sativum*, Cymbopogon Martini*, Helichrysum Bracteiferum*, Juniperus Oxycedrus*, Laurus Nobilis*, Lavandula Angustifolia*, Litsea Cubeba*, Myrtus Communis*, Pelargonium Graveolens*, Picea Mariana*, Piper Nigrum*, Pogostemon Cablin*, Geraniol, Eugenol, Citronellol, Linalool, Citral, Limonene, Coumarin, Isoeugenol.\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\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"fl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fl-accordion\"\u003e\n\u003cdetails class=\"fl-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"fl-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n\u003cp\u003eContient des huiles essentielles : \u003cstrong\u003ene pas utiliser chez les femmes enceintes ou allaitantes, ni chez les enfants en bas âge\u003c\/strong\u003e, sans avis médical. Évitez tout contact avec les yeux. Ne pas ingérer. Conservez à l'abri de la chaleur et hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"fl-disclaimer\"\u003eCe produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"fl-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"fl-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre intérieur la pureté de la Provence - 28 huiles essentielles bio pour un air sain, frais et naturellement parfumé au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --fl-cream: #f7f5f0;\n --fl-white: #ffffff;\n --fl-primary: #d4922a;\n --fl-primary-dark: #3a5a8c;\n --fl-primary-light: #eef3f9;\n --fl-secondary: #e8a830;\n --fl-accent: #6b8db5;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e0e0e0;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--fl-primary-dark) 0%, var(--fl-accent) 50%, var(--fl-secondary) 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-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% 10%, rgba(255,255,255,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-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.fl-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.fl-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.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-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.fl-section-intro strong {\n color: var(--fl-text);\n}\n\n\/* === CARDS === *\/\n.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary-dark), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fl-timeline-content strong {\n color: var(--fl-text);\n}\n\n\/* === TIP BOX === *\/\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-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.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.fl-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary-dark) 0%, var(--fl-accent) 50%, var(--fl-secondary) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-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 .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n\n .fl-timeline-item {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-timeline-item:nth-child(1) { animation-delay: .05s; }\n .fl-timeline-item:nth-child(2) { animation-delay: .1s; }\n .fl-timeline-item:nth-child(3) { animation-delay: .15s; }\n .fl-timeline-item:nth-child(4) { animation-delay: .2s; }\n .fl-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes flFadeInUp {\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 .fl-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":57018079871353,"sku":"FM0625","price":14.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-purifiant-provence-bio-180-ml-florame-lifestyle.webp?v=1775806146"},{"product_id":"lait-corporel-de-provence-verveine-citron-bio-400-ml-florame","title":"Lait Corporel de Provence Verveine Citron Bio - 400 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n \u003cdiv class=\"fl-hero\"\u003e\n \u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fl-hero-content\"\u003e\n \u003cdiv class=\"fl-badges-top\"\u003e\n \u003cspan class=\"fl-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🍋 Verveine-Citron\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e✅ COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fl-hero-title\"\u003eLait Corporel de Provence Verveine Citron Bio\u003c\/span\u003e\n \u003cp class=\"fl-subtitle\"\u003eFlorame - 400 ml\u003c\/p\u003e\n \u003cp class=\"fl-description\"\u003eUn soin hydratant certifié bio aux huiles essentielles provençales, pour une peau douce et délicatement parfumée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eLait Corporel de Provence Verveine Citron Bio Florame : une hydratation naturelle aux senteurs fraîches\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eOffrez à votre peau un véritable soin inspiré de la Provence avec ce \u003cstrong\u003elait corporel bio Verveine Citron de Florame\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid-compact\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS ORGANIC par Ecocert, garantie d'un soin respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🧴 Grand format\u003c\/h3\u003e\n \u003cp\u003e400 ml généreux pour vous accompagner au quotidien dans votre routine corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🍃 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormulé à partir d'ingrédients d'origine naturelle soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e✨ Parfum frais\u003c\/h3\u003e\n \u003cp\u003eUn délicat parfum citronné et vivifiant, typiquement provençal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce lait hydratant pour le corps ?\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eTrois actifs biologiques complémentaires pour une hydratation optimale et un confort longue durée.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e💧 Aloe Vera biologique\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il aide à maintenir le confort cutané tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🛡️ Glycérine biologique\u003c\/h3\u003e\n \u003cp\u003eElle forme un film protecteur naturel qui préserve l'hydratation de la peau et limite la perte en eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌻 Huile de Tournesol biologique\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle nourrit la peau en profondeur et la rend souple et douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e🍋\u003c\/span\u003e\n \u003cp\u003eLes \u003cstrong\u003ehuiles essentielles biologiques de Citron et de Litsea Cubeba\u003c\/strong\u003e (verveine exotique) apportent une signature olfactive vivifiante, typiquement provençale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eComment utiliser ce lait corporel Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"fl-timeline\"\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez ce lait hydratant corps bio sur \u003cstrong\u003epeau propre et sèche\u003c\/strong\u003e, idéalement après la douche ou le bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eProcédez par légers massages circulaires en remontant des chevilles vers les épaules pour favoriser la pénétration du soin et stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eProfitez immédiatement\u003c\/h3\u003e\n \u003cp\u003eSa texture légère et non grasse pénètre rapidement, vous permettant de vous habiller sans attendre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"fl-accordion\"\u003e\n \u003cdetails class=\"fl-accordion-item\" open\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e📋 Liste INCI détaillée\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Helianthus Annuus Seed Oil, Glycerin, Glyceryl Stearate, Glyceryl Stearate Citrate, Cetearyl Alcohol, Citrus Medica Limonum Peel Oil*, Xanthan Gum, Litsea Cubeba Fruit Oil*, Aloe Barbadensis Leaf Juice Powder*, Tocopherol, Sodium Benzoate, Potassium Sorbate, Sodium Dehydroacetate, Citric Acid, Sodium Hydroxide, Limonene, Citral, Linalool, Geraniol, Citronellol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique. 20 % du total des ingrédients sont bio.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"fl-accordion\"\u003e\n \u003cdetails class=\"fl-accordion-item\"\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e👤 Usage réservé\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eRéservé à l'adulte.\u003c\/strong\u003e Ne pas utiliser chez la \u003cstrong\u003efemme enceinte ou allaitante\u003c\/strong\u003e. Ne pas utiliser chez l'\u003cstrong\u003eenfant\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fl-accordion-item\"\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e⚠️ Huiles essentielles\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003eContient des huiles essentielles : en cas de doute ou de terrain allergique, effectuez un test dans le pli du coude 24 heures avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes engagements Florame\u003c\/h2\u003e\n \u003cdiv class=\"fl-testimonial\"\u003e\n \u003cp class=\"fl-testimonial-text\"\u003e\"Florame, maison provençale fondée à Saint-Rémy-de-Provence, élabore ses soins en France avec une exigence constante de qualité et de respect de l'environnement.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🚫 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eAucun parabène ni phénoxyéthanol dans la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🚫 Sans silicones\u003c\/h3\u003e\n \u003cp\u003eAucun silicone ni composant issu de la pétrochimie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🏅 COSMOS ORGANIC\u003c\/h3\u003e\n \u003cp\u003eCertification exigeante garantissant naturalité et traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré à Saint-Rémy-de-Provence avec des ingrédients de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eSi vous recherchez le \u003cstrong\u003emeilleur lait hydratant corps\u003c\/strong\u003e alliant naturalité, efficacité et plaisir sensoriel, ce soin Verveine Citron répondra à vos attentes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fl-disclaimer\"\u003eCe produit cosmétique ne se substitue en aucun cas à un avis ou un traitement dermatologique. En cas de problème cutané persistant, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fl-cream: #f7f9f2;\n --fl-white: #ffffff;\n --fl-primary: #6aab2e;\n --fl-primary-dark: #3d7a1c;\n --fl-primary-light: #eef6e3;\n --fl-secondary: #f5c624;\n --fl-accent: #d4a017;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e0e0e0;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #3d7a1c 0%, #6aab2e 50%, #8cc63f 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(245,198,36,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 60% 60%, rgba(245,198,36,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-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.fl-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.fl-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.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-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.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.fl-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fl-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":57018114146681,"sku":"FM0570","price":15.1,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corporel-de-provence-verveine-citron-bio-400-ml-florame-lifestyle_3f443bbc-579f-4795-a3d6-fb105697b2d2.webp?v=1775807516"},{"product_id":"lait-corporel-de-provence-hypoallergenique-bio-400-ml-florame","title":"Lait Corporel de Provence Hypoallergénique Bio - 400 ml - Florame","description":"\u003cdiv class=\"flr-premium\"\u003e\n\n \u003cdiv class=\"flr-hero\"\u003e\n \u003cdiv class=\"flr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flr-hero-content\"\u003e\n \u003cdiv class=\"flr-badges-top\"\u003e\n \u003cspan class=\"flr-badge\"\u003e🌿 99 % d'ingrédients naturels\u003c\/span\u003e\n \u003cspan class=\"flr-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n \u003cspan class=\"flr-badge\"\u003e🛡️ Hypoallergénique\u003c\/span\u003e\n \u003cspan class=\"flr-badge\"\u003e🌱 Certifié COSMOS ORGANIC\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"flr-hero-title\"\u003eLait Corporel de Provence Hypoallergénique Bio\u003c\/span\u003e\n \u003cp class=\"flr-subtitle\"\u003eFlorame - 400 ml\u003c\/p\u003e\n \u003cp class=\"flr-description\"\u003eLa douceur provençale certifiée bio, sans huiles essentielles, pour les peaux les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eLait Corporel de Provence Hypoallergénique Bio Florame : douceur naturelle pour votre peau\u003c\/h2\u003e\n \u003cp class=\"flr-section-intro\"\u003eVous cherchez un \u003cstrong\u003elait corporel bio\u003c\/strong\u003e à la fois nourrissant, doux et adapté aux peaux les plus sensibles ? Le \u003cstrong\u003eLait Corporel de Provence Hypoallergénique\u003c\/strong\u003e de Florame a été formulé pour répondre exactement à ce besoin. Composé à \u003cstrong\u003e99 % d'ingrédients naturels\u003c\/strong\u003e et certifié \u003cstrong\u003eCOSMOS ORGANIC par Ecocert\u003c\/strong\u003e, il prend soin de votre corps au quotidien sans aucun compromis sur la qualité.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eUne formule hypoallergénique sans huiles essentielles\u003c\/h2\u003e\n \u003cdiv class=\"flr-grid-compact\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🚫 Sans huiles essentielles\u003c\/h3\u003e\n \u003cp\u003eFormulation délibérément exempte d'huiles essentielles pour limiter considérablement les risques d'allergies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes et allaitantes\u003c\/h3\u003e\n \u003cp\u003eAdapté aux femmes enceintes et allaitantes, en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles et réactives\u003c\/h3\u003e\n \u003cp\u003ePensé pour rassurer les peaux les plus délicates et réactives, sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e✅ Tolérance optimale\u003c\/h3\u003e\n \u003cp\u003eSi vous avez toujours hésité à utiliser un soin corporel bio par crainte d'irritations, celui-ci est fait pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eDes actifs naturels aux bienfaits complémentaires\u003c\/h2\u003e\n \u003cp class=\"flr-section-intro\"\u003eLa richesse de ce lait corporel provençal repose sur une sélection d'ingrédients biologiques soigneusement choisis.\u003c\/p\u003e\n \u003cdiv class=\"flr-grid\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et adoucissantes, il aide votre peau à conserver son équilibre hydrique tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌼 Eau de fleur d'oranger bio\u003c\/h3\u003e\n \u003cp\u003eVéritable trésor de la Provence, elle apaise et contribue à la régénération cutanée. Son parfum délicat laisse un voile subtilement fleuri sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels et en vitamine E, elle nourrit en profondeur sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-tip\"\u003e\n \u003cspan class=\"flr-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eL'ensemble offre une \u003cstrong\u003etexture légère et ultra fondante\u003c\/strong\u003e qui pénètre rapidement. Votre peau est nourrie, souple et délicieusement parfumée, sans sensation de lourdeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eComment bien appliquer ce lait corporel bio ?\u003c\/h2\u003e\n \u003cdiv class=\"flr-timeline\"\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez le lait sur \u003cstrong\u003epeau propre et sèche\u003c\/strong\u003e, idéalement juste après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eEffectuez de \u003cstrong\u003elégers massages circulaires\u003c\/strong\u003e sur l'ensemble du corps en insistant sur les zones sèches : coudes, genoux, jambes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-item\"\u003e\n \u003cdiv class=\"flr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"flr-timeline-content\"\u003e\n \u003ch3\u003eProfitez du format généreux\u003c\/h3\u003e\n \u003cp\u003eLe flacon de \u003cstrong\u003e400 ml\u003c\/strong\u003e avec pompe pratique vous accompagne pendant plusieurs semaines d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"flr-accordion\"\u003e\n \u003cdetails class=\"flr-accordion-item\" open\u003e\n \u003csummary class=\"flr-accordion-header\"\u003e📋 Voir la liste INCI\u003c\/summary\u003e\n \u003cdiv class=\"flr-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Caprylic\/Capric Triglyceride, Citrus Aurantium Amara Flower Water*, Glycerin, Glyceryl Stearate, Glyceryl Stearate Citrate, Cetearyl Alcohol, Xanthan Gum, Helianthus Annuus Seed Oil, Aloe Barbadensis Leaf Juice Powder*, Beta-Sitosterol, Squalene, Tocopherol, Sodium Benzoate, Potassium Sorbate, Sodium Dehydroacetate, Citric Acid, Sodium Hydroxide.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique. 20 % du total des ingrédients sont bio.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\"\u003e\n \u003ch2\u003eConservation et engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"flr-grid-compact\"\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e⏱️ 12 mois après ouverture\u003c\/h3\u003e\n \u003cp\u003eDurée d'utilisation optimale après la première ouverture du flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🌡️ Conservation idéale\u003c\/h3\u003e\n \u003cp\u003eÀ conserver à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e♻️ Emballage recyclable\u003c\/h3\u003e\n \u003cp\u003eUn flacon conçu dans le respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flr-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit à Saint-Rémy-de-Provence. Certifié COSMOS ORGANIC – Label Cosmebio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir ce lait corporel Florame ?\u003c\/h2\u003e\n \u003cdiv class=\"flr-cta-box\"\u003e\n \u003cp\u003eFlorame est une marque provençale spécialisée depuis de nombreuses années en cosmétiques et aromathérapie bio. En choisissant ce \u003cstrong\u003elait corporel bio hypoallergénique\u003c\/strong\u003e, vous optez pour un soin \u003cstrong\u003ecertifié, fabriqué en France\u003c\/strong\u003e, respectueux de votre peau et de l'environnement. Sa formule minimaliste et transparente convient à toute la famille, y compris aux personnes à la peau la plus délicate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"flr-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --flr-cream: #fdf8f4;\n --flr-white: #ffffff;\n --flr-primary: #d4917e;\n --flr-primary-dark: #a8604e;\n --flr-primary-light: #faeee9;\n --flr-secondary: #8db56b;\n --flr-accent: #e8c16e;\n --flr-text: #1a1a1a;\n --flr-text-light: #5a5a5a;\n --flr-border: #eaded6;\n --flr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --flr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --flr-radius: 20px;\n --flr-radius-sm: 12px;\n}\n\n.flr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--flr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.flr-premium *,\n.flr-premium *::before,\n.flr-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.flr-hero {\n position: relative;\n background: linear-gradient(135deg, #d4917e 0%, #c87a66 40%, #8db56b 100%);\n border-radius: var(--flr-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(--flr-shadow-lg);\n}\n\n.flr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.06) 0%, transparent 35%);\n opacity: 1;\n}\n\n.flr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.flr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.flr-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(--flr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.flr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.flr-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.flr-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.flr-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.flr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.flr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--flr-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.flr-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(--flr-primary), var(--flr-secondary));\n border-radius: 2px;\n}\n\n.flr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flr-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.flr-section-intro strong {\n color: var(--flr-primary-dark);\n}\n\n\/* === CARDS === *\/\n.flr-card {\n background: var(--flr-white);\n border-radius: var(--flr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--flr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.flr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--flr-shadow-lg);\n border-color: var(--flr-primary);\n}\n\n.flr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--flr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.flr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--flr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.flr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.flr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.flr-grid-compact .flr-card {\n padding: 1rem;\n}\n\n.flr-grid-compact .flr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.flr-grid-compact .flr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.flr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.flr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.flr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--flr-primary), var(--flr-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.flr-timeline-content {\n flex: 1;\n background: var(--flr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--flr-radius-sm);\n box-shadow: var(--flr-shadow);\n}\n\n.flr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--flr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.flr-timeline-content p {\n font-size: 14px;\n color: var(--flr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.flr-timeline-content strong {\n color: var(--flr-primary-dark);\n}\n\n\/* === TIP === *\/\n.flr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--flr-primary-light);\n border-radius: var(--flr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.flr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.flr-tip p {\n font-size: 14px;\n color: var(--flr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.flr-tip strong {\n color: var(--flr-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.flr-accordion {\n background: var(--flr-white);\n border-radius: var(--flr-radius);\n box-shadow: var(--flr-shadow);\n overflow: hidden;\n}\n\n.flr-accordion-item {\n border-bottom: 1px solid var(--flr-border);\n margin: 0;\n padding: 0;\n}\n\n.flr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.flr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--flr-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.flr-accordion-header:hover {\n background: var(--flr-primary-light);\n}\n\n.flr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.flr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--flr-primary);\n transition: transform .2s ease;\n}\n\n.flr-accordion-item[open] .flr-accordion-header::after {\n content: '−';\n}\n\n.flr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--flr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.flr-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.flr-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA === *\/\n.flr-cta-box {\n background: linear-gradient(135deg, var(--flr-primary) 0%, var(--flr-primary-dark) 100%);\n border-radius: var(--flr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.flr-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.flr-cta-box strong {\n color: #fff;\n text-decoration: underline;\n text-decoration-color: rgba(255,255,255,.4);\n text-underline-offset: 3px;\n}\n\n\/* === DISCLAIMER === *\/\n.flr-disclaimer {\n font-size: 12px;\n color: var(--flr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .flr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .flr-card {\n padding: 1.125rem;\n }\n\n .flr-section {\n margin-bottom: 1.75rem;\n }\n\n .flr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--flr-radius-sm);\n }\n\n .flr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .flr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .flr-grid-compact {\n gap: .625rem;\n }\n\n .flr-grid-compact .flr-card {\n padding: .75rem;\n }\n\n .flr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .flr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .flr-timeline-content h3 {\n font-size: 14px;\n }\n\n .flr-timeline-content p {\n font-size: 13px;\n }\n\n .flr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .flr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .flr-testimonial {\n padding: 1.25rem;\n }\n\n .flr-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .flr-card {\n animation: flrFadeInUp .5s ease backwards;\n }\n .flr-card:nth-child(1) { animation-delay: .05s; }\n .flr-card:nth-child(2) { animation-delay: .1s; }\n .flr-card:nth-child(3) { animation-delay: .15s; }\n .flr-card:nth-child(4) { animation-delay: .2s; }\n .flr-card:nth-child(5) { animation-delay: .25s; }\n .flr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .flr-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":57049879576953,"sku":"FM0565","price":15.1,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corporel-de-provence-hypoallergenique-bio-400-ml-floram-lifestyle.webp?v=1776064951"},{"product_id":"lait-corporel-essence-d-amande-bio-400-ml-florame","title":"Lait Corporel Essence d’Amande Bio - 400 ml - Florame","description":"\u003cdiv class=\"fl-premium\"\u003e\n\n \u003cdiv class=\"fl-hero\"\u003e\n \u003cdiv class=\"fl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fl-hero-content\"\u003e\n \u003cdiv class=\"fl-badges-top\"\u003e\n \u003cspan class=\"fl-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🇫🇷 Fabriqué en Provence\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🌱 Certifié COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"fl-badge\"\u003e🧴 400 ml avec pompe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fl-hero-title\"\u003eLait Corporel Essence d'Amande Bio\u003c\/span\u003e\n \u003cp class=\"fl-subtitle\"\u003eFlorame - Soin hydratant provençal aux huiles essentielles bio\u003c\/p\u003e\n \u003cp class=\"fl-description\"\u003eUn voile soyeux à l'amande douce pour une peau nourrie, confortable et délicatement parfumée, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eLait Corporel Essence d'Amande Bio Florame : une hydratation naturelle venue de Provence\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eOffrez à votre peau un véritable bain de douceur avec ce \u003cstrong\u003elait corporel hydratant bio\u003c\/strong\u003e signé \u003cstrong\u003eFlorame\u003c\/strong\u003e. Formulé avec \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et certifié \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e par Ecocert Greenlife, ce lait corporel à l'essence d'amande enveloppe votre corps d'un voile soyeux et d'un parfum délicat. Fabriqué en France, à Saint-Rémy-de-Provence, il incarne le meilleur du savoir-faire cosmétique provençal.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce lait corporel à l'amande Florame ?\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eSi vous cherchez le \u003cstrong\u003emeilleur lait corporel hydratant\u003c\/strong\u003e alliant efficacité et naturalité, cette formule a de quoi vous séduire. Contrairement à de nombreux soins conventionnels, ce \u003cstrong\u003elait corporel hydratant bio\u003c\/strong\u003e mise sur des actifs végétaux soigneusement sélectionnés, sans compromis sur le plaisir sensoriel.\u003c\/p\u003e\n \u003cdiv class=\"fl-grid-compact\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e✨ Texture soyeuse\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras ni sensation de lourdeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e💧 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eVotre peau retrouve souplesse et confort tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌾 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eActifs végétaux bio sans compromis sur la qualité ni la sensorialité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌸 Parfum délicat\u003c\/h3\u003e\n \u003cp\u003eNotes d'amande douce, de cèdre et d'orange pour un plaisir subtil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eDes actifs naturels aux bienfaits complémentaires\u003c\/h2\u003e\n \u003cp class=\"fl-section-intro\"\u003eChaque ingrédient de ce soin a été choisi pour son rôle précis au service de votre peau :\u003c\/p\u003e\n \u003cdiv class=\"fl-grid\"\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol biologique\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, elle nourrit la peau en profondeur et renforce sa barrière protectrice naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e💧 Glycérine biologique\u003c\/h3\u003e\n \u003cp\u003eActif hydratant reconnu, elle attire et retient l'eau dans les couches superficielles de l'épiderme pour une protection durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌿 Poudre de jus d'Aloe Vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise les sensations d'inconfort et contribue à maintenir une hydratation optimale tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌰 Huile de noyau d'amande amère\u003c\/h3\u003e\n \u003cp\u003eApporte cette signature olfactive gourmande et douce qui fait toute la singularité de ce soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🌲 Huile essentielle de cèdre de l'Atlas bio\u003c\/h3\u003e\n \u003cp\u003eComplète le parfum avec des notes boisées chaleureuses, subtilement équilibrées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-card\"\u003e\n \u003ch3\u003e🍊 Huile essentielle d'orange douce bio\u003c\/h3\u003e\n \u003cp\u003eApporte une touche fruitée lumineuse pour un sillage frais et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eLe résultat ? Une \u003cstrong\u003epeau douce, confortable et délicatement parfumée\u003c\/strong\u003e, dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eComment appliquer ce lait corporel hydratant ?\u003c\/h2\u003e\n \u003cdiv class=\"fl-timeline\"\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eAprès la douche ou le bain\u003c\/h3\u003e\n \u003cp\u003eAppliquez le lait corporel sur une \u003cstrong\u003epeau propre et sèche\u003c\/strong\u003e pour une absorption optimale des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eMassez en mouvements circulaires\u003c\/h3\u003e\n \u003cp\u003eProcédez par \u003cstrong\u003elégers massages circulaires\u003c\/strong\u003e en remontant des pieds vers le buste pour stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-item\"\u003e\n \u003cdiv class=\"fl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fl-timeline-content\"\u003e\n \u003ch3\u003eLaissez pénétrer\u003c\/h3\u003e\n \u003cp\u003eLa texture légère pénètre rapidement sans film gras. Profitez de son parfum délicat d'amande 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=\"fl-tip\"\u003e\n \u003cspan class=\"fl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSon format généreux de \u003cstrong\u003e400 ml\u003c\/strong\u003e avec pompe doseuse vous accompagne pendant plusieurs semaines d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"fl-accordion\"\u003e\n \u003cdetails class=\"fl-accordion-item\" open\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e📋 Composition intégrale\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Helianthus Annuus Seed Oil*, Glycerin*, Glyceryl Stearate, Glyceryl Stearate Citrate, Cetearyl Alcohol, Aloe Barbadensis Leaf Juice Powder*, Cedrus Atlantica Bark Oil*, Citrus Aurantium Dulcis Peel Oil*, Prunus Amygdalus Amara Kernel Oil, Xanthan Gum, Tocopherol, Sodium Benzoate, Potassium Sorbate, Sodium Dehydroacetate, Citric Acid, Sodium Hydroxide, Benzaldehyde, Limonene. \u003cem\u003e(*ingrédients issus de l'Agriculture Biologique)\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cstrong\u003e20 % des ingrédients sont issus de l'Agriculture Biologique. 99 % du total des ingrédients sont d'origine naturelle.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fl-accordion\"\u003e\n \u003cdetails class=\"fl-accordion-item\"\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser chez la \u003cstrong\u003efemme enceinte ou allaitante\u003c\/strong\u003e.\u003cbr\u003eNe pas utiliser chez l'\u003cstrong\u003eenfant de moins de 3 ans\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"fl-accordion-item\"\u003e\n \u003csummary class=\"fl-accordion-header\"\u003e🔬 Tests dermatologiques\u003c\/summary\u003e\n \u003cdiv class=\"fl-accordion-content mt-3\"\u003e\n \u003cp\u003eProduit \u003cstrong\u003etesté sous contrôle dermatologique\u003c\/strong\u003e. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"fl-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical et ne saurait remplacer l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"fl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fl-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le meilleur de la Provence - une hydratation naturelle, soyeuse et délicatement parfumée à l'amande, certifiée bio et fabriquée en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fl-cream: #faf7f2;\n --fl-white: #ffffff;\n --fl-primary: #c5a055;\n --fl-primary-dark: #8a6d2f;\n --fl-primary-light: #f5eed9;\n --fl-secondary: #d4a843;\n --fl-accent: #e8c97a;\n --fl-text: #1a1a1a;\n --fl-text-light: #5a5a5a;\n --fl-border: #e8e0d0;\n --fl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fl-radius: 20px;\n --fl-radius-sm: 12px;\n}\n\n.fl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fl-hero {\n position: relative;\n background: linear-gradient(135deg, #8a6d2f 0%, #c5a055 40%, #d4a843 70%, #e8c97a 100%);\n border-radius: var(--fl-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(--fl-shadow-lg);\n}\n\n.fl-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 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.fl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fl-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.fl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.fl-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.fl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fl-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(--fl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fl-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.fl-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(--fl-primary), var(--fl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-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.fl-card {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fl-shadow-lg);\n border-color: var(--fl-primary);\n}\n\n.fl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fl-grid-compact .fl-card {\n padding: 1rem;\n}\n\n.fl-grid-compact .fl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fl-grid-compact .fl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fl-primary), var(--fl-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.fl-timeline-content {\n flex: 1;\n background: var(--fl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fl-radius-sm);\n box-shadow: var(--fl-shadow);\n}\n\n.fl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fl-timeline-content p {\n font-size: 14px;\n color: var(--fl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fl-testimonial {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fl-shadow);\n border-left: 4px solid var(--fl-primary);\n}\n\n.fl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fl-accordion {\n background: var(--fl-white);\n border-radius: var(--fl-radius);\n box-shadow: var(--fl-shadow);\n overflow: hidden;\n}\n\n.fl-accordion-item {\n border-bottom: 1px solid var(--fl-border);\n margin: 0;\n padding: 0;\n}\n\n.fl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fl-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.fl-accordion-header:hover {\n background: var(--fl-primary-light);\n}\n\n.fl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fl-primary);\n transition: transform .2s ease;\n}\n\n.fl-accordion-item[open] .fl-accordion-header::after {\n content: '−';\n}\n\n.fl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fl-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fl-primary-light);\n border-radius: var(--fl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fl-tip p {\n font-size: 14px;\n color: var(--fl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fl-cta-box {\n background: linear-gradient(135deg, var(--fl-primary) 0%, var(--fl-primary-dark) 100%);\n border-radius: var(--fl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fl-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.fl-disclaimer {\n font-size: 12px;\n color: var(--fl-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 .fl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fl-card {\n padding: 1.125rem;\n }\n\n .fl-section {\n margin-bottom: 1.75rem;\n }\n\n .fl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fl-radius-sm);\n }\n\n .fl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fl-grid-compact {\n gap: .625rem;\n }\n\n .fl-grid-compact .fl-card {\n padding: .75rem;\n }\n\n .fl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fl-timeline-content h3 {\n font-size: 14px;\n }\n\n .fl-timeline-content p {\n font-size: 13px;\n }\n\n .fl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fl-testimonial {\n padding: 1.25rem;\n }\n\n .fl-testimonial-text {\n font-size: 14px;\n }\n\n .fl-badges-top {\n gap: 6px;\n }\n\n .fl-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fl-card {\n animation: flFadeInUp .5s ease backwards;\n }\n .fl-card:nth-child(1) { animation-delay: .05s; }\n .fl-card:nth-child(2) { animation-delay: .1s; }\n .fl-card:nth-child(3) { animation-delay: .15s; }\n .fl-card:nth-child(4) { animation-delay: .2s; }\n .fl-card:nth-child(5) { animation-delay: .25s; }\n .fl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes flFadeInUp {\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 .fl-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":57049889374585,"sku":"FM0560","price":15.1,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corporel-essence-damande-bio-400-ml-florame-lifestyle.webp?v=1776065334"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/florame.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}