{"title":"Naturaloé","description":"\u003ch2\u003eNaturaloé en bref : ce qu'il faut retenir\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eNaturaloé\u003c\/strong\u003e, c'est une entreprise familiale française spécialisée dans l'aloe vera depuis 2002. La marque cultive ses propres plants en Espagne, dans une zone Natura 2000 préservée de toute pollution. Elle propose des cosmétiques fabriqués en France (dans les Pays de la Loire) et des compléments alimentaires certifiés bio par Ecocert, labellisés Cosmebio, et même Demeter pour la gamme de jus et gels à boire. Pas de poudre reconstituée ici. Pas de pasteurisation non plus. Un aloe vera frais, vivant, transformé à la main. C'est rare.\u003c\/p\u003e\n\n\u003ch2\u003e2002, une histoire de passion pour l'aloe vera\u003c\/h2\u003e\n\u003cp\u003eTout commence avec Patrick et Sylviane, un couple passionné par cette plante aux multiples usages. En 2002, ils décident de se lancer dans l'aventure. Leur obsession ? Proposer un aloe vera riche en principes actifs, sans compromis sur la qualité. Ils font un choix atypique pour l'époque : cultiver leurs plants en Espagne plutôt qu'au Mexique, pour réduire l'empreinte carbone et garantir une traçabilité irréprochable.\u003c\/p\u003e\n\u003cp\u003eAprès des mois de recherche, ils parviennent à mettre au point un jus non pasteurisé. Une petite révolution. En 2017, Franck reprend la société fondée par son frère et sa belle-sœur. L'esprit reste le même : familial, exigeant, ancré dans le concret. Concrètement, ça veut dire zéro intermédiaire entre la plantation et le produit fini. On regarde l'étiquette.\u003c\/p\u003e\n\n\u003ch2\u003eDu champ au flacon : un savoir-faire artisanal assumé\u003c\/h2\u003e\n\u003cp\u003eChez Naturaloé, la fabrication suit un processus bien rodé. Les feuilles d'aloe vera sont récoltées à la main sur des plants matures, dans la région de Murcie en Andalousie. La zone de culture est classée Natura 2000, ce qui garantit l'absence de pollution extérieure. Ensuite, tout va vite : les feuilles sont traitées dans les 24 heures suivant la récolte.\u003c\/p\u003e\n\u003cp\u003eElles sont brossées, lavées, puis épluchées manuellement pour éliminer l'aloïne (la substance laxative contenue dans la peau). Le mucilage est ensuite broyé par pression à froid. Résultat : un jus non pasteurisé, non filtré, qui conserve l'ensemble de ses principes actifs. Les cosmétiques, eux, sont formulés dans un laboratoire des Pays de la Loire. Fabrication française, donc. Ça, c'est rassurant.\u003c\/p\u003e\n\n\u003ch2\u003eCe qu'on a vérifié avant de référencer cette marque\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas se mentir : des marques d'aloe vera, il y en a beaucoup. Alors pourquoi Naturaloé plutôt qu'une autre ? D'abord, on a regardé la composition. Ici, pas de poudre d'aloe vera reconstituée (vous savez, celle qu'on note \"aloe vera juice powder\" dans la liste INCI). Naturaloé utilise du jus frais, noté \"aloe barbadensis leaf juice\". C'est là que ça se joue.\u003c\/p\u003e\n\u003cp\u003eEnsuite, les certifications. Ecocert, Cosmebio, et Demeter pour les compléments alimentaires depuis septembre 2022. Trois labels qui ne s'obtiennent pas à la légère. Et puis, il y a la cohérence globale : une entreprise familiale, une chaîne de production maîtrisée de A à Z, des cosmétiques 100% d'origine naturelle. On a aussi apprécié la transparence sur l'origine des ingrédients. Pas de flou artistique.\u003c\/p\u003e\n\n\u003ch2\u003eDes engagements qu'on peut vérifier sur l'étiquette\u003c\/h2\u003e\n\u003cp\u003eNaturaloé affiche plusieurs engagements forts. Premier point : la culture en biodynamie, certifiée Demeter. Concrètement, cela signifie que la plantation n'utilise aucun pesticide, aucun herbicide, aucun engrais industriel. Les sols sont régénérés grâce à des préparations à base de plantes sauvages. La biodiversité est préservée, avec une polyculture qui maintient l'équilibre organo-minéral du sol.\u003c\/p\u003e\n\u003cp\u003eDeuxième engagement : le respect des conditions de travail. En choisissant l'Espagne plutôt que des pays plus lointains, Naturaloé garantit des conditions encadrées par le droit européen. Salaire décent, congés, sécurité sociale. Troisième point : zéro plastique au sol dans les plantations, pour favoriser la biodiversité. Et côté formulation ? Aucun conservateur de synthèse, aucun ingrédient pétrochimique, aucun test sur les animaux. En pratique, on retrouve tout ça sur les étiquettes.\u003c\/p\u003e\n\n\u003ch2\u003eÀ qui s'adresse vraiment cette gamme ?\u003c\/h2\u003e\n\u003cp\u003eNaturaloé convient particulièrement aux personnes qui recherchent des soins naturels, sans compromis sur la qualité des ingrédients. Si vous avez la peau sensible ou réactive, c'est une option à considérer sérieusement. Les formules sont douces, adaptées à toute la famille (enfants compris pour la plupart des cosmétiques).\u003c\/p\u003e\n\u003cp\u003eLes compléments alimentaires, eux, s'adressent à ceux qui souhaitent intégrer l'aloe vera dans une routine bien-être : soutien digestif, changement de saison, besoin de vitalité. En revanche, si vous cherchez des produits très parfumés ou des textures ultra-riches, ce n'est peut-être pas la gamme idéale. Naturaloé mise sur l'efficacité de l'aloe vera, pas sur le superflu. Et le jus à boire est déconseillé aux enfants de moins de 12 ans ainsi qu'aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n\n\u003ch2\u003eCe qui distingue Naturaloé des autres marques d'aloe vera\u003c\/h2\u003e\n\u003cp\u003eSur le marché de l'aloe vera, beaucoup de produits sont fabriqués à partir de poudre réhydratée ou de jus pasteurisé. Le problème ? Ces procédés altèrent une partie des principes actifs de la plante. Naturaloé fait le choix inverse : un aloe vera frais, non pasteurisé, non filtré, issu d'une transformation essentiellement manuelle.\u003c\/p\u003e\n\u003cp\u003eLa certification Demeter, obtenue en 2022 pour les compléments alimentaires, place la marque parmi les acteurs les plus exigeants du secteur. Pas de poudre aux yeux. La fabrication française des cosmétiques ajoute une garantie supplémentaire : les laboratoires hexagonaux sont soumis à une réglementation parmi les plus strictes au monde. Enfin, le fait de maîtriser l'ensemble de la chaîne (de la plantation au conditionnement) permet une traçabilité totale.\u003c\/p\u003e\n\n\u003ch2\u003eComment choisir parmi les produits Naturaloé\u003c\/h2\u003e\n\u003cp\u003eVous avez vu la sélection juste au-dessus. Voici quelques repères pour vous orienter. Si vous souhaitez tester l'aloe vera en cure interne, commencez par le \u003cstrong\u003ejus d'aloe vera\u003c\/strong\u003e : il se consomme quotidiennement pendant 2 semaines à 3 mois, à raison de 30 ml par jour. Préférez le format 1 litre si vous envisagez une cure longue.\u003c\/p\u003e\n\u003cp\u003ePour les soins cosmétiques, le Gel Originel est souvent cité comme l'indispensable : multi-usage, il s'utilise sur le visage, le corps, les cheveux. Si vous avez des besoins plus ciblés (mains abîmées, peau à imperfections), orientez-vous vers les soins spécifiques. En pratique, lisez toujours la liste INCI : la mention \"aloe barbadensis leaf juice\" en tête de liste vous confirme que l'aloe vera est bien l'ingrédient principal.\u003c\/p\u003e\n\n\u003ch2\u003eNos coups de cœur dans la gamme Naturaloé\u003c\/h2\u003e\n\u003cp\u003eParmi les produits que nous avons sélectionnés, trois méritent une attention particulière.\u003c\/p\u003e\n\u003cp\u003eLe \u003ca href=\"\/products\/pur-jus-d-aloe-vera-bio-demeter-naturaloe-1-litre\"\u003ejus d'aloe vera bio \u0026amp; Demeter en format 1 litre\u003c\/a\u003e est notre premier choix pour une cure complète. Sa pureté est remarquable : 99% d'aloe vera, 1% de jus de citron concentré, et c'est tout. Le goût est franc, légèrement végétal, avec une pointe citronnée. On le consomme le matin à jeun, pur ou dilué dans un jus de fruits. La bouteille en verre fumé protège le contenu des UV. Après ouverture, direction le réfrigérateur, et on le termine sous 30 jours. C'est un produit vivant, pas un produit de placard.\u003c\/p\u003e\n\u003cp\u003eLe \u003ca href=\"\/products\/pur-jus-aloe-vera-bio-demeter-naturaloe-500ml\"\u003eformat 500 ml\u003c\/a\u003e convient mieux si vous débutez ou si vous préférez tester avant de vous engager sur une cure longue. Même qualité, même exigence, format plus accessible.\u003c\/p\u003e\n\u003cp\u003eEnfin, le \u003ca href=\"\/products\/naturaloe-gel-propolis-purifiant-bio-50-ml\"\u003egel propolis purifiant\u003c\/a\u003e associe les vertus de l'aloe vera à celles de la propolis. C'est un soin ciblé, particulièrement apprécié pour les peaux à imperfections ou les zones qui ont besoin d'être purifiées. La texture est légère, pénètre rapidement, sans laisser de film gras. Un bon allié dans une routine quotidienne.\u003c\/p\u003e\n\n\u003ch2\u003eCe qu'on observe à l'usage\u003c\/h2\u003e\n\u003cp\u003eLes retours sur les produits Naturaloé sont globalement très positifs. Sur le jus d'aloe vera, les utilisateurs apprécient la richesse en pulpe et le goût authentique (même si certains le trouvent un peu fort au début). La texture des cosmétiques est souvent décrite comme fluide, légère, qui pénètre vite sans effet collant.\u003c\/p\u003e\n\u003cp\u003eLe Gel Originel, par exemple, est noté 100\/100 sur Yuka et 20\/20 sur INCI Beauty. Les peaux sèches et matures semblent particulièrement satisfaites : hydratation durable, peau plus souple, sensation de confort. Côté praticité, les flacons pompe airless permettent un dosage précis et évitent le gaspillage. Seul bémol parfois mentionné : certains gels sont assez liquides, il faut doser avec attention. Mais globalement, les produits tiennent leurs promesses.\u003c\/p\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes sur Naturaloé\u003c\/h2\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eComment conserver le jus d'aloe vera Naturaloé ?\u003c\/summary\u003e\n \u003cp\u003eAvant ouverture, conservez-le à température ambiante, entre 5°C et 25°C. Une fois ouvert, placez-le au réfrigérateur et consommez-le dans les 30 jours. C'est un produit vivant, non pasteurisé, qui nécessite ces précautions pour conserver toutes ses propriétés.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eLes produits Naturaloé conviennent-ils aux enfants ?\u003c\/summary\u003e\n \u003cp\u003eLes cosmétiques sont adaptés aux enfants (sauf le Thermo Gel). En revanche, le jus et le gel d'aloe vera à boire sont déconseillés aux moins de 12 ans, ainsi qu'aux femmes enceintes et allaitantes.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eQuelle est la différence entre le jus et le gel d'aloe vera à boire ?\u003c\/summary\u003e\n \u003cp\u003eLe gel est un jus épaissi avec de l'amidon de maïs. Il a une consistance plus dense et transite plus longtemps sur les parois intestinales. Le jus est plus fluide et convient pour des cures plus longues. Les deux ont des bienfaits similaires sur la digestion et l'immunité.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eOù sont fabriqués les produits Naturaloé ?\u003c\/summary\u003e\n \u003cp\u003eL'aloe vera est cultivé en Espagne, dans la région de Murcie. Les cosmétiques sont ensuite formulés et fabriqués en France, dans les Pays de la Loire. Les compléments alimentaires sont conditionnés directement après extraction du jus.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eLes produits sont-ils testés sur les animaux ?\u003c\/summary\u003e\n \u003cp\u003eNon. Naturaloé ne réalise aucun test sur les animaux. Les certifications Ecocert et Cosmebio garantissent également que les matières premières utilisées n'ont pas été testées sur les animaux.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"pur-jus-aloe-vera-bio-demeter-naturaloe-500ml","title":"Pur Jus d’aloe vera bio \u0026 demeter Naturaloé - 500ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pur Jus d'aloe vera bio \u0026 demeter Naturaloé - 500ml\nPalette détectée:\n - Primaire: #5B8C3E (vert aloe vera\/nature du packaging)\n - Secondaire: #E67E22 (orange des accents\/bande du packaging)\n - Accent: #F5D55A (jaune citron des visuels)\n - Fond: #F7F5F0 (crème naturel doux)\nAmbiance: Naturel\/Bio premium, authenticité, fraîcheur végétale, certification haut de gamme (Demeter), santé naturelle\nPréfixe CSS: alv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir ce jus d'aloe vera bio Naturaloé ?\"\n 2. \"Les bienfaits du jus d'aloe vera bio à boire\"\n 3. \"Composition détaillée\"\n 4. \"Valeurs nutritionnelles\"\n 5. \"Comment utiliser ce jus d'aloe vera bio ?\"\n 6. \"Conservation\"\n 7. \"Précautions d'emploi\"\n 8. \"Questions fréquentes sur le jus d'aloe vera bio\"\n 9. \"L'engagement Naturaloé\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"alv-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"alv-hero\"\u003e\n \u003cdiv class=\"alv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"alv-hero-content\"\u003e\n \u003cdiv class=\"alv-badges-top\"\u003e\n \u003cspan class=\"alv-badge\"\u003e🌿 99% Pur Jus\u003c\/span\u003e\n \u003cspan class=\"alv-badge\"\u003e🏅 Certifié Demeter\u003c\/span\u003e\n \u003cspan class=\"alv-badge\"\u003e🍋 Non Pasteurisé\u003c\/span\u003e\n \u003cspan class=\"alv-badge\"\u003e🌱 Bio \u0026amp; Biodynamique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"alv-hero-title\"\u003ePur Jus d'Aloe Vera Bio \u0026amp; Demeter\u003c\/span\u003e\n \u003cp class=\"alv-subtitle\"\u003eNaturaloé • 500ml • 15 jours de cure\u003c\/p\u003e\n \u003cp class=\"alv-description\"\u003eUn concentré de nature issu de feuilles fraîches d'Aloe barbadensis cultivées en biodynamie. Non pasteurisé, non filtré : toute la puissance de la plante préservée pour votre bien-être digestif, immunitaire et votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"alv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce jus d'aloe vera bio Naturaloé ?\u003c\/h2\u003e\n \u003cp class=\"alv-section-intro\"\u003eTous les jus d'aloe vera ne se valent pas. La différence réside dans la qualité des matières premières et le respect du processus de fabrication.\u003c\/p\u003e\n \u003cdiv class=\"alv-grid\"\u003e\n \u003cdiv class=\"alv-card\"\u003e\n \u003ch3\u003e🏅 Double certification Bio + Demeter\u003c\/h3\u003e\n \u003cp\u003eEcocert garantit une agriculture biologique rigoureuse, Demeter atteste d'une culture en biodynamie encore plus exigeante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-card\"\u003e\n \u003ch3\u003e🔥 Non pasteurisé, non chauffé\u003c\/h3\u003e\n \u003cp\u003eAucun traitement thermique susceptible d'altérer les nutriments et enzymes naturels de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-card\"\u003e\n \u003ch3\u003e🌿 Non filtré\u003c\/h3\u003e\n \u003cp\u003eLa pulpe est conservée pour vous offrir tous les mucilages et fibres bénéfiques de l'aloe vera.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-card\"\u003e\n \u003ch3\u003e✋ Récolte manuelle\u003c\/h3\u003e\n \u003cp\u003eFeuilles pelées à la main pour éliminer l'aloïne, substance potentiellement irritante présente dans l'écorce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-card\"\u003e\n \u003ch3\u003e🍾 Verre fumé anti-UV\u003c\/h3\u003e\n \u003cp\u003eLa bouteille protège le jus de la lumière pour préserver sa fraîcheur et ses propriétés actives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-card\"\u003e\n \u003ch3\u003e🇪🇸 Cultivé en zone Natura 2000\u003c\/h3\u003e\n \u003cp\u003ePlantation située en Espagne dans une zone protégée, avec zéro plastique utilisé au sol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"alv-section\"\u003e\n \u003ch2\u003eLes bienfaits du jus d'aloe vera bio à boire\u003c\/h2\u003e\n \u003cp class=\"alv-section-intro\"\u003eL'aloe vera est utilisé depuis des millénaires pour ses vertus exceptionnelles. Découvrez comment ce jus peut vous accompagner.\u003c\/p\u003e\n \u003cdiv class=\"alv-grid\"\u003e\n \u003cdiv class=\"alv-card alv-card-highlight\"\u003e\n \u003ch3\u003e🌀 Confort digestif et transit\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en mucilages naturels, il apaise les muqueuses digestives et régule le transit intestinal en douceur. Amélioration ressentie dès les premiers jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-card alv-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eVitamines, minéraux et antioxydants contribuent au bon fonctionnement de votre système immunitaire. Idéal aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-card alv-card-highlight\"\u003e\n \u003ch3\u003e🧹 Détoxification naturelle\u003c\/h3\u003e\n \u003cp\u003eFavorise l'élimination des toxines accumulées et soutient les fonctions d'épuration naturelles après des excès alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-card alv-card-highlight\"\u003e\n \u003ch3\u003e✨ Éclat de la peau\u003c\/h3\u003e\n \u003cp\u003eLa beauté commence de l'intérieur. Hydrate l'organisme, améliore l'éclat de la peau et atténue les signes de fatigue cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-card alv-card-highlight\"\u003e\n \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003eEffet revitalisant qui vous aide à retrouver du tonus naturellement, sans excitants ni caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"alv-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"alv-section-intro\"\u003eLa simplicité est souvent gage de qualité. Seulement 2 ingrédients pour une efficacité maximale.\u003c\/p\u003e\n \u003cdiv class=\"alv-composition-grid\"\u003e\n \u003cdiv class=\"alv-composition-card alv-composition-main\"\u003e\n \u003cdiv class=\"alv-composition-percent\"\u003e99%\u003c\/div\u003e\n \u003ch3\u003eJus frais d'Aloe Vera Bio \u0026amp; Biodynamique\u003c\/h3\u003e\n \u003cp\u003eAloe barbadensis – issu du cœur des feuilles fraîches, certifié Demeter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-composition-card alv-composition-secondary\"\u003e\n \u003cdiv class=\"alv-composition-percent\"\u003e1%\u003c\/div\u003e\n \u003ch3\u003eJus de citron concentré Bio\u003c\/h3\u003e\n \u003cp\u003eConservation naturelle et légère note acidulée rafraîchissante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-sans-box\"\u003e\n \u003ch4\u003e🚫 Ce que vous ne trouverez pas :\u003c\/h4\u003e\n \u003cdiv class=\"alv-sans-grid\"\u003e\n \u003cspan class=\"alv-sans-item\"\u003eAucun conservateur chimique\u003c\/span\u003e\n \u003cspan class=\"alv-sans-item\"\u003eAucun sucre ajouté\u003c\/span\u003e\n \u003cspan class=\"alv-sans-item\"\u003eAucun arôme artificiel\u003c\/span\u003e\n \u003cspan class=\"alv-sans-item\"\u003eAucun colorant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"alv-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles\u003c\/h2\u003e\n \u003cdiv class=\"alv-table-wrapper\"\u003e\n \u003ctable class=\"alv-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003ePour 100 ml\u003c\/th\u003e\n \u003cth\u003eValeur moyenne\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eÉnergie\u003c\/td\u003e\n \u003ctd\u003e\n\u003cstrong\u003e5,0 kcal\u003c\/strong\u003e \/ 20,9 kJ\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eMatières grasses\u003c\/td\u003e\n \u003ctd\u003e0,5 g \u003cspan class=\"alv-table-detail\"\u003e(dont saturées 0,1 g)\u003c\/span\u003e\n\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eGlucides\u003c\/td\u003e\n \u003ctd\u003e1,3 g \u003cspan class=\"alv-table-detail\"\u003e(dont sucres 0,8 g)\u003c\/span\u003e\n\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eProtéines\u003c\/td\u003e\n \u003ctd\u003e0,3 g\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eSel\u003c\/td\u003e\n \u003ctd\u003e0,0 g\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-tip\"\u003e\n \u003cspan class=\"alv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eTrès peu calorique, ce jus s'intègre facilement dans tous les régimes alimentaires, y compris végan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"alv-section\"\u003e\n \u003ch2\u003eComment utiliser ce jus d'aloe vera bio ?\u003c\/h2\u003e\n \u003cdiv class=\"alv-timeline\"\u003e\n \u003cdiv class=\"alv-timeline-item\"\u003e\n \u003cdiv class=\"alv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"alv-timeline-content\"\u003e\n \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e30 ml par jour\u003c\/strong\u003e (environ 3 bouchons-dose). Le format 500 ml = \u003cstrong\u003e15 jours de cure\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-timeline-item\"\u003e\n \u003cdiv class=\"alv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"alv-timeline-content\"\u003e\n \u003ch3\u003eQuand le prendre ?\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eLe matin à jeun\u003c\/strong\u003e, 15 à 20 minutes avant le petit-déjeuner. C'est le moment où l'absorption est optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-timeline-item\"\u003e\n \u003cdiv class=\"alv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"alv-timeline-content\"\u003e\n \u003ch3\u003eComment le consommer ?\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003ePur\u003c\/strong\u003e à la cuillère, \u003cstrong\u003edilué\u003c\/strong\u003e dans de l'eau ou un smoothie, ou avec une cuillère de miel bio pour adoucir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-timeline-item\"\u003e\n \u003cdiv class=\"alv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"alv-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 4 semaines\u003c\/strong\u003e recommandées. Renouvelez aux changements de saison ou après des périodes de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 \u0026 7 (Accordéon) --\u003e\n \u003csection class=\"alv-section\"\u003e\n \u003ch2\u003eConservation\u003c\/h2\u003e\n \u003cdiv class=\"alv-accordion\"\u003e\n \u003cdetails class=\"alv-accordion-item\"\u003e\n \u003csummary class=\"alv-accordion-header\"\u003e🧊 Avant ouverture\u003c\/summary\u003e\n \u003cdiv class=\"alv-accordion-content\"\u003e\n \u003cp\u003eConservez votre bouteille dans un endroit frais et sec, à l'abri de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"alv-accordion-item\"\u003e\n \u003csummary class=\"alv-accordion-header\"\u003e❄️ Après ouverture\u003c\/summary\u003e\n \u003cdiv class=\"alv-accordion-content\"\u003e\n \u003cp\u003ePlacez la bouteille au \u003cstrong\u003eréfrigérateur\u003c\/strong\u003e et consommez-la dans les \u003cstrong\u003e3 semaines\u003c\/strong\u003e. Agitez bien avant chaque utilisation car la pulpe naturelle peut se déposer au fond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"alv-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"alv-precautions\"\u003e\n \u003cdiv class=\"alv-precaution-item\"\u003e\n \u003cspan class=\"alv-precaution-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de \u003cstrong\u003e30 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"alv-precaution-item\"\u003e\n \u003cspan class=\"alv-precaution-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux enfants de moins de 12 ans, aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"alv-precaution-item\"\u003e\n \u003cspan class=\"alv-precaution-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n \u003cp\u003eEn cas de troubles digestifs sévères ou traitement médical en cours, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"alv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"alv-cta-box\"\u003e\n \u003cp\u003e🌿 En choisissant ce \u003cstrong\u003ePur Jus d'aloe vera bio \u0026amp; Demeter Naturaloé\u003c\/strong\u003e, vous optez pour un produit authentique, respectueux de la nature et de votre santé. Une cure simple et naturelle pour accompagner votre bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"alv-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --alv-cream: #F7F5F0;\n --alv-white: #ffffff;\n --alv-primary: #5B8C3E;\n --alv-primary-dark: #3D6B28;\n --alv-primary-light: #E8F2E0;\n --alv-secondary: #E67E22;\n --alv-secondary-light: #FEF3E8;\n --alv-accent: #F5D55A;\n\n \/* Textes *\/\n --alv-text: #1a1a1a;\n --alv-text-light: #5a5a5a;\n\n \/* Effets *\/\n --alv-border: #e0e0e0;\n --alv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --alv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --alv-radius: 20px;\n --alv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.alv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--alv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.alv-hero {\n position: relative;\n background: linear-gradient(135deg, #5B8C3E 0%, #3D6B28 50%, #2D5A1A 100%);\n border-radius: var(--alv-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(--alv-shadow-lg);\n}\n\n.alv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L30 20 L25 25 Z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.alv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.alv-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.alv-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.alv-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.alv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.alv-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(--alv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.alv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.alv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.alv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--alv-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.alv-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(--alv-primary), var(--alv-secondary));\n border-radius: 2px;\n}\n\n.alv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.alv-card {\n background: var(--alv-white);\n border-radius: var(--alv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.alv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--alv-shadow-lg);\n border-color: var(--alv-primary);\n}\n\n.alv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--alv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.alv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--alv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.alv-card-highlight {\n background: linear-gradient(135deg, var(--alv-white) 0%, var(--alv-primary-light) 100%);\n border-left: 4px solid var(--alv-primary);\n}\n\n\/* === GRILLES === *\/\n.alv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === COMPOSITION === *\/\n.alv-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.alv-composition-card {\n background: var(--alv-white);\n border-radius: var(--alv-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--alv-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.alv-composition-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--alv-shadow-lg);\n}\n\n.alv-composition-main {\n border: 3px solid var(--alv-primary);\n}\n\n.alv-composition-secondary {\n border: 3px solid var(--alv-accent);\n}\n\n.alv-composition-percent {\n font-size: clamp(40px, 8vw, 64px);\n font-weight: 900;\n background: linear-gradient(135deg, var(--alv-primary), var(--alv-primary-dark));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n margin-bottom: .5rem;\n}\n\n.alv-composition-secondary .alv-composition-percent {\n background: linear-gradient(135deg, var(--alv-secondary), #D35400);\n -webkit-background-clip: text;\n background-clip: text;\n}\n\n.alv-composition-card h3 {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--alv-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.alv-composition-card p {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--alv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === SANS BOX === *\/\n.alv-sans-box {\n background: var(--alv-white);\n border-radius: var(--alv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--alv-shadow);\n border-left: 4px solid var(--alv-secondary);\n}\n\n.alv-sans-box h4 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n color: var(--alv-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.alv-sans-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.alv-sans-item {\n display: inline-flex;\n align-items: center;\n padding: 8px 14px;\n background: var(--alv-secondary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--alv-secondary);\n}\n\n\/* === TABLE === *\/\n.alv-table-wrapper {\n background: var(--alv-white);\n border-radius: var(--alv-radius);\n padding: clamp(1rem, 3vw, 1.5rem);\n box-shadow: var(--alv-shadow);\n overflow-x: auto;\n margin-bottom: 1rem;\n}\n\n.alv-table {\n width: 100%;\n border-collapse: collapse;\n}\n\n.alv-table th,\n.alv-table td {\n padding: .875rem 1rem;\n text-align: left;\n border-bottom: 1px solid var(--alv-border);\n}\n\n.alv-table th {\n background: var(--alv-primary-light);\n font-weight: 700;\n color: var(--alv-primary-dark);\n font-size: 14px;\n}\n\n.alv-table td {\n font-size: 14px;\n color: var(--alv-text);\n}\n\n.alv-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.alv-table tbody tr:hover {\n background: var(--alv-cream);\n}\n\n.alv-table-detail {\n font-size: 12px;\n color: var(--alv-text-light);\n}\n\n\/* === TIMELINE === *\/\n.alv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.alv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.alv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--alv-primary), var(--alv-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.alv-timeline-content {\n flex: 1;\n background: var(--alv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alv-radius-sm);\n box-shadow: var(--alv-shadow);\n}\n\n.alv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--alv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.alv-timeline-content p {\n font-size: 14px;\n color: var(--alv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.alv-precautions {\n display: grid;\n gap: 1rem;\n}\n\n.alv-precaution-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--alv-radius-sm);\n box-shadow: var(--alv-shadow);\n border-left: 3px solid var(--alv-secondary);\n}\n\n.alv-precaution-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.alv-precaution-item p {\n font-size: 14px;\n color: var(--alv-text);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.alv-accordion {\n background: var(--alv-white);\n border-radius: var(--alv-radius);\n box-shadow: var(--alv-shadow);\n overflow: hidden;\n}\n\n.alv-accordion-item {\n border-bottom: 1px solid var(--alv-border);\n margin: 0;\n padding: 0;\n}\n\n.alv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.alv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--alv-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.alv-accordion-header:hover {\n background: var(--alv-primary-light);\n}\n\n.alv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.alv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--alv-primary);\n transition: transform .2s ease;\n}\n\n.alv-accordion-item[open] .alv-accordion-header::after {\n content: '−';\n}\n\n.alv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--alv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.alv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.alv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--alv-primary-light);\n border-radius: var(--alv-radius-sm);\n padding: 1rem 1.25rem;\n}\n\n.alv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.alv-tip p {\n font-size: 14px;\n color: var(--alv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.alv-testimonial {\n background: var(--alv-white);\n border-radius: var(--alv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--alv-shadow);\n border-left: 4px solid var(--alv-primary);\n}\n\n.alv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--alv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.alv-cta-box {\n background: linear-gradient(135deg, var(--alv-primary) 0%, var(--alv-primary-dark) 100%);\n border-radius: var(--alv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.alv-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.alv-disclaimer {\n font-size: 12px;\n color: var(--alv-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 .alv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .alv-composition-grid {\n grid-template-columns: 1fr;\n }\n \n .alv-card {\n padding: 1.125rem;\n }\n \n .alv-section {\n margin-bottom: 1.75rem;\n }\n \n .alv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--alv-radius-sm);\n }\n \n .alv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .alv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .alv-badges-top {\n gap: 6px;\n }\n \n .alv-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n \/* Timeline mobile *\/\n .alv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .alv-timeline-content {\n padding: .875rem 1rem;\n }\n \n .alv-timeline-content h3 {\n font-size: 14px;\n }\n \n .alv-timeline-content p {\n font-size: 13px;\n }\n \n \/* Accordéon mobile *\/\n .alv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .alv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n \/* Testimonial mobile *\/\n .alv-testimonial {\n padding: 1.25rem;\n }\n \n .alv-testimonial-text {\n font-size: 14px;\n }\n \n \/* Table mobile *\/\n .alv-table th,\n .alv-table td {\n padding: .625rem .75rem;\n font-size: 13px;\n }\n \n \/* Précautions mobile *\/\n .alv-precaution-item {\n padding: .875rem 1rem;\n }\n \n .alv-precaution-icon {\n font-size: 18px;\n }\n \n .alv-precaution-item p {\n font-size: 13px;\n }\n \n \/* Sans box mobile *\/\n .alv-sans-item {\n padding: 6px 10px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .alv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .alv-card:nth-child(1) { animation-delay: .05s; }\n .alv-card:nth-child(2) { animation-delay: .1s; }\n .alv-card:nth-child(3) { animation-delay: .15s; }\n .alv-card:nth-child(4) { animation-delay: .2s; }\n .alv-card:nth-child(5) { animation-delay: .25s; }\n .alv-card:nth-child(6) { animation-delay: .3s; }\n \n .alv-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .alv-timeline-item:nth-child(1) { animation-delay: .05s; }\n .alv-timeline-item:nth-child(2) { animation-delay: .1s; }\n .alv-timeline-item:nth-child(3) { animation-delay: .15s; }\n .alv-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .alv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":55827196871033,"sku":"NBAIALO0010","price":19.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pur-jus-daloe-vera-bio-demeter-naturaloe-500ml-lifestyle.webp?v=1769013615"},{"product_id":"pur-jus-d-aloe-vera-bio-demeter-naturaloe-1-litre","title":"Pur Jus d’aloe vera bio \u0026 demeter Naturaloé - 1 Litre","description":"\u003cdiv class=\"av-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"av-hero\"\u003e\n \u003cdiv class=\"av-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"av-hero-content\"\u003e\n \u003cdiv class=\"av-badges-top\"\u003e\n \u003cspan class=\"av-badge\"\u003e🌿 99 % pur aloé vera\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🏅 Bio \u0026amp; Demeter\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e❄️ Non pasteurisé\u003c\/span\u003e\n \u003cspan class=\"av-badge\"\u003e🍋 100 % naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"av-hero-title\"\u003ePur Jus d'aloé vera bio \u0026amp; Demeter Naturaloé\u003c\/span\u003e\n \u003cp class=\"av-subtitle\"\u003e1 litre — 1 mois de cure complète\u003c\/p\u003e\n \u003cp class=\"av-description\"\u003eCultivé en biodynamie, récolté à la main, embouteillé à froid : la quintessence de l'aloé vera dans sa forme la plus pure et la plus vivante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eJus d'aloé vera bio \u0026amp; Demeter Naturaloé : la pureté au service de votre bien-être\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eVous cherchez un jus d'aloe vera bio d'une qualité irréprochable ? Ce pur jus Naturaloé concentre \u003cstrong\u003e99 % de pulpe fraîche d'Aloe barbadensis\u003c\/strong\u003e, récoltée à la main et embouteillée sans pasteurisation, sans filtration et sans chauffage.\u003c\/p\u003e\n \u003cdiv class=\"av-grid-compact\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🌱 Biodynamie Demeter\u003c\/h3\u003e\n \u003cp\u003eCultivé sous le prestigieux label Demeter, la certification la plus exigeante au monde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e❄️ Procédé à froid\u003c\/h3\u003e\n \u003cp\u003eSans pasteurisation ni chauffage pour préserver enzymes et polysaccharides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✋ Récolte manuelle\u003c\/h3\u003e\n \u003cp\u003eFeuilles épluchées à la main pour éliminer l'aloïne indésirable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🔬 Certifié Ecocert\u003c\/h3\u003e\n \u003cp\u003eDouble certification bio et Demeter pour une traçabilité totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"av-composition-highlight\"\u003e\n \u003cdiv class=\"av-composition-row\"\u003e\n \u003cdiv class=\"av-composition-item av-composition-main\"\u003e\n \u003cspan class=\"av-composition-percent\"\u003e99 %\u003c\/span\u003e\n \u003cspan class=\"av-composition-label\"\u003eJus pur d'aloé vera bio \u0026amp; Demeter\u003c\/span\u003e\n \u003cspan class=\"av-composition-detail\"\u003eAloe barbadensis, avec pulpe\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-composition-item av-composition-secondary\"\u003e\n \u003cspan class=\"av-composition-percent\"\u003e1 %\u003c\/span\u003e\n \u003cspan class=\"av-composition-label\"\u003eJus de citron concentré bio\u003c\/span\u003e\n \u003cspan class=\"av-composition-detail\"\u003eAntioxydant naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-tip\"\u003e\n \u003cspan class=\"av-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e100 % d'origine naturelle.\u003c\/strong\u003e Sans conservateurs artificiels, sans sucres ajoutés, sans arômes, sans colorants. Les feuilles sont épluchées manuellement, puis la pulpe est extraite avec délicatesse et conditionnée immédiatement dans une \u003cstrong\u003ebouteille en verre teinté anti-UV\u003c\/strong\u003e, garantissant une fraîcheur optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel d'aloe vera 100 % pur bio ?\u003c\/h2\u003e\n \u003cp class=\"av-section-intro\"\u003eContrairement à de nombreux jus pasteurisés ou dilués du marché, ce produit Naturaloé mise sur un procédé à froid qui préserve toute la richesse de la gelée aloe vera bio.\u003c\/p\u003e\n \u003cdiv class=\"av-grid\"\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eLes mucilages naturels de l'aloé vera contribuent à apaiser le système digestif et à favoriser un transit plus régulier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines, minéraux et antioxydants, ce jus participe au renforcement de vos défenses naturelles au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e🍃 Détox douce\u003c\/h3\u003e\n \u003cp\u003eAide votre organisme à éliminer les toxines accumulées et soutient le métabolisme naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n \u003cp\u003eL'hydratation vient aussi de l'intérieur : favorise une peau plus souple et lumineuse jour après jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-card\"\u003e\n \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eUn véritable coup de pouce naturel pour commencer la journée avec énergie et dynamisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003eConseils d'utilisation \u0026amp; posologie\u003c\/h2\u003e\n \u003cdiv class=\"av-timeline\"\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eDose recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e30 mL par jour\u003c\/strong\u003e (environ 3 bouchons doseurs), de préférence le matin à jeun pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3 à 4 semaines.\u003c\/strong\u003e Le format 1 litre correspond à environ 1 mois de cure complète — un format économique et pratique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eComment le prendre\u003c\/h3\u003e\n \u003cp\u003ePur, ou mélangé à un jus de fruits, un smoothie ou simplement de l'eau. Une pointe de miel adoucit agréablement le goût si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"av-timeline-item\"\u003e\n \u003cdiv class=\"av-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"av-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eAu réfrigérateur après ouverture. Consommer dans les 30 jours.\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=\"av-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles\u003c\/h2\u003e\n \u003cdiv class=\"av-table-wrapper\"\u003e\n \u003ctable class=\"av-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003ePour 100 g\u003c\/th\u003e\n \u003cth\u003eValeur moyenne\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n \u003ctd\u003eÉnergie\u003c\/td\u003e\n \u003ctd\u003e5,0 kcal \/ 20,9 kJ\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eMatières grasses\u003c\/td\u003e\n \u003ctd\u003e0,5 g (dont saturées 0,1 g)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eGlucides\u003c\/td\u003e\n \u003ctd\u003e1,3 g (dont sucres 0,8 g)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eProtéines\u003c\/td\u003e\n \u003ctd\u003e0,3 g\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd\u003eSel\u003c\/td\u003e\n \u003ctd\u003e0,0 g\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"av-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"av-accordion\"\u003e\n \u003cdetails class=\"av-accordion-item\" open\u003e\n \u003csummary class=\"av-accordion-header\"\u003e⚠️ Dose et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"av-accordion-content mt-3\"\u003e\n \u003cp\u003eRespectez la dose journalière recommandée. Ce complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée. Déconseillé aux enfants de moins de 12 ans, aux femmes enceintes ou allaitantes et en cas de pathologies digestives importantes. En cas de doute, consultez votre médecin avant de débuter une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"av-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"av-cta-box\"\u003e\n \u003cp\u003e🌿 En choisissant ce \u003cstrong\u003epur jus d'aloe vera bio Naturaloé\u003c\/strong\u003e, vous optez pour un produit sans compromis : double certification bio et Demeter, procédé respectueux à froid et format généreux d'un litre. Une solution naturelle et authentique pour prendre soin de votre digestion, de votre immunité et de votre vitalité, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"av-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --av-cream: #f7f5f0;\n --av-white: #ffffff;\n --av-primary: #5a8a3c;\n --av-primary-dark: #3d6428;\n --av-primary-light: #eaf3e2;\n --av-secondary: #e8963a;\n --av-accent: #c7d94e;\n --av-text: #1a1a1a;\n --av-text-light: #5a5a5a;\n --av-border: #ddd9d0;\n --av-shadow: 0 4px 24px rgba(0,0,0,.08);\n --av-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --av-radius: 20px;\n --av-radius-sm: 12px;\n}\n\n.av-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--av-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.av-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6428 0%, #5a8a3c 40%, #e8963a 100%);\n border-radius: var(--av-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--av-shadow-lg);\n}\n\n.av-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(199,217,78,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.av-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.av-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.av-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.av-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.av-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.av-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--av-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.av-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.av-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.av-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--av-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.av-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--av-primary), var(--av-secondary));\n border-radius: 2px;\n}\n\n.av-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.av-card {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.av-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--av-shadow-lg);\n border-color: var(--av-primary);\n}\n\n.av-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--av-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.av-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.av-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.av-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.av-grid-compact .av-card {\n padding: 1rem;\n}\n\n.av-grid-compact .av-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.av-grid-compact .av-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.av-composition-highlight {\n margin-bottom: 1.25rem;\n}\n\n.av-composition-row {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 1rem;\n}\n\n.av-composition-item {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--av-shadow);\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .35rem;\n transition: all .3s ease;\n}\n\n.av-composition-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--av-shadow-lg);\n}\n\n.av-composition-main {\n border: 2px solid var(--av-primary);\n}\n\n.av-composition-secondary {\n border: 2px solid var(--av-secondary);\n}\n\n.av-composition-percent {\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--av-primary-dark);\n letter-spacing: -.04em;\n line-height: 1;\n}\n\n.av-composition-secondary .av-composition-percent {\n color: var(--av-secondary);\n}\n\n.av-composition-label {\n font-size: clamp(14px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--av-text);\n}\n\n.av-composition-detail {\n font-size: clamp(12px, 2vw, 14px);\n color: var(--av-text-light);\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.av-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.av-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.av-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--av-primary), var(--av-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.av-timeline-content {\n flex: 1;\n background: var(--av-white);\n padding: 1rem 1.25rem;\n border-radius: var(--av-radius-sm);\n box-shadow: var(--av-shadow);\n}\n\n.av-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--av-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.av-timeline-content p {\n font-size: 14px;\n color: var(--av-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TABLE === *\/\n.av-table-wrapper {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-table {\n width: 100%;\n border-collapse: collapse;\n}\n\n.av-table thead tr {\n background: linear-gradient(135deg, var(--av-primary), var(--av-primary-dark));\n}\n\n.av-table th {\n color: white;\n font-weight: 700;\n font-size: 14px;\n padding: .875rem 1.25rem;\n text-align: left;\n}\n\n.av-table td {\n padding: .75rem 1.25rem;\n font-size: 14px;\n color: var(--av-text);\n border-bottom: 1px solid var(--av-border);\n}\n\n.av-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.av-table tbody tr:nth-child(even) {\n background: var(--av-primary-light);\n}\n\n.av-table tbody tr:hover {\n background: rgba(90,138,60,.08);\n}\n\n\/* === ACCORDÉON === *\/\n.av-accordion {\n background: var(--av-white);\n border-radius: var(--av-radius);\n box-shadow: var(--av-shadow);\n overflow: hidden;\n}\n\n.av-accordion-item {\n border-bottom: 1px solid var(--av-border);\n margin: 0;\n padding: 0;\n}\n\n.av-accordion-item:last-child {\n border-bottom: none;\n}\n\n.av-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--av-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.av-accordion-header:hover {\n background: var(--av-primary-light);\n}\n\n.av-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.av-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--av-primary);\n transition: transform .2s ease;\n}\n\n.av-accordion-item[open] .av-accordion-header::after {\n content: '−';\n}\n\n.av-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--av-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.av-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.av-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--av-primary-light);\n border-radius: var(--av-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.av-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.av-tip p {\n font-size: 14px;\n color: var(--av-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.av-testimonial {\n background: var(--av-white);\n border-radius: var(--av-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--av-shadow);\n border-left: 4px solid var(--av-primary);\n}\n\n.av-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--av-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.av-cta-box {\n background: linear-gradient(135deg, var(--av-primary) 0%, var(--av-primary-dark) 100%);\n border-radius: var(--av-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.av-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.av-disclaimer {\n font-size: 12px;\n color: var(--av-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .av-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .av-card {\n padding: 1.125rem;\n }\n\n .av-section {\n margin-bottom: 1.75rem;\n }\n\n .av-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--av-radius-sm);\n }\n\n .av-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .av-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .av-grid-compact {\n gap: .625rem;\n }\n\n .av-grid-compact .av-card {\n padding: .75rem;\n }\n\n .av-composition-row {\n grid-template-columns: 1fr;\n }\n\n .av-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .av-timeline-content {\n padding: .875rem 1rem;\n }\n\n .av-timeline-content h3 {\n font-size: 14px;\n }\n\n .av-timeline-content p {\n font-size: 13px;\n }\n\n .av-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .av-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .av-testimonial {\n padding: 1.25rem;\n }\n\n .av-testimonial-text {\n font-size: 14px;\n }\n\n .av-table th,\n .av-table td {\n padding: .625rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .av-card,\n .av-composition-item {\n animation: avFadeInUp .5s ease backwards;\n }\n .av-card:nth-child(1),\n .av-composition-item:nth-child(1) { animation-delay: .05s; }\n .av-card:nth-child(2),\n .av-composition-item:nth-child(2) { animation-delay: .1s; }\n .av-card:nth-child(3) { animation-delay: .15s; }\n .av-card:nth-child(4) { animation-delay: .2s; }\n .av-card:nth-child(5) { animation-delay: .25s; }\n .av-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes avFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .av-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":55877468619129,"sku":"NBAIALO0009","price":37.29,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pur-jus-daloe-vera-bio-demeter-naturaloe-1-litre-packshothd.webp?v=1775988308"},{"product_id":"naturaloe-gel-propolis-purifiant-bio-50-ml","title":"Gel propolis purifiant bio - 50 mL - Naturaloé","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel Propolis Purifiant Bio NaturAloé\nPalette détectée:\n - Primaire: #B8282E (rouge bordeaux du packaging - bandeau inférieur)\n - Secondaire: #2D5A27 (vert foncé naturel - feuilles d'aloe)\n - Accent: #D4A574 (beige doré - évocation miel\/propolis)\n - Neutre: #F5F3F0 (blanc cassé crème du fond packaging)\nAmbiance: Naturel\/Bio, cosmétique apaisante, ruche et botanique, certifié éco-responsable, fabriqué en France\nPréfixe CSS: gp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gel Propolis Purifiant Bio NaturAloé : l'allié naturel des peaux à problèmes\"\n 2. \"Pourquoi choisir ce gel propolis bio ?\"\n 3. \"Le duo gagnant : Aloé Vera natif et Propolis\"\n 4. \"Comment utiliser le Gel Propolis Purifiant ?\"\n 5. \"Composition complète du Gel Propolis NaturAloé\"\n 6. \"Les engagements qualité NaturAloé\"\n 7. \"Conservation et format pratique\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gp-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"gp-hero\"\u003e\n \u003cdiv class=\"gp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gp-hero-content\"\u003e\n \u003cdiv class=\"gp-badges-top\"\u003e\n \u003cspan class=\"gp-badge\"\u003e🐝 Propolis Bio\u003c\/span\u003e\n \u003cspan class=\"gp-badge\"\u003e🌿 99,99% Naturel\u003c\/span\u003e\n \u003cspan class=\"gp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gp-hero-title\"\u003eGel Propolis Purifiant Bio\u003c\/span\u003e\n \u003cp class=\"gp-subtitle\"\u003eNaturAloé • 50 mL\u003c\/p\u003e\n \u003cp class=\"gp-description\"\u003eL'alliance puissante de l'aloé vera bio et de la propolis pour purifier, apaiser et assainir les peaux à imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gp-section\"\u003e\n \u003ch2\u003eGel Propolis Purifiant Bio NaturAloé : l'allié naturel des peaux à problèmes\u003c\/h2\u003e\n \u003cp class=\"gp-section-intro\"\u003eVous cherchez une solution naturelle et efficace pour \u003cstrong\u003epurifier votre peau\u003c\/strong\u003e et apaiser les imperfections du quotidien ? Ce gel combine le meilleur des actifs de la ruche et de l'aloe vera pour prendre soin des peaux fragilisées.\u003c\/p\u003e\n \u003cdiv class=\"gp-highlight-box\"\u003e\n \u003cdiv class=\"gp-highlight-stat\"\u003e\n \u003cspan class=\"gp-stat-number\"\u003e85%\u003c\/span\u003e\n \u003cspan class=\"gp-stat-label\"\u003eAloé Vera bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-highlight-stat\"\u003e\n \u003cspan class=\"gp-stat-number\"\u003e99,99%\u003c\/span\u003e\n \u003cspan class=\"gp-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-highlight-stat\"\u003e\n \u003cspan class=\"gp-stat-number\"\u003e90,65%\u003c\/span\u003e\n \u003cspan class=\"gp-stat-label\"\u003eIngrédients bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce gel propolis bio ?\u003c\/h2\u003e\n \u003cp class=\"gp-section-intro\"\u003eLes peaux sujettes aux imperfections méritent une attention particulière. Ce gel purifiant répond aux besoins des peaux confrontées à des désagréments variés.\u003c\/p\u003e\n \u003cdiv class=\"gp-grid\"\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e💧 Acné et boutons\u003c\/h3\u003e\n \u003cp\u003eAssainit et réduit visiblement les imperfections pour une peau nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e💋 Herpès labial\u003c\/h3\u003e\n \u003cp\u003eApaise dès les premiers signes d'inconfort et accélère le confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e🌸 Psoriasis et eczéma\u003c\/h3\u003e\n \u003cp\u003eCalme les zones irritées et sensibilisées en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e🛡️ Infections fongiques\u003c\/h3\u003e\n \u003cp\u003eAide à purifier la peau en profondeur grâce à la propolis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e🩹 Ampoules\u003c\/h3\u003e\n \u003cp\u003eFavorise le processus naturel de réparation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e✨ Peau purifiée\u003c\/h3\u003e\n \u003cp\u003e88% des utilisateurs constatent une peau purifiée après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gp-section\"\u003e\n \u003ch2\u003eLe duo gagnant : Aloé Vera natif et Propolis\u003c\/h2\u003e\n \u003cp class=\"gp-section-intro\"\u003eLa force de ce gel réside dans l'association de deux ingrédients aux propriétés complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"gp-duo-grid\"\u003e\n \u003cdiv class=\"gp-duo-card gp-duo-aloe\"\u003e\n \u003cdiv class=\"gp-duo-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eAloé Vera Bio\u003c\/h3\u003e\n \u003cspan class=\"gp-duo-percent\"\u003e85% de la formule\u003c\/span\u003e\n \u003cp\u003eUtilisé sous forme de mucilage frais pressé, il conserve toute sa richesse en actifs hydratants et apaisants. C'est la base même de ce soin, offrant à votre peau une hydratation optimale tout en calmant les sensations d'inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-duo-card gp-duo-propolis\"\u003e\n \u003cdiv class=\"gp-duo-icon\"\u003e🐝\u003c\/div\u003e\n \u003ch3\u003ePropolis Bio\u003c\/h3\u003e\n \u003cspan class=\"gp-duo-percent\"\u003eActif purifiant\u003c\/span\u003e\n \u003cp\u003eCette résine récoltée par les abeilles est reconnue depuis des siècles pour ses propriétés assainissantes. Elle aide à purifier la peau et à prévenir l'apparition de nouvelles imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gp-section\"\u003e\n \u003ch2\u003eComment utiliser le Gel Propolis Purifiant ?\u003c\/h2\u003e\n \u003cdiv class=\"gp-usage-grid\"\u003e\n \u003cdiv class=\"gp-usage-block\"\u003e\n \u003ch3\u003e🎯 En soin ciblé quotidien\u003c\/h3\u003e\n \u003cdiv class=\"gp-timeline\"\u003e\n \u003cdiv class=\"gp-timeline-item\"\u003e\n \u003cspan class=\"gp-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"gp-timeline-content\"\u003e\n \u003ch3\u003eApplication ciblée\u003c\/h3\u003e\n \u003cp\u003eAppliquez une couche épaisse directement sur les zones à traiter (visage ou corps).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-timeline-item\"\u003e\n \u003cspan class=\"gp-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"gp-timeline-content\"\u003e\n \u003ch3\u003eRéactivité\u003c\/h3\u003e\n \u003cp\u003eDès les premiers signes d'irritation, utilisez le gel plusieurs fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-timeline-item\"\u003e\n \u003cspan class=\"gp-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"gp-timeline-content\"\u003e\n \u003ch3\u003eRenouvellement\u003c\/h3\u003e\n \u003cp\u003eRenouvelez l'application 2 à 3 fois par jour jusqu'à amélioration visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-usage-block\"\u003e\n \u003ch3\u003e✨ En masque purifiant hebdomadaire\u003c\/h3\u003e\n \u003cdiv class=\"gp-timeline\"\u003e\n \u003cdiv class=\"gp-timeline-item\"\u003e\n \u003cspan class=\"gp-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"gp-timeline-content\"\u003e\n \u003ch3\u003eApplication généreuse\u003c\/h3\u003e\n \u003cp\u003eUne fois par semaine, appliquez en couche généreuse sur l'ensemble du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-timeline-item\"\u003e\n \u003cspan class=\"gp-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"gp-timeline-content\"\u003e\n \u003ch3\u003eTemps de pose\u003c\/h3\u003e\n \u003cp\u003eLaissez poser quelques minutes pour une purification en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-timeline-item\"\u003e\n \u003cspan class=\"gp-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"gp-timeline-content\"\u003e\n \u003ch3\u003eRésultat\u003c\/h3\u003e\n \u003cp\u003eCe rituel aide à prévenir l'apparition de nouvelles imperfections.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\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=\"gp-section\"\u003e\n \u003ch2\u003eComposition complète du Gel Propolis NaturAloé\u003c\/h2\u003e\n \u003cp class=\"gp-section-intro\"\u003eCe soin certifié bio affiche une transparence totale sur sa formulation.\u003c\/p\u003e\n \u003cdiv class=\"gp-grid\"\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e🌿 Aloé Vera bio (85%)\u003c\/h3\u003e\n \u003cp\u003eMucilage frais pressé, base hydratante et apaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e🍃 Alcool bio\u003c\/h3\u003e\n \u003cp\u003eTransformé à partir d'ingrédients biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e🌰 Amande douce\u003c\/h3\u003e\n \u003cp\u003eÉmulsionnant doux et naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eHydratation et protection de la barrière cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e🐝 Propolis bio\u003c\/h3\u003e\n \u003cp\u003eExtrait purifiant et assainissant de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-card\"\u003e\n \u003ch3\u003e🧴 Texture parfaite\u003c\/h3\u003e\n \u003cp\u003eGélifiant naturel (gomme xanthane) et parfum 100% naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-accordion\"\u003e\n \u003cdetails class=\"gp-accordion-item\"\u003e\n \u003csummary class=\"gp-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"gp-accordion-content\"\u003e\n \u003cp\u003eAloe Barbadensis Leaf Juice*, Alcohol**, Prunus Amygdalus Dulcis (Sweet Almond) Oleosomes, Aqua (Water), Glycerin, Xanthan Gum, Propolis Extract*, Levulinic Acid, Sodium Levulinate, Glyceryl Undecylenate, Parfum (Fragrance), Sodium Benzoate, Gluconolactone, Potassium Hydroxide, Cinnamic Acid, Citric Acid, Sodium Bicarbonate.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédient issu de l'Agriculture Biologique \/ **Transformé à partir d'ingrédients biologiques\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 7 --\u003e\n \u003csection class=\"gp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConservation et format pratique\u003c\/h2\u003e\n \u003cdiv class=\"gp-format-box\"\u003e\n \u003cdiv class=\"gp-format-info\"\u003e\n \u003cdiv\u003e\n \u003cstrong\u003e🧴 Flacon pompe airless 50 mL\u003c\/strong\u003e\n \u003cp\u003eSystème hygiénique et dosage précis à chaque application. Se conserve à température ambiante et vous accompagne facilement dans tous vos déplacements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gp-cta-box\"\u003e\n \u003cp\u003e🐝 Offrez à votre peau le meilleur de la nature : la puissance purifiante de la propolis associée à la douceur apaisante de l'aloé vera bio !\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gp-cream: #FAF8F5;\n --gp-white: #ffffff;\n --gp-primary: #B8282E;\n --gp-primary-dark: #8C1F23;\n --gp-primary-light: #FDF2F2;\n --gp-secondary: #2D5A27;\n --gp-secondary-light: #E8F5E6;\n --gp-accent: #D4A574;\n --gp-accent-light: #FBF6F0;\n --gp-text: #1a1a1a;\n --gp-text-light: #5a5a5a;\n --gp-border: #e8e4e0;\n --gp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gp-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --gp-radius: 20px;\n --gp-radius-sm: 12px;\n}\n\n.gp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gp-primary) 0%, var(--gp-primary-dark) 40%, var(--gp-secondary) 100%);\n border-radius: var(--gp-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(--gp-shadow-lg);\n}\n\n.gp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.gp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gp-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(--gp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.gp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.gp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gp-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.gp-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(--gp-primary), var(--gp-accent));\n border-radius: 2px;\n}\n\n.gp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gp-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gp-highlight-box {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 3vw, 2rem);\n flex-wrap: wrap;\n background: var(--gp-white);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-radius: var(--gp-radius);\n box-shadow: var(--gp-shadow);\n}\n\n.gp-highlight-stat {\n text-align: center;\n padding: 0 1rem;\n}\n\n.gp-stat-number {\n display: block;\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: var(--gp-primary);\n line-height: 1;\n}\n\n.gp-stat-label {\n display: block;\n font-size: clamp(12px, 2vw, 14px);\n color: var(--gp-text-light);\n font-weight: 600;\n margin-top: .5rem;\n}\n\n\/* === CARDS === *\/\n.gp-card {\n background: var(--gp-white);\n border-radius: var(--gp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gp-shadow-lg);\n border-color: var(--gp-primary);\n}\n\n.gp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gp-grid-compact .gp-card {\n padding: 1rem;\n}\n\n.gp-grid-compact .gp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gp-grid-compact .gp-card p {\n font-size: 12px;\n}\n\n\/* === DUO GRID === *\/\n.gp-duo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.gp-duo-card {\n background: var(--gp-white);\n border-radius: var(--gp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gp-shadow);\n text-align: center;\n border-top: 4px solid;\n transition: all .3s ease;\n}\n\n.gp-duo-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--gp-shadow-lg);\n}\n\n.gp-duo-aloe {\n border-color: var(--gp-secondary);\n}\n\n.gp-duo-propolis {\n border-color: var(--gp-accent);\n}\n\n.gp-duo-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.gp-duo-card h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--gp-text);\n margin: 0 0 .5rem 0;\n}\n\n.gp-duo-percent {\n display: inline-block;\n background: var(--gp-primary-light);\n color: var(--gp-primary);\n font-size: 13px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: 1rem;\n}\n\n.gp-duo-aloe .gp-duo-percent {\n background: var(--gp-secondary-light);\n color: var(--gp-secondary);\n}\n\n.gp-duo-propolis .gp-duo-percent {\n background: var(--gp-accent-light);\n color: #8B6914;\n}\n\n.gp-duo-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--gp-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === USAGE GRID === *\/\n.gp-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.gp-usage-block {\n background: var(--gp-white);\n border-radius: var(--gp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gp-shadow);\n}\n\n.gp-usage-block \u003e h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gp-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.gp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gp-timeline-number {\n flex-shrink: 0;\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--gp-primary), var(--gp-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 14px;\n}\n\n.gp-timeline-content {\n flex: 1;\n background: var(--gp-cream);\n padding: .875rem 1rem;\n border-radius: var(--gp-radius-sm);\n}\n\n.gp-timeline-content h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--gp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gp-timeline-content p {\n font-size: 13px;\n color: var(--gp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.gp-accordion {\n background: var(--gp-white);\n border-radius: var(--gp-radius);\n box-shadow: var(--gp-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.gp-accordion-item {\n border-bottom: 1px solid var(--gp-border);\n margin: 0;\n padding: 0;\n}\n\n.gp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gp-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.gp-accordion-header:hover {\n background: var(--gp-primary-light);\n}\n\n.gp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gp-primary);\n transition: transform .2s ease;\n}\n\n.gp-accordion-item[open] .gp-accordion-header::after {\n content: '−';\n}\n\n.gp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gp-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.gp-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.gp-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.gp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gp-secondary-light);\n border-radius: var(--gp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gp-tip p {\n font-size: 14px;\n color: var(--gp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FORMAT BOX === *\/\n.gp-format-box {\n background: var(--gp-white);\n border-radius: var(--gp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gp-shadow);\n margin-bottom: 1.5rem;\n}\n\n.gp-format-info {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gp-format-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.gp-format-info strong {\n display: block;\n font-size: clamp(16px, 2.5vw, 18px);\n color: var(--gp-primary-dark);\n margin-bottom: .35rem;\n}\n\n.gp-format-info p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gp-cta-box {\n background: linear-gradient(135deg, var(--gp-primary) 0%, var(--gp-primary-dark) 100%);\n border-radius: var(--gp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gp-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.gp-disclaimer {\n font-size: 12px;\n color: var(--gp-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 .gp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gp-card {\n padding: 1.125rem;\n }\n \n .gp-section {\n margin-bottom: 1.75rem;\n }\n \n .gp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gp-radius-sm);\n }\n \n .gp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gp-grid-compact {\n gap: .625rem;\n }\n \n .gp-grid-compact .gp-card {\n padding: .75rem;\n }\n \n .gp-duo-grid {\n grid-template-columns: 1fr;\n }\n \n .gp-duo-card {\n padding: 1.25rem;\n }\n \n .gp-duo-icon {\n font-size: 36px;\n }\n \n .gp-usage-grid {\n grid-template-columns: 1fr;\n }\n \n .gp-usage-block {\n padding: 1rem;\n }\n \n .gp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 13px;\n }\n \n .gp-timeline-content {\n padding: .75rem .875rem;\n }\n \n .gp-timeline-content h3 {\n font-size: 13px;\n }\n \n .gp-timeline-content p {\n font-size: 12px;\n }\n \n .gp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .gp-highlight-box {\n padding: 1.25rem;\n }\n \n .gp-highlight-stat {\n padding: 0 .5rem;\n }\n \n .gp-format-info {\n flex-direction: column;\n text-align: center;\n }\n \n .gp-format-icon {\n margin: 0 auto;\n }\n \n .gp-tip {\n flex-direction: column;\n text-align: center;\n }\n \n .gp-tip-icon {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gp-card {\n animation: fadeInUp .5s ease backwards;\n }\n .gp-card:nth-child(1) { animation-delay: .05s; }\n .gp-card:nth-child(2) { animation-delay: .1s; }\n .gp-card:nth-child(3) { animation-delay: .15s; }\n .gp-card:nth-child(4) { animation-delay: .2s; }\n .gp-card:nth-child(5) { animation-delay: .25s; }\n .gp-card:nth-child(6) { animation-delay: .3s; }\n \n .gp-duo-card {\n animation: fadeInUp .5s ease backwards;\n }\n .gp-duo-card:nth-child(1) { animation-delay: .1s; }\n .gp-duo-card:nth-child(2) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56520643740025,"sku":"NBAIALO0008","price":19.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-propolis-purifiant-bio-50-ml-naturaloe-lifestyle.webp?v=1768899227"},{"product_id":"creme-hydratante-bio-50-ml-naturaloe","title":"Crème hydratante bio - 50 mL - Naturaloé","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème hydratante bio à l'Aloé Vera - NaturAloé\nPalette détectée:\n - Primaire: #8B5A3C (brun terracotta du bandeau et logo)\n - Secondaire: #6B8E5A (vert olive des feuilles d'aloé)\n - Accent: #D4A574 (beige rosé du logo goutte)\n - Cream: #F9F7F4 (blanc cassé naturel)\nAmbiance: Naturel\/Bio, authentique, terroir français, cosmétique végétale pure\nPréfixe CSS: na\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Crème hydratante visage bio à l'Aloé Vera : l'hydratation naturelle dont votre peau a besoin\"\n 2. \"Pourquoi choisir cette crème hydratante pour le visage ?\"\n 3. \"Une composition 100% d'origine naturelle\"\n 4. \"Pour quels types de peaux ?\"\n 5. \"Comment utiliser votre crème hydratante bio ?\"\n 6. \"Des engagements forts pour votre peau et la planète\"\n 7. \"Liste complète des ingrédients (INCI)\"\n 8. \"Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"na-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"na-hero\"\u003e\n \u003cdiv class=\"na-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"na-hero-content\"\u003e\n \u003cdiv class=\"na-badges-top\"\u003e\n \u003cspan class=\"na-badge\"\u003e🌿 39% Aloé Vera natif\u003c\/span\u003e\n \u003cspan class=\"na-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"na-badge\"\u003e🌱 100% naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"na-hero-title\"\u003eCrème Hydratante Bio NaturAloé\u003c\/span\u003e\n \u003ch2 style=\"color:lightgrey;\"\u003eL'hydratation naturelle dont votre peau a besoin\u003c\/h2\u003e\n \u003cp class=\"na-description\"\u003eUne formule certifiée bio au mucilage frais d'Aloé Vera pressé à froid, enrichie en huiles végétales précieuses pour les peaux normales à grasses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003cp class=\"na-section-intro\"\u003eVous cherchez une crème hydratante visage efficace, naturelle et respectueuse de votre peau ? Cette crème hydratante bio NaturAloé combine la puissance de l'Aloé Vera natif avec des huiles végétales précieuses pour offrir à votre épiderme tout ce dont il a besoin au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌿 Certifiée Bio\u003c\/h3\u003e\n \u003cp\u003eEcocert \u0026amp; Cosmebio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💧 39% Aloé Vera\u003c\/h3\u003e\n \u003cp\u003eMucilage frais natif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🍃 100% Naturelle\u003c\/h3\u003e\n \u003cp\u003eOrigine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e✨ Peaux mixtes\u003c\/h3\u003e\n \u003cp\u003eNormales à grasses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème hydratante pour le visage ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eContrairement aux crèmes conventionnelles qui se contentent de déposer un film occlusif, cette crème visage agit en profondeur pour reconstituer le système naturel d'hydratation de votre épiderme.\u003c\/p\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💦 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eEfface les stries de déshydratation et apaise les tiraillements en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n \u003cp\u003eRenforce les défenses cutanées face à la pollution et aux radicaux libres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e☁️ Texture légère\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans laisser de film gras ni effet collant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💄 Base maquillage idéale\u003c\/h3\u003e\n \u003cp\u003ePrépare parfaitement la peau pour une application maquillage impeccable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-tip\"\u003e\n \u003cspan class=\"na-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eLe secret NaturAloé :\u003c\/strong\u003e Le mucilage frais d'Aloé Vera est pressé à froid et non reconstitué à partir de poudre, conservant ainsi toutes ses propriétés actives pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eUne composition 100% naturelle\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eCette crème bio réunit des actifs soigneusement sélectionnés pour leur complémentarité et leur efficacité prouvée.\u003c\/p\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌵 Aloé Vera bio 39%\u003c\/h3\u003e\n \u003cp\u003eHydrate, protège et adoucit la peau en profondeur grâce au mucilage frais\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🍑 Huile de noyau d'abricot\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément et illumine le teint pour un effet bonne mine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eApporte douceur, souplesse et aide à la régénération cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🍋 Verveine exotique bio\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle qui purifie et assainit la peau naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌟 Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eProtège contre le stress oxydatif et le vieillissement prématuré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eLimite l'évaporation de l'eau pour maintenir l'hydratation toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-highlight-box\"\u003e\n \u003cp\u003e🌱 \u003cstrong\u003e40,9% des ingrédients\u003c\/strong\u003e sont issus de l'agriculture biologique contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003ePour quels types de peaux ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eCette crème hydratante NaturAloé est spécialement formulée pour les peaux normales à grasses. Elle convient particulièrement si vous :\u003c\/p\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e😣 Tiraillements\u003c\/h3\u003e\n \u003cp\u003ePeau qui tiraille malgré des zones brillantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e✨ Sans effet gras\u003c\/h3\u003e\n \u003cp\u003eHydratation sans brillance indésirable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e☀️ Idéale été\u003c\/h3\u003e\n \u003cp\u003eTexture légère pour climats chauds\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💄 Base légère\u003c\/h3\u003e\n \u003cp\u003eNe surcharge pas la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-tip\"\u003e\n \u003cspan class=\"na-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003ePour les peaux sèches à très sèches, privilégiez plutôt la version \"peaux sèches\" de la gamme NaturAloé, plus riche en huiles nourrissantes.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eComment utiliser votre crème hydratante bio ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003ePour profiter pleinement des bienfaits de cette crème hydratante visage, suivez ces conseils d'application :\u003c\/p\u003e\n \u003cdiv class=\"na-timeline\"\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eNettoyez votre visage\u003c\/h3\u003e\n \u003cp\u003eAu préalable avec un soin adapté à votre type de peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une petite noisette\u003c\/h3\u003e\n \u003cp\u003eGrâce au système airless hygiénique qui préserve la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en couche fine\u003c\/h3\u003e\n \u003cp\u003eSur le visage et le cou, en évitant le contour des yeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez de légers mouvements circulaires pour favoriser la pénétration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eInsistez sur les zones fragilisées\u003c\/h3\u003e\n \u003cp\u003eAiles du nez, entre les sourcils, contour de la bouche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-tip\"\u003e\n \u003cspan class=\"na-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Utilisez-la chaque matin sur peau propre. Sa texture non grasse permet d'appliquer votre maquillage immédiatement après.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eDes engagements forts pour votre peau et la planète\u003c\/h2\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🏅 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eEcocert et labellisée Cosmebio pour une garantie de qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testée sur les animaux, respect du vivant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée dans le respect des normes les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e♻️ Packaging airless\u003c\/h3\u003e\n \u003cp\u003ePréserve la formule et permet d'utiliser jusqu'à la dernière goutte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-sans-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eSans :\u003c\/strong\u003e paraben, phtalates, PEG, silicones, polymères, phénoxyéthanol, colorants synthétiques, parfums synthétiques, matières pétrochimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"na-accordion\"\u003e\n \u003cdetails class=\"na-accordion-item\"\u003e\n \u003csummary class=\"na-accordion-header\"\u003e🧪 Composition INCI\u003c\/summary\u003e\n \u003cdiv class=\"na-accordion-content\"\u003e\n \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Prunus Armeniaca Kernel Oil*, Prunus Amygdalus Dulcis Oil*, Glycerin,\n Leuconostoc\/Radish Root Ferment Filtrate, Glycine Soja Extract, Tocopherol, Litsea Cubeba Fruit Oil*, et\n ingrédients d'origine naturelle (émulsifiants, gélifiants).\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 \u003cdiv class=\"na-accordion\"\u003e\n \u003cdetails class=\"na-accordion-item\"\u003e\n \u003csummary class=\"na-accordion-header\"\u003e📦 Conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"na-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 50 ml\u003cbr\u003e\n \u003cstrong\u003eFormat :\u003c\/strong\u003e Flacon airless avec pompe doseuse\u003cbr\u003e\n \u003cstrong\u003eFabrication :\u003c\/strong\u003e France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"na-accordion-item\"\u003e\n \u003csummary class=\"na-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"na-accordion-content\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la chaleur et de la lumière directe pour préserver toutes les propriétés des actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"na-accordion-item\"\u003e\n \u003csummary class=\"na-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"na-accordion-content\"\u003e\n \u003cp\u003eCe produit cosmétique ne peut se substituer à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de réaction cutanée, cessez l'utilisation et consultez un dermatologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"na-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"na-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau le meilleur de la nature avec cette crème hydratante bio à l'Aloé Vera natif. Une formule pure, efficace et respectueuse, fabriquée en France avec passion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --na-cream: #F9F7F4;\n --na-white: #ffffff;\n --na-primary: #8B5A3C;\n --na-primary-dark: #6B4530;\n --na-primary-light: #F5EDE8;\n --na-secondary: #6B8E5A;\n --na-secondary-light: #E8F0E4;\n --na-accent: #D4A574;\n --na-text: #1a1a1a;\n --na-text-light: #5a5a5a;\n --na-border: #e0e0e0;\n --na-shadow: 0 4px 24px rgba(139,90,60,.08);\n --na-shadow-lg: 0 12px 48px rgba(139,90,60,.15);\n --na-radius: 20px;\n --na-radius-sm: 12px;\n}\n\n.na-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--na-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.na-hero {\n position: relative;\n background: linear-gradient(135deg, #8B5A3C 0%, #6B8E5A 50%, #5A7A4A 100%);\n border-radius: var(--na-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(--na-shadow-lg);\n}\n\n.na-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L30 20 L25 25 Z' fill='white' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.na-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.na-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.na-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(--na-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.na-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.na-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.na-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.na-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.na-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.na-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--na-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.na-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(--na-primary), var(--na-secondary));\n border-radius: 2px;\n}\n\n.na-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--na-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\/* === GRILLES === *\/\n.na-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.na-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.na-card {\n background: var(--na-white);\n border-radius: var(--na-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--na-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.na-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--na-shadow-lg);\n border-color: var(--na-primary);\n}\n\n.na-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--na-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.na-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.na-grid-compact .na-card {\n padding: 1rem;\n}\n\n.na-grid-compact .na-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.na-grid-compact .na-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.na-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.na-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.na-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--na-primary), var(--na-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.na-timeline-content {\n flex: 1;\n background: var(--na-white);\n padding: 1rem 1.25rem;\n border-radius: var(--na-radius-sm);\n box-shadow: var(--na-shadow);\n}\n\n.na-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--na-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.na-timeline-content p {\n font-size: 14px;\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.na-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--na-primary-light);\n border-radius: var(--na-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.na-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.na-tip p {\n font-size: 14px;\n color: var(--na-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.na-highlight-box {\n background: linear-gradient(135deg, var(--na-secondary-light), var(--na-primary-light));\n border-radius: var(--na-radius-sm);\n padding: 1.25rem;\n text-align: center;\n margin-top: 1.25rem;\n border-left: 4px solid var(--na-secondary);\n}\n\n.na-highlight-box p {\n font-size: 15px;\n color: var(--na-text);\n margin: 0;\n font-weight: 600;\n}\n\n\/* === SANS BOX === *\/\n.na-sans-box {\n background: var(--na-white);\n border-radius: var(--na-radius-sm);\n padding: 1.25rem;\n text-align: center;\n margin-top: 1.25rem;\n border: 2px dashed var(--na-border);\n}\n\n.na-sans-box p {\n font-size: 14px;\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.na-accordion {\n background: var(--na-white);\n border-radius: var(--na-radius);\n box-shadow: var(--na-shadow);\n overflow: hidden;\n}\n\n.na-accordion-item {\n border-bottom: 1px solid var(--na-border);\n margin: 0;\n padding: 0;\n}\n\n.na-accordion-item:last-child {\n border-bottom: none;\n}\n\n.na-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--na-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.na-accordion-header:hover {\n background: var(--na-primary-light);\n}\n\n.na-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.na-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--na-primary);\n transition: transform .2s ease;\n}\n\n.na-accordion-item[open] .na-accordion-header::after {\n content: '−';\n}\n\n.na-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--na-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.na-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.na-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.na-cta-box {\n background: linear-gradient(135deg, var(--na-primary) 0%, var(--na-secondary) 100%);\n border-radius: var(--na-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.na-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.na-disclaimer {\n font-size: 12px;\n color: var(--na-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 .na-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .na-card {\n padding: 1.125rem;\n }\n \n .na-section {\n margin-bottom: 1.75rem;\n }\n \n .na-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--na-radius-sm);\n }\n \n .na-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .na-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .na-grid-compact {\n gap: .625rem;\n }\n \n .na-grid-compact .na-card {\n padding: .75rem;\n }\n \n .na-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .na-timeline-content {\n padding: .875rem 1rem;\n }\n \n .na-timeline-content h3 {\n font-size: 14px;\n }\n \n .na-timeline-content p {\n font-size: 13px;\n }\n \n .na-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .na-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .na-tip {\n padding: .875rem 1rem;\n }\n \n .na-tip-icon {\n font-size: 20px;\n }\n \n .na-tip p {\n font-size: 13px;\n }\n \n .na-highlight-box,\n .na-sans-box {\n padding: 1rem;\n }\n \n .na-highlight-box p,\n .na-sans-box p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .na-card {\n animation: fadeInUp .5s ease backwards;\n }\n .na-card:nth-child(1) { animation-delay: .05s; }\n .na-card:nth-child(2) { animation-delay: .1s; }\n .na-card:nth-child(3) { animation-delay: .15s; }\n .na-card:nth-child(4) { animation-delay: .2s; }\n .na-card:nth-child(5) { animation-delay: .25s; }\n .na-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 .na-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56528031187321,"sku":"NBAIALO0001","price":24.4,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-hydratante-bio-50-ml-naturaloe-lifestyle_e89452b9-cbd6-407f-92a7-7685457d112b.webp?v=1768897954"},{"product_id":"creme-anti-rides-bio-50-ml-naturaloe","title":"Crème anti-rides bio - 50 mL - Naturaloé","description":"\u003cdiv class=\"nal-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"nal-hero\"\u003e\n\u003cdiv class=\"nal-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nal-hero-content\"\u003e\n\u003cdiv class=\"nal-badges-top\"\u003e\n\u003cspan class=\"nal-badge\"\u003e🌿 Bio certifié Ecocert\u003c\/span\u003e \u003cspan class=\"nal-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"nal-badge\"\u003e💧 39% Aloé vera natif\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nal-hero-title\"\u003eCrème Anti-Rides Bio NaturAloé\u003c\/span\u003e\n\u003cp class=\"nal-subtitle\"\u003eLe pouvoir régénérant de l'aloé vera au service de votre jeunesse\u003c\/p\u003e\n\u003cp class=\"nal-description\"\u003eUne formule 100% naturelle certifiée Demeter qui hydrate intensément et atténue visiblement les signes du temps. 92,7% des utilisatrices la recommandent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eUne crème anti-rides bio qui prend vraiment soin de votre peau\u003c\/h2\u003e\n\u003cdiv class=\"nal-intro-card\"\u003e\n\u003cp\u003eVous cherchez une \u003cstrong\u003ecrème anti-rides bio efficace\u003c\/strong\u003e qui tient ses promesses sans compromettre la naturalité ? La crème anti-rides NaturAloé concentre le meilleur de l'aloé vera natif et d'actifs végétaux précieux pour accompagner votre peau dans sa lutte contre les signes du temps.\u003c\/p\u003e\n\u003cp\u003eFabriquée en France et certifiée bio, elle offre une réponse naturelle aux besoins des peaux matures en quête de fermeté et d'éclat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'aloé vera natif comme ingrédient star ?\u003c\/h2\u003e\n\u003cdiv class=\"nal-highlight-box\"\u003e\n\u003cdiv class=\"nal-highlight-number\"\u003e39%\u003c\/div\u003e\n\u003cdiv class=\"nal-highlight-text\"\u003e\n\u003cstrong\u003eMucilage frais pressé d'aloé vera bio\u003c\/strong\u003e\u003cbr\u003eCertifié Demeter (agriculture biodynamique)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"nal-section-text\"\u003eContrairement aux formules classiques qui utilisent de l'eau comme base, NaturAloé a fait le choix audacieux de placer ce gel végétal en tête de liste. Résultat : votre peau bénéficie d'une \u003cstrong\u003ehydratation intense\u003c\/strong\u003e et d'une concentration optimale en principes actifs dès la première application.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eDes actifs végétaux ciblés pour une action anti-âge complète\u003c\/h2\u003e\n\u003cp class=\"nal-section-intro\"\u003eUne synergie d'actifs soigneusement sélectionnés pour des résultats visibles\u003c\/p\u003e\n\u003cdiv class=\"nal-grid\"\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🌹 Huile de rose muscat bio\u003c\/h3\u003e\n\u003cp\u003eRiche en acides gras essentiels, elle favorise la régénération cellulaire et améliore l'élasticité de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🌸 Huile d'onagre bio\u003c\/h3\u003e\n\u003cp\u003eConnue pour ses propriétés nourrissantes et assouplissantes, elle redonne souplesse aux peaux matures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🍑 Huile de noyau d'abricot bio\u003c\/h3\u003e\n\u003cp\u003eUn concentré de vitamines A et E qui illumine le teint et adoucit la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🫘 Extrait de soja non OGM\u003c\/h3\u003e\n\u003cp\u003eAide à stimuler la production naturelle de collagène pour une peau repulpée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e✨ Actif anti-âge d'origine sucrière\u003c\/h3\u003e\n\u003cp\u003eFavorise la synthèse d'élastine pour une peau visiblement plus ferme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant qui protège la peau du stress oxydatif quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eDes résultats prouvés par les utilisatrices\u003c\/h2\u003e\n\u003cp class=\"nal-section-intro\"\u003eTest mené auprès de 55 personnes pendant 1 mois\u003c\/p\u003e\n\u003cdiv class=\"nal-stats-grid\"\u003e\n\u003cdiv class=\"nal-stat-card\"\u003e\n\u003cdiv class=\"nal-stat-number\"\u003e92,7%\u003c\/div\u003e\n\u003cp\u003erecommandent cette crème\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-stat-card\"\u003e\n\u003cdiv class=\"nal-stat-number\"\u003e91%\u003c\/div\u003e\n\u003cp\u003econstatent une peau plus hydratée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-stat-card\"\u003e\n\u003cdiv class=\"nal-stat-number\"\u003e60%\u003c\/div\u003e\n\u003cp\u003eobservent une atténuation visible de leurs rides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-testimonial\"\u003e\n\u003cp class=\"nal-testimonial-text\"\u003e\"La peau est comme gainée et les ridules des pattes d'oies s'atténuent. Après plusieurs jours, ma peau semble plus raffermie, plus éclatante et vraiment bien hydratée.\"\u003c\/p\u003e\n\u003cp class=\"nal-testimonial-author\"\u003e— Sophia, cliente Naturellement bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eComment appliquer votre crème anti-rides pour optimiser ses bienfaits ?\u003c\/h2\u003e\n\u003cdiv class=\"nal-timeline\"\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e🌙 Le moment idéal\u003c\/h3\u003e\n\u003cp\u003ePrivilégiez une application le soir, lorsque la peau entre en phase de régénération nocturne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e🧴 Préparez votre peau\u003c\/h3\u003e\n\u003cp\u003eNettoyez méticuleusement votre visage pour éliminer impuretés et résidus de maquillage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e💫 La bonne quantité\u003c\/h3\u003e\n\u003cp\u003ePrélevez une noisette de crème grâce au flacon pompe hygiénique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e🤲 Réchauffez le soin\u003c\/h3\u003e\n\u003cp\u003eFrottez délicatement la crème entre vos paumes pendant quelques secondes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e💆 Le geste qui fait la différence\u003c\/h3\u003e\n\u003cp\u003eMassez en partant du centre du visage vers l'extérieur, en remontant vers les tempes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-item\"\u003e\n\u003cdiv class=\"nal-timeline-number\"\u003e6\u003c\/div\u003e\n\u003cdiv class=\"nal-timeline-content\"\u003e\n\u003ch3\u003e✨ N'oubliez pas le cou\u003c\/h3\u003e\n\u003cp\u003eCette zone souvent négligée mérite autant d'attention que votre visage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-tip\"\u003e\n\u003cspan class=\"nal-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSa texture non grasse pénètre rapidement et laisse la peau douce, sans film gras ni sensation de lourdeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eLes garanties NaturAloé\u003c\/h2\u003e\n\u003cdiv class=\"nal-grid-compact\"\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🏆 Certifiée Ecocert\u003c\/h3\u003e\n\u003cp\u003eLabellisée Cosmebio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🌱 Demeter\u003c\/h3\u003e\n\u003cp\u003eAgriculture biodynamique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eEntreprise familiale depuis 2002\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eOrigine naturelle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🧴 Flacon airless\u003c\/h3\u003e\n\u003cp\u003e50 mL, fraîcheur préservée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e💚 Éthique\u003c\/h3\u003e\n\u003cp\u003eIngrédients traçables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"nal-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette crème visage bio anti-rides ?\u003c\/h2\u003e\n\u003cdiv class=\"nal-grid\"\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e✨ Peaux matures\u003c\/h3\u003e\n\u003cp\u003eVotre peau commence à perdre en fermeté et en éclat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e🔍 Premières rides\u003c\/h3\u003e\n\u003cp\u003eVous souhaitez atténuer vos premières rides ou ridules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e💨 Textures légères\u003c\/h3\u003e\n\u003cp\u003eVous préférez les textures qui pénètrent rapidement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-card\"\u003e\n\u003ch3\u003e📋 Transparence\u003c\/h3\u003e\n\u003cp\u003eVous exigez des ingrédients traçables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"nal-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n\u003cdiv class=\"nal-accordion\"\u003e\n\u003cdetails class=\"nal-accordion-item\"\u003e\n\u003csummary class=\"nal-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"nal-accordion-content\"\u003e\n\u003cp\u003eConservez votre crème à \u003cstrong\u003etempérature ambiante\u003c\/strong\u003e, à l'abri de la chaleur excessive et de la lumière directe. Le flacon pompe airless garantit une conservation optimale du produit en limitant le contact avec l'air.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nal-accordion-item\"\u003e\n\u003csummary class=\"nal-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"nal-accordion-content\"\u003e\n\u003cp\u003eComme pour tout cosmétique, réalisez un test dans le pli du coude 24h avant la première utilisation si vous avez la peau sensible ou réactive. En cas de réaction, cessez l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nal-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau le meilleur de la nature avec cette crème anti-rides bio d'exception, formulée avec 39% d'aloé vera natif certifié Demeter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"nal-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Les pourcentages indiqués proviennent d'un test consommateurs mené auprès de 55 personnes pendant 1 mois.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --nal-cream: #FAF8F5;\n --nal-white: #ffffff;\n --nal-primary: #5C4033;\n --nal-primary-dark: #3D2A22;\n --nal-primary-light: #F5EDE7;\n --nal-secondary: #7A9A5C;\n --nal-secondary-light: #E8F0E0;\n --nal-accent: #C4A77D;\n \n \/* Textes *\/\n --nal-text: #1a1a1a;\n --nal-text-light: #5a5a5a;\n \n \/* Effets *\/\n --nal-border: #e0e0e0;\n --nal-shadow: 0 4px 24px rgba(92,64,51,.08);\n --nal-shadow-lg: 0 12px 48px rgba(92,64,51,.15);\n --nal-radius: 20px;\n --nal-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nal-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nal-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nal-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4033 0%, #7A9A5C 50%, #3D2A22 100%);\n border-radius: var(--nal-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(--nal-shadow-lg);\n}\n\n.nal-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15, 45 20, 55 25 C45 30, 35 35, 30 45 C25 35, 15 30, 5 25 C15 20, 25 15, 30 5z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.nal-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nal-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.nal-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nal-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(--nal-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nal-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nal-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.nal-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.nal-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nal-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nal-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.nal-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(--nal-primary), var(--nal-secondary));\n border-radius: 2px;\n}\n\n.nal-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nal-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.nal-section-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nal-text);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto 1rem;\n text-align: center;\n}\n\n\/* === INTRO CARD === *\/\n.nal-intro-card {\n background: var(--nal-white);\n border-radius: var(--nal-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nal-shadow);\n border-left: 4px solid var(--nal-secondary);\n}\n\n.nal-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nal-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.nal-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.nal-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--nal-secondary-light) 0%, var(--nal-primary-light) 100%);\n border-radius: var(--nal-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n margin-bottom: 1.5rem;\n}\n\n.nal-highlight-number {\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--nal-secondary);\n line-height: 1;\n}\n\n.nal-highlight-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nal-text);\n line-height: 1.5;\n}\n\n\/* === CARDS === *\/\n.nal-card {\n background: var(--nal-white);\n border-radius: var(--nal-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nal-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nal-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nal-shadow-lg);\n border-color: var(--nal-secondary);\n}\n\n.nal-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nal-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nal-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nal-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nal-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.nal-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nal-grid-compact .nal-card {\n padding: 1rem;\n}\n\n.nal-grid-compact .nal-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nal-grid-compact .nal-card p {\n font-size: 12px;\n}\n\n\/* === STATS GRID === *\/\n.nal-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.nal-stat-card {\n background: linear-gradient(135deg, var(--nal-secondary) 0%, #5C8A4A 100%);\n border-radius: var(--nal-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n color: white;\n}\n\n.nal-stat-number {\n font-size: clamp(28px, 6vw, 42px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: .5rem;\n}\n\n.nal-stat-card p {\n font-size: clamp(12px, 2vw, 14px);\n margin: 0;\n opacity: .95;\n line-height: 1.4;\n}\n\n\/* === TIMELINE === *\/\n.nal-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nal-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nal-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nal-primary), var(--nal-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.nal-timeline-content {\n flex: 1;\n background: var(--nal-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nal-radius-sm);\n box-shadow: var(--nal-shadow);\n}\n\n.nal-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nal-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nal-timeline-content p {\n font-size: 14px;\n color: var(--nal-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nal-testimonial {\n background: var(--nal-white);\n border-radius: var(--nal-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nal-shadow);\n border-left: 4px solid var(--nal-accent);\n text-align: center;\n}\n\n.nal-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nal-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0 0 1rem 0;\n}\n\n.nal-testimonial-author {\n font-size: 14px;\n font-weight: 700;\n color: var(--nal-primary);\n margin: 0;\n}\n\n\/* === INGREDIENTS GRID === *\/\n.nal-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: .75rem;\n background: var(--nal-white);\n border-radius: var(--nal-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nal-shadow);\n}\n\n.nal-ingredient-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--nal-text);\n padding: .5rem 0;\n}\n\n.nal-ingredient-dot {\n width: 8px;\n height: 8px;\n background: var(--nal-secondary);\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n\/* === ACCORDION === *\/\n.nal-accordion {\n background: var(--nal-white);\n border-radius: var(--nal-radius);\n box-shadow: var(--nal-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.nal-accordion-item {\n border-bottom: 1px solid var(--nal-border);\n margin: 0;\n padding: 0;\n}\n\n.nal-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nal-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nal-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.nal-accordion-header:hover {\n background: var(--nal-primary-light);\n}\n\n.nal-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nal-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nal-primary);\n transition: transform .2s ease;\n}\n\n.nal-accordion-item[open] .nal-accordion-header::after {\n content: '−';\n}\n\n.nal-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nal-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.nal-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nal-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nal-secondary-light);\n border-radius: var(--nal-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nal-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nal-tip p {\n font-size: 14px;\n color: var(--nal-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.nal-cta-box {\n background: linear-gradient(135deg, var(--nal-primary) 0%, var(--nal-primary-dark) 100%);\n border-radius: var(--nal-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nal-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.nal-disclaimer {\n font-size: 12px;\n color: var(--nal-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 .nal-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nal-card {\n padding: 1.125rem;\n }\n \n .nal-section {\n margin-bottom: 1.75rem;\n }\n \n .nal-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nal-radius-sm);\n }\n \n .nal-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nal-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nal-grid-compact {\n gap: .625rem;\n }\n \n .nal-grid-compact .nal-card {\n padding: .75rem;\n }\n \n .nal-stats-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .nal-stat-card {\n display: flex;\n align-items: center;\n gap: 1rem;\n text-align: left;\n padding: 1rem 1.25rem;\n }\n \n .nal-stat-number {\n font-size: 28px;\n margin-bottom: 0;\n }\n \n .nal-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n \n .nal-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nal-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nal-timeline-content h3 {\n font-size: 14px;\n }\n \n .nal-timeline-content p {\n font-size: 13px;\n }\n \n .nal-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nal-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nal-testimonial {\n padding: 1.25rem;\n }\n \n .nal-testimonial-text {\n font-size: 14px;\n }\n \n .nal-ingredients-grid {\n grid-template-columns: 1fr;\n gap: .5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nal-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nal-card:nth-child(1) { animation-delay: .05s; }\n .nal-card:nth-child(2) { animation-delay: .1s; }\n .nal-card:nth-child(3) { animation-delay: .15s; }\n .nal-card:nth-child(4) { animation-delay: .2s; }\n .nal-card:nth-child(5) { animation-delay: .25s; }\n .nal-card:nth-child(6) { animation-delay: .3s; }\n \n .nal-stat-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nal-stat-card:nth-child(1) { animation-delay: .1s; }\n .nal-stat-card:nth-child(2) { animation-delay: .15s; }\n .nal-stat-card:nth-child(3) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .nal-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56528081027449,"sku":"NBAIALO0002","price":24.4,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-anti-rides-bio-50-ml-naturaloe-lifestyle.webp?v=1768899057"},{"product_id":"gel-originel-bio-150-ml-naturaloe","title":"Gel originel Aloe Vera Bio - 150 mL - Naturaloé","description":"\u003cdiv class=\"na-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"na-hero\"\u003e\n\u003cdiv class=\"na-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"na-hero-content\"\u003e\n\u003cdiv class=\"na-badges-top\"\u003e\n\u003cspan class=\"na-badge\"\u003e🌿 94,2% Aloe Vera Bio\u003c\/span\u003e \u003cspan class=\"na-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"na-badge\"\u003e✨ 100% Naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"na-hero-title\"\u003eGel Originel Bio Aloe Vera\u003c\/span\u003e\n\u003cp class=\"na-subtitle\"\u003eL'hydratation pure pour votre peau et vos cheveux\u003c\/p\u003e\n\u003cp class=\"na-description\"\u003eUn concentré de mucilage frais d'Aloe Vera biologique récolté artisanalement en Espagne. Visage, corps, cheveux : un seul geste pour une peau apaisée, hydratée et régénérée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"na-section\"\u003e\n\u003ch2\u003eGel Originel Bio Aloe Vera : l'hydratation pure pour votre peau et vos cheveux\u003c\/h2\u003e\n\u003cp class=\"na-section-intro\"\u003eVous cherchez un soin \u003cstrong\u003e100 % naturel\u003c\/strong\u003e capable d'hydrater intensément votre peau tout en apaisant les irritations du quotidien ? Ce gel concentre \u003cstrong\u003e94,2 % de mucilage frais\u003c\/strong\u003e pour une hydratation profonde et durable.\u003c\/p\u003e\n\u003cdiv class=\"na-highlight-box\"\u003e\n\u003cdiv class=\"na-highlight-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e🌱 Aloe Vera récolté artisanalement en Espagne\u003c\/strong\u003e, pressé à froid pour préserver toutes ses qualités. Contrairement aux gels dilués, celui-ci mise sur la pureté maximale de l'actif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"na-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel d'Aloe Vera natif pour votre peau ?\u003c\/h2\u003e\n\u003cp class=\"na-section-intro\"\u003eL'Aloe Vera est reconnu depuis des millénaires pour ses propriétés exceptionnelles. Avec près de 95 % de mucilage frais, vous bénéficiez de tous les bienfaits sans dilution excessive.\u003c\/p\u003e\n\u003cdiv class=\"na-grid\"\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e💧 Hydratation légère\u003c\/h3\u003e\n\u003cp\u003eUne crème hydratante bio qui pénètre rapidement sans film gras ni sensation collante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e☀️ Soin après-soleil\u003c\/h3\u003e\n\u003cp\u003eApaise et répare après l'exposition au soleil ou à l'eau de mer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🩹 Anti-sécheresse\u003c\/h3\u003e\n\u003cp\u003eSolution naturelle contre la sécheresse cutanée, démangeaisons et sensations de brûlure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🔄 Ultra-polyvalent\u003c\/h3\u003e\n\u003cp\u003eUtilisable sur le visage, le corps et les cheveux en un seul produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"na-section\"\u003e\n\u003ch2\u003eLes bienfaits du Gel Originel Naturaloé\u003c\/h2\u003e\n\u003cdiv class=\"na-subsection\"\u003e\n\u003ch3 class=\"na-subsection-title\"\u003e🧴 Pour le visage et le corps\u003c\/h3\u003e\n\u003cdiv class=\"na-grid\"\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e💦 Hydrate en profondeur\u003c\/h3\u003e\n\u003cp\u003eRééquilibre les besoins journaliers en eau de votre épiderme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e😌 Apaise et calme\u003c\/h3\u003e\n\u003cp\u003eIdéal après le rasage pour apaiser le feu du rasoir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e✨ Régénère et restructure\u003c\/h3\u003e\n\u003cp\u003eAide la peau à retrouver souplesse et douceur naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🎯 Effet astringent\u003c\/h3\u003e\n\u003cp\u003eResserre les pores pour une peau nette et affinée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🌞 Répare après-soleil\u003c\/h3\u003e\n\u003cp\u003eSoulage les peaux agressées par le soleil et l'eau salée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-subsection\"\u003e\n\u003ch3 class=\"na-subsection-title\"\u003e💇 Pour les cheveux et le cuir chevelu\u003c\/h3\u003e\n\u003cdiv class=\"na-grid-compact\"\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🛡️ Protège\u003c\/h3\u003e\n\u003cp\u003eNourrit la tige capillaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e💧 Hydrate\u003c\/h3\u003e\n\u003cp\u003eLongueurs sèches et abîmées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🧼 Assainit\u003c\/h3\u003e\n\u003cp\u003eCuir chevelu irrité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e〰️ Définit\u003c\/h3\u003e\n\u003cp\u003eBoucles sans alourdir\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=\"na-section\"\u003e\n\u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"na-timeline\"\u003e\n\u003cdiv class=\"na-timeline-item\"\u003e\n\u003cdiv class=\"na-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"na-timeline-content\"\u003e\n\u003ch3\u003eSoin hydratant quotidien\u003c\/h3\u003e\n\u003cp\u003eSur peau nettoyée, appliquez une couche généreuse et laissez absorber. Renouvelez si nécessaire jusqu'à saturation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-timeline-item\"\u003e\n\u003cdiv class=\"na-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"na-timeline-content\"\u003e\n\u003ch3\u003eAprès-solaire\u003c\/h3\u003e\n\u003cp\u003eEnduisez généreusement le corps en insistant sur les zones exposées. L'effet frais procure un soulagement immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-timeline-item\"\u003e\n\u003cdiv class=\"na-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"na-timeline-content\"\u003e\n\u003ch3\u003eProblèmes cutanés\u003c\/h3\u003e\n\u003cp\u003eAppliquez en couches épaisses sur les zones concernées. Renouvelez plusieurs fois par jour si besoin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-timeline-item\"\u003e\n\u003cdiv class=\"na-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"na-timeline-content\"\u003e\n\u003ch3\u003eSoin capillaire\u003c\/h3\u003e\n\u003cp\u003eMassez le cuir chevelu et frictionnez sur la chevelure. Laissez poser avant de coiffer ou rincer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"na-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"na-section-intro\"\u003eUne formule minimaliste garantissant une concentration maximale en actif :\u003c\/p\u003e\n\u003cdiv class=\"na-composition-box\"\u003e\n\u003cdiv class=\"na-composition-main\"\u003e\n\u003cdiv class=\"na-composition-star\"\u003e\n\u003cspan class=\"na-composition-percent\"\u003e94,2%\u003c\/span\u003e \u003cspan class=\"na-composition-name\"\u003eAloe barbadensis leaf juice*\u003c\/span\u003e \u003cspan class=\"na-composition-desc\"\u003eMucilage frais d'Aloe Vera biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-composition-others\"\u003e\n\u003cdiv class=\"na-composition-item\"\u003e\n\u003cstrong\u003eParfum\u003c\/strong\u003e – Note délicate de monoï\u003c\/div\u003e\n\u003cdiv class=\"na-composition-item\"\u003e\n\u003cstrong\u003eXanthan gum\u003c\/strong\u003e – Gélifiant naturel\u003c\/div\u003e\n\u003cdiv class=\"na-composition-item\"\u003e\n\u003cstrong\u003eAqua\u003c\/strong\u003e – Eau\u003c\/div\u003e\n\u003cdiv class=\"na-composition-item\"\u003e\n\u003cstrong\u003eLeuconostoc\/radish root ferment filtrate\u003c\/strong\u003e – Conservateur naturel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"na-composition-note\"\u003e\u003cem\u003e*Ingrédient issu de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-certif-badges\"\u003e\n\u003cspan class=\"na-certif-badge\"\u003e🌿 100% Origine Naturelle\u003c\/span\u003e \u003cspan class=\"na-certif-badge\"\u003e🏅 Certifié Bio\u003c\/span\u003e \u003cspan class=\"na-certif-badge\"\u003e🚫 Sans controversé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"na-section\"\u003e\n\u003ch2\u003eLes engagements Naturaloé\u003c\/h2\u003e\n\u003cdiv class=\"na-grid-compact\"\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire rigoureux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🌿 Récolte artisanale\u003c\/h3\u003e\n\u003cp\u003eAloe Vera d'Espagne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eRespectueux de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e📦 Format 150 mL\u003c\/h3\u003e\n\u003cp\u003ePratique et hygiénique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"na-section\"\u003e\n\u003ch2\u003ePour qui est fait ce gel ?\u003c\/h2\u003e\n\u003cdiv class=\"na-grid\"\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n\u003cp\u003eEn quête d'une crème hydratante bio vraiment efficace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eNécessitant un soin apaisant et doux au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e☀️ Après-soleil\u003c\/h3\u003e\n\u003cp\u003ePour réparer et soulager les coups de soleil\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e🪒 Post-rasage\u003c\/h3\u003e\n\u003cp\u003eHommes souhaitant calmer les irritations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e〰️ Cheveux bouclés\u003c\/h3\u003e\n\u003cp\u003ePour hydrater et définir les boucles naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"na-card\"\u003e\n\u003ch3\u003e😣 Cuirs chevelus irrités\u003c\/h3\u003e\n\u003cp\u003eSujets aux démangeaisons et inconforts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"na-section\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"na-accordion\"\u003e\n\u003cdetails class=\"na-accordion-item\"\u003e\n\u003csummary class=\"na-accordion-header\"\u003eCe gel peut-il remplacer ma crème de jour ?\u003c\/summary\u003e\n\u003cdiv class=\"na-accordion-content\"\u003e\n\u003cp\u003eOui, le Gel Originel Naturaloé peut tout à fait servir de soin hydratant quotidien pour le visage. Sa texture légère pénètre rapidement et convient particulièrement aux peaux mixtes à grasses. Pour les peaux très sèches, vous pouvez l'appliquer en plusieurs couches ou le compléter avec une huile végétale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"na-accordion-item\"\u003e\n\u003csummary class=\"na-accordion-header\"\u003eConvient-il aux peaux sensibles ?\u003c\/summary\u003e\n\u003cdiv class=\"na-accordion-content\"\u003e\n\u003cp\u003eAbsolument. Grâce à sa formule minimaliste et naturelle, ce gel est parfaitement adapté aux peaux sensibles et réactives. L'Aloe Vera est d'ailleurs réputé pour ses propriétés apaisantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"na-accordion-item\"\u003e\n\u003csummary class=\"na-accordion-header\"\u003ePeut-on l'utiliser sur les enfants ?\u003c\/summary\u003e\n\u003cdiv class=\"na-accordion-content\"\u003e\n\u003cp\u003eCe gel 100 % naturel convient généralement aux peaux délicates. Pour les tout-petits, nous vous conseillons toutefois de faire un test préalable sur une petite zone de peau.\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=\"na-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"na-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre peau et vos cheveux le meilleur de l'Aloe Vera bio.\u003cbr\u003e\u003cstrong\u003eUn geste simple pour une hydratation pure et naturelle au quotidien.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"na-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --na-cream: #F7F5F0;\n --na-white: #ffffff;\n --na-primary: #4A5D23;\n --na-primary-dark: #3A4A1C;\n --na-primary-light: #E8EDDD;\n --na-secondary: #7B3B4C;\n --na-accent: #8B9D5C;\n --na-text: #1a1a1a;\n --na-text-light: #5a5a5a;\n --na-border: #e0e0e0;\n --na-shadow: 0 4px 24px rgba(74,93,35,.08);\n --na-shadow-lg: 0 12px 48px rgba(74,93,35,.15);\n --na-radius: 20px;\n --na-radius-sm: 12px;\n}\n\n.na-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--na-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.na-hero {\n position: relative;\n background: linear-gradient(135deg, var(--na-primary) 0%, var(--na-accent) 50%, var(--na-primary-dark) 100%);\n border-radius: var(--na-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(--na-shadow-lg);\n}\n\n.na-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.na-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.na-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.na-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(--na-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.na-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.na-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.na-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.na-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.na-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.na-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--na-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.na-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(--na-primary), var(--na-accent));\n border-radius: 2px;\n}\n\n.na-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--na-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.na-card {\n background: var(--na-white);\n border-radius: var(--na-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--na-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.na-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--na-shadow-lg);\n border-color: var(--na-primary);\n}\n\n.na-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--na-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.na-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.na-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.na-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.na-grid-compact .na-card {\n padding: 1rem;\n}\n\n.na-grid-compact .na-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.na-grid-compact .na-card p {\n font-size: 12px;\n}\n\n\/* === SUBSECTIONS === *\/\n.na-subsection {\n margin-bottom: 2rem;\n}\n\n.na-subsection:last-child {\n margin-bottom: 0;\n}\n\n.na-subsection-title {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--na-secondary);\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.na-highlight-box {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--na-white);\n border-radius: var(--na-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--na-shadow);\n border-left: 4px solid var(--na-accent);\n}\n\n.na-highlight-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.na-highlight-content p {\n margin: 0;\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--na-text);\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.na-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.na-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.na-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--na-primary), var(--na-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.na-timeline-content {\n flex: 1;\n background: var(--na-white);\n padding: 1rem 1.25rem;\n border-radius: var(--na-radius-sm);\n box-shadow: var(--na-shadow);\n}\n\n.na-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--na-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.na-timeline-content p {\n font-size: 14px;\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION === *\/\n.na-composition-box {\n background: var(--na-white);\n border-radius: var(--na-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--na-shadow);\n margin-bottom: 1.5rem;\n}\n\n.na-composition-main {\n text-align: center;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px dashed var(--na-border);\n}\n\n.na-composition-star {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .25rem;\n}\n\n.na-composition-percent {\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: var(--na-primary);\n line-height: 1;\n}\n\n.na-composition-name {\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 700;\n color: var(--na-primary-dark);\n font-style: italic;\n}\n\n.na-composition-desc {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--na-text-light);\n}\n\n.na-composition-others {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: .75rem;\n}\n\n.na-composition-item {\n font-size: 14px;\n color: var(--na-text);\n padding: .5rem 0;\n}\n\n.na-composition-item strong {\n color: var(--na-primary-dark);\n}\n\n.na-composition-note {\n text-align: center;\n font-size: 13px;\n color: var(--na-text-light);\n margin: 1rem 0 0 0;\n}\n\n.na-certif-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.na-certif-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: var(--na-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--na-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.na-accordion {\n background: var(--na-white);\n border-radius: var(--na-radius);\n box-shadow: var(--na-shadow);\n overflow: hidden;\n}\n\n.na-accordion-item {\n border-bottom: 1px solid var(--na-border);\n margin: 0;\n padding: 0;\n}\n\n.na-accordion-item:last-child {\n border-bottom: none;\n}\n\n.na-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--na-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.na-accordion-header:hover {\n background: var(--na-primary-light);\n}\n\n.na-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.na-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--na-primary);\n transition: transform .2s ease;\n}\n\n.na-accordion-item[open] .na-accordion-header::after {\n content: '−';\n}\n\n.na-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--na-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.na-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.na-cta-box {\n background: linear-gradient(135deg, var(--na-primary) 0%, var(--na-primary-dark) 100%);\n border-radius: var(--na-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.na-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.na-disclaimer {\n font-size: 12px;\n color: var(--na-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .na-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .na-card {\n padding: 1.125rem;\n }\n \n .na-section {\n margin-bottom: 1.75rem;\n }\n \n .na-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--na-radius-sm);\n }\n \n .na-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .na-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .na-grid-compact {\n gap: .625rem;\n }\n \n .na-grid-compact .na-card {\n padding: .75rem;\n }\n \n .na-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .na-timeline-content {\n padding: .875rem 1rem;\n }\n \n .na-timeline-content h3 {\n font-size: 14px;\n }\n \n .na-timeline-content p {\n font-size: 13px;\n }\n \n .na-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .na-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .na-highlight-box {\n flex-direction: column;\n text-align: center;\n }\n \n .na-composition-others {\n grid-template-columns: 1fr;\n }\n \n .na-certif-badges {\n gap: .5rem;\n }\n \n .na-certif-badge {\n padding: 8px 14px;\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .na-card {\n animation: fadeInUp .5s ease backwards;\n }\n .na-card:nth-child(1) { animation-delay: .05s; }\n .na-card:nth-child(2) { animation-delay: .1s; }\n .na-card:nth-child(3) { animation-delay: .15s; }\n .na-card:nth-child(4) { animation-delay: .2s; }\n .na-card:nth-child(5) { animation-delay: .25s; }\n .na-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 .na-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56528129032569,"sku":"NBAIALO0006","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-originel-bio-150-ml-naturaloe-lifestyle.webp?v=1768900254"},{"product_id":"thermo-gel-bio-150-ml-naturaloe","title":"Thermo gel bio - 150 mL - Naturaloé","description":"\u003cdiv class=\"tg-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"tg-hero\"\u003e\n\u003cdiv class=\"tg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tg-hero-content\"\u003e\n\u003cdiv class=\"tg-badges-top\"\u003e\n\u003cspan class=\"tg-badge\"\u003e🌿 99,99% naturel\u003c\/span\u003e \u003cspan class=\"tg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"tg-badge\"\u003e🔥 Effet chaud-froid\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"tg-hero-title\"\u003eThermo Gel Bio\u003c\/span\u003e\n\u003cp class=\"tg-subtitle\"\u003eLe gel chauffant naturel pour vos muscles et articulations\u003c\/p\u003e\n\u003cp class=\"tg-description\"\u003eCertifié Cosmebio • 86% bio • 150 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"tg-section\"\u003e\n\u003ch2\u003eLe gel chauffant naturel pour vos muscles et articulations\u003c\/h2\u003e\n\u003cp class=\"tg-section-intro\"\u003eVous cherchez un \u003cstrong\u003egel chauffant musculaire\u003c\/strong\u003e vraiment efficace, formulé avec des ingrédients naturels ? Le Thermo Gel Bio de Naturaloé combine la puissance de l'aloé vera bio avec des huiles essentielles soigneusement sélectionnées pour accompagner vos muscles et articulations au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"tg-grid-compact\"\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🏃 Avant le sport\u003c\/h3\u003e\n\u003cp\u003ePréparez vos muscles à l'effort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e💆 Après l'effort\u003c\/h3\u003e\n\u003cp\u003eRécupération optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🦵 Jambes lourdes\u003c\/h3\u003e\n\u003cp\u003eSensation de légèreté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e✨ Confort quotidien\u003c\/h3\u003e\n\u003cp\u003eSoulagement en fin de journée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"tg-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce gel musculaire chauffant bio ?\u003c\/h2\u003e\n\u003cp class=\"tg-section-intro\"\u003eAvec \u003cstrong\u003e99,99% d'ingrédients d'origine naturelle\u003c\/strong\u003e et une certification Cosmebio, ce thermo gel se démarque des gels chauffants conventionnels. Sa texture légère, non grasse et non collante pénètre rapidement sans laisser de résidu désagréable sur la peau.\u003c\/p\u003e\n\u003cdiv class=\"tg-grid\"\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e❄️🔥 Double sensation unique\u003c\/h3\u003e\n\u003cp\u003eFraîcheur immédiate à l'application, suivie d'une agréable chaleur apaisante qui détend en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🎯 Polyvalent\u003c\/h3\u003e\n\u003cp\u003eMuscles, articulations, tendons, jambes lourdes... Un seul gel pour tous vos besoins de confort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003e86% d'ingrédients issus de l'agriculture biologique, formulé et conditionné en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e📦 Format généreux\u003c\/h3\u003e\n\u003cp\u003e150 ml pour une utilisation prolongée, plusieurs semaines d'application quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"tg-section\"\u003e\n\u003ch2\u003eUne synergie d'actifs naturels puissants\u003c\/h2\u003e\n\u003cp class=\"tg-section-intro\"\u003eLa formule repose sur une association réfléchie d'ingrédients reconnus pour leurs propriétés :\u003c\/p\u003e\n\u003cdiv class=\"tg-grid\"\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🌱 Jus d'aloé vera bio\u003c\/h3\u003e\n\u003cp\u003eBase apaisante et hydratante qui facilite la pénétration des actifs en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🔥 Camphre naturel\u003c\/h3\u003e\n\u003cp\u003eProcure la sensation de chaleur caractéristique des gels chauffants professionnels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e❄️ Menthol naturel\u003c\/h3\u003e\n\u003cp\u003eApporte la fraîcheur initiale qui prépare la peau et stimule les récepteurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🍃 Gaulthérie bio\u003c\/h3\u003e\n\u003cp\u003eHuile essentielle traditionnellement utilisée pour le confort articulaire et musculaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e💜 Lavande bio\u003c\/h3\u003e\n\u003cp\u003eHuile essentielle connue pour ses vertus apaisantes et relaxantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🌿 Eucalyptus bio\u003c\/h3\u003e\n\u003cp\u003eComplète l'action rafraîchissante du menthol pour un effet revigorant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"tg-section\"\u003e\n\u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"tg-timeline\"\u003e\n\u003cdiv class=\"tg-timeline-item\"\u003e\n\u003cdiv class=\"tg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"tg-timeline-content\"\u003e\n\u003ch3\u003eAvant l'effort sportif\u003c\/h3\u003e\n\u003cp\u003eAppliquez une noisette de gel sur les muscles que vous allez solliciter. Massez jusqu'à pénétration complète. Cette préparation contribue à préparer vos muscles, articulations et tendons à l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-timeline-item\"\u003e\n\u003cdiv class=\"tg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"tg-timeline-content\"\u003e\n\u003ch3\u003eAprès l'effort ou en cas d'inconfort\u003c\/h3\u003e\n\u003cp\u003eAppliquez le gel \u003cstrong\u003ematin et soir\u003c\/strong\u003e sur les zones concernées : muscles fatigués, articulations sensibles, mollets après une longue journée debout. Massez doucement pour favoriser la pénétration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-tip\"\u003e\n\u003cspan class=\"tg-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour les sensations de jambes lourdes, massez en remontant des chevilles vers les cuisses pour accompagner naturellement la circulation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"tg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse-t-il ?\u003c\/h2\u003e\n\u003cdiv class=\"tg-grid\"\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eUn gel de préparation et de récupération 100% naturel pour vos entraînements\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e😣 Courbatures \u0026amp; crampes\u003c\/h3\u003e\n\u003cp\u003eSoulagement des muscles fatigués après un effort intense ou inhabituel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e💼 Tensions musculaires\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui souffrent de tensions liées au stress ou à une mauvaise posture au bureau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🦶 Jambes lourdes\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les personnes debout toute la journée qui cherchent de la légèreté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du bio\u003c\/h3\u003e\n\u003cp\u003ePour tous ceux qui préfèrent des soins certifiés bio et fabriqués en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e👴👵 Seniors actifs\u003c\/h3\u003e\n\u003cp\u003eConfort articulaire et musculaire au quotidien avec des actifs doux et naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 \u0026 7 - ACCORDÉON --\u003e\n\u003csection class=\"tg-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"tg-accordion\"\u003e\n\u003cdetails class=\"tg-accordion-item\"\u003e\n\u003csummary class=\"tg-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"tg-accordion-content\"\u003e\n\u003cp\u003eAloe barbadensis leaf juice*, alcohol*, D-camphor, aqua (water), menthol, prunus amygdalus dulcis (sweet almond) oleosomes, microcrystalline cellulose, xanthan gum, leuconostoc\/radish root ferment filtrate, glycerin, gaultheria procumbens (wintergreen) leaf oil*, lavandula angustifolia (lavender) oil*, eucalyptus globulus leaf oil*, levulinic acid, sodium levulinate, citric acid, sodium benzoate, sodium bicarbonate, gluconolactone, linalool, limonene, geraniol.\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=\"tg-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"tg-accordion\"\u003e\n\u003cdetails class=\"tg-accordion-item\"\u003e\n\u003csummary class=\"tg-accordion-header\"\u003e⚠️ Usage et contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"tg-accordion-content\"\u003e\n\u003cul\u003e\n\u003cli\u003eUsage externe uniquement\u003c\/li\u003e\n\u003cli\u003eÉvitez le contact avec les yeux et les muqueuses\u003c\/li\u003e\n\u003cli\u003eNe pas appliquer sur une peau lésée ou irritée\u003c\/li\u003e\n\u003cli\u003eContient des huiles essentielles : déconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 6 ans sans avis médical\u003c\/li\u003e\n\u003cli\u003eEn cas de réaction cutanée, cessez l'utilisation\u003c\/li\u003e\n\u003cli\u003eCe produit cosmétique ne remplace pas un avis ou un traitement médical\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"tg-section\"\u003e\n\u003ch2\u003eLes garanties Naturaloé\u003c\/h2\u003e\n\u003cdiv class=\"tg-grid-compact\"\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e✅ Cosmebio\u003c\/h3\u003e\n\u003cp\u003eCertification Cosmos Natural\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🌿 99,99% naturel\u003c\/h3\u003e\n\u003cp\u003eOrigine naturelle garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🌱 86% bio\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e🚫 Sans paraben\u003c\/h3\u003e\n\u003cp\u003eFormule clean\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tg-card\"\u003e\n\u003ch3\u003e💧 Sans silicone\u003c\/h3\u003e\n\u003cp\u003eNi huile minérale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"tg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"tg-cta-box\"\u003e\n\u003cp\u003e🔥 Offrez à vos muscles et articulations le soin naturel qu'ils méritent.\u003cbr\u003eLe Thermo Gel Bio Naturaloé : efficacité prouvée, naturalité certifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"tg-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament et ne remplace pas un avis médical professionnel.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --tg-cream: #F7F5F2;\n --tg-white: #ffffff;\n --tg-primary: #C8372D;\n --tg-primary-dark: #9E2A22;\n --tg-primary-light: #FDF0EF;\n --tg-secondary: #5A7A5E;\n --tg-secondary-light: #E8F0E9;\n --tg-accent: #2C2C2C;\n --tg-text: #1a1a1a;\n --tg-text-light: #5a5a5a;\n --tg-border: #e0e0e0;\n --tg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tg-radius: 20px;\n --tg-radius-sm: 12px;\n}\n\n.tg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tg-primary) 0%, #D94E45 40%, var(--tg-secondary) 100%);\n border-radius: var(--tg-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(--tg-shadow-lg);\n}\n\n.tg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 35 30 45 Q35 55 30 55' stroke='%23ffffff' fill='none' stroke-width='1' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.tg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tg-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(--tg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tg-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.tg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .5rem 0;\n}\n\n.tg-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n}\n\n\/* === SECTIONS === *\/\n.tg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tg-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.tg-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(--tg-primary), var(--tg-secondary));\n border-radius: 2px;\n}\n\n.tg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tg-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\/* === GRILLES === *\/\n.tg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.tg-card {\n background: var(--tg-white);\n border-radius: var(--tg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tg-shadow-lg);\n border-color: var(--tg-primary);\n}\n\n.tg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tg-grid-compact .tg-card {\n padding: 1rem;\n}\n\n.tg-grid-compact .tg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tg-grid-compact .tg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tg-primary), var(--tg-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.tg-timeline-content {\n flex: 1;\n background: var(--tg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tg-radius-sm);\n box-shadow: var(--tg-shadow);\n}\n\n.tg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tg-timeline-content p {\n font-size: 14px;\n color: var(--tg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.tg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tg-secondary-light);\n border-radius: var(--tg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tg-tip p {\n font-size: 14px;\n color: var(--tg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tg-accordion {\n background: var(--tg-white);\n border-radius: var(--tg-radius);\n box-shadow: var(--tg-shadow);\n overflow: hidden;\n}\n\n.tg-accordion-item {\n border-bottom: 1px solid var(--tg-border);\n margin: 0;\n padding: 0;\n}\n\n.tg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tg-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.tg-accordion-header:hover {\n background: var(--tg-primary-light);\n}\n\n.tg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tg-primary);\n transition: transform .2s ease;\n}\n\n.tg-accordion-item[open] .tg-accordion-header::after {\n content: '−';\n}\n\n.tg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tg-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.tg-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.tg-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.tg-accordion-content li {\n margin-bottom: .5rem;\n}\n\n.tg-accordion-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.tg-cta-box {\n background: linear-gradient(135deg, var(--tg-primary) 0%, var(--tg-primary-dark) 100%);\n border-radius: var(--tg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tg-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.tg-disclaimer {\n font-size: 12px;\n color: var(--tg-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 .tg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tg-card {\n padding: 1.125rem;\n }\n \n .tg-section {\n margin-bottom: 1.75rem;\n }\n \n .tg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tg-radius-sm);\n }\n \n .tg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tg-grid-compact {\n gap: .625rem;\n }\n \n .tg-grid-compact .tg-card {\n padding: .75rem;\n }\n \n .tg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .tg-timeline-content {\n padding: .875rem 1rem;\n }\n \n .tg-timeline-content h3 {\n font-size: 14px;\n }\n \n .tg-timeline-content p {\n font-size: 13px;\n }\n \n .tg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .tg-tip {\n padding: .875rem 1rem;\n }\n \n .tg-tip-icon {\n font-size: 20px;\n }\n \n .tg-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tg-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tg-card:nth-child(1) { animation-delay: .05s; }\n .tg-card:nth-child(2) { animation-delay: .1s; }\n .tg-card:nth-child(3) { animation-delay: .15s; }\n .tg-card:nth-child(4) { animation-delay: .2s; }\n .tg-card:nth-child(5) { animation-delay: .25s; }\n .tg-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 .tg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56528233791865,"sku":"NBAIALO0007","price":22.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/thermo-gel-bio-150-ml-naturaloe-lifestyle.webp?v=1768902866"},{"product_id":"lait-corporel-bio-200ml-naturaloe","title":"Lait corporel bio - 200ml - Naturaloé","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lait corporel bio - 200ml - Naturaloé\nPalette détectée:\n - Primaire: #2D2D2D (noir\/gris foncé du bandeau central)\n - Secondaire: #D4956A (terracotta\/corail du logo goutte et mention \"peaux sèches\")\n - Accent: #7A9E7E (vert sauge inspiré de l'aloé vera illustré)\n - Cream: #F9F7F4 (blanc cassé naturel du flacon)\nAmbiance: Naturel\/bio, épuré, élégant, familial, français\nPréfixe CSS: na\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un lait corporel bio à l'aloé vera natif pour une peau douce et hydratée\"\n 2. \"Pourquoi choisir ce lait corporel bio plutôt qu'un autre ?\"\n 3. \"Les bienfaits concrets sur votre peau\"\n 4. \"Comment bien utiliser ce lait hydratant corporel ?\"\n 5. \"Liste complète des ingrédients (INCI)\"\n 6. \"Les engagements qualité Naturaloé\"\n 7. \"À qui s'adresse ce lait corporel ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"na-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"na-hero\"\u003e\n \u003cdiv class=\"na-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"na-hero-content\"\u003e\n \u003cdiv class=\"na-badges-top\"\u003e\n \u003cspan class=\"na-badge\"\u003e🌿 100% Origine naturelle\u003c\/span\u003e\n \u003cspan class=\"na-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"na-badge\"\u003e🌱 Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"na-hero-title\"\u003eLait Corporel Bio Naturaloé\u003c\/span\u003e\n \u003cp class=\"na-subtitle\"\u003eÀ l'aloé vera natif • 200ml\u003c\/p\u003e\n \u003cp class=\"na-description\"\u003eLe secret d'une peau douce et hydratée au quotidien, formulé pour toute la famille avec du pur jus frais d'aloé vera bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eUn lait corporel bio à l'aloé vera natif pour une peau douce et hydratée\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eVous cherchez un lait corporel hydratant qui respecte vraiment votre peau ? Ce lait corporel bio Naturaloé a été formulé pour répondre aux besoins des peaux sèches et sensibles, avec une composition 100% d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌵 Aloé vera natif\u003c\/h3\u003e\n \u003cp\u003ePur jus frais bio, bien plus actif que les extraits reconstitués\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💧 Texture fluide\u003c\/h3\u003e\n \u003cp\u003ePénètre instantanément sans film gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes comme aux enfants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e👗 Habillage immédiat\u003c\/h3\u003e\n \u003cp\u003eParfait après la douche, sans attendre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce lait corporel bio plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eContrairement à de nombreux laits corporels du marché, cette formule mise sur des actifs végétaux ciblés et complémentaires :\u003c\/p\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌵 Aloé vera natif bio\u003c\/h3\u003e\n \u003cp\u003eReconnu pour ses propriétés hydratantes et apaisantes, il calme les irritations et rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌸 Eau florale de reine des prés\u003c\/h3\u003e\n \u003cp\u003eAdoucit et apaise les peaux les plus fragiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🥜 Huile d'amande douce\u003c\/h3\u003e\n \u003cp\u003eÉmolliente, elle assouplit la peau et la rend veloutée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eProtège de la déshydratation en renforçant la barrière cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌱 Extrait de soja non OGM\u003c\/h3\u003e\n \u003cp\u003eApporte une action anti-oxydante protectrice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e✨ Synergie complète\u003c\/h3\u003e\n \u003cp\u003eRestaure le film hydrolipidique naturel et relance les mécanismes d'hydratation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets sur votre peau\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eEn utilisant régulièrement ce lait corporel bio, vous pouvez observer :\u003c\/p\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🤍 Peau plus douce\u003c\/h3\u003e\n \u003cp\u003eDouceur et souplesse dès les premières applications\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💦 Hydratation durable\u003c\/h3\u003e\n \u003cp\u003eUne hydratation qui accompagne votre journée entière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e😌 Confort absolu\u003c\/h3\u003e\n \u003cp\u003eDiminution des sensations de tiraillement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🦵 Zones rugueuses lissées\u003c\/h3\u003e\n \u003cp\u003eCoudes, genoux et pieds progressivement adoucis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🛡️ Prévention\u003c\/h3\u003e\n \u003cp\u003eLutte contre la desquamation et les callosités\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌺 Apaisement\u003c\/h3\u003e\n \u003cp\u003eRougeurs et irritations cutanées calmées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eComment bien utiliser ce lait hydratant corporel ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003ePour profiter pleinement des bienfaits de ce soin, voici la méthode recommandée :\u003c\/p\u003e\n \u003cdiv class=\"na-timeline\"\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cdiv class=\"na-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eAprès la douche ou le bain\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque jour sur une peau parfaitement séchée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cdiv class=\"na-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eEffectuez des mouvements circulaires jusqu'à pénétration complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cdiv class=\"na-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eInsistez sur les zones sèches\u003c\/h3\u003e\n \u003cp\u003eCoudes, genoux, talons et pieds méritent une attention particulière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cdiv class=\"na-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eHabillez-vous immédiatement\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa texture non grasse, pas besoin d'attendre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-tip\"\u003e\n \u003cspan class=\"na-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e En période hivernale ou lors d'expositions prolongées au soleil, n'hésitez pas à renouveler l'application sur les zones les plus exposées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eListe des ingrédients (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"na-accordion\"\u003e\n \u003cdetails class=\"na-accordion-item\"\u003e\n \u003csummary class=\"na-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"na-accordion-content\"\u003e\n \u003cp\u003eAqua, Aloe Barbadensis Leaf Juice*, Spiraea Ulmaria Flower Extract*, Caprylic\/Capric Triglyceride, Glyceryl Stearate SE, Glycerin, Leuconostoc\/Radish Root Ferment Filtrate, Decyl Oleate, Olea Europaea Fruit Oil*, Prunus Amygdalus Dulcis Oil*, Lauryl Glucoside, Polyglyceryl-2 Dipolyhydroxystearate, Xanthan Gum, Sodium Coco-Sulfate, Coconut Alcohol, Sodium Sulfate, Glycine Soja Oil, Tocopherol, Litsea Cubeba Fruit Oil*, Sodium Levulinate, Sodium Anisate, Sodium Chloride, Lactic Acid, Citric Acid, Citral, Geraniol, Limonene, Linalool, Citronellol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eLes engagements qualité Naturaloé\u003c\/h2\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🏆 Certification bio\u003c\/h3\u003e\n \u003cp\u003eFormule contrôlée et certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eIngrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire et traçabilité garantis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌵 Aloé vera natif\u003c\/h3\u003e\n \u003cp\u003eJus frais non reconstitué\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"na-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce lait corporel ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eCe soin a été pensé pour accompagner toute la famille au quotidien. Il convient particulièrement :\u003c\/p\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🏜️ Peaux sèches\u003c\/h3\u003e\n \u003cp\u003ePeau sèche ou très sèche en quête d'hydratation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003ePeaux réactives sujettes aux rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eEfficacité sans compromis sur la naturalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🇫🇷 Amateurs du local\u003c\/h3\u003e\n \u003cp\u003eCosmétiques fabriqués en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"na-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --na-cream: #F9F7F4;\n --na-white: #ffffff;\n --na-primary: #2D2D2D;\n --na-primary-dark: #1a1a1a;\n --na-primary-light: #f5f3f0;\n --na-secondary: #D4956A;\n --na-secondary-light: #fdf5f0;\n --na-accent: #7A9E7E;\n --na-accent-light: #e8f2e9;\n --na-text: #1a1a1a;\n --na-text-light: #5a5a5a;\n --na-border: #e8e5e0;\n --na-shadow: 0 4px 24px rgba(0,0,0,.06);\n --na-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --na-radius: 20px;\n --na-radius-sm: 12px;\n}\n\n.na-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--na-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.na-hero {\n position: relative;\n background: linear-gradient(135deg, var(--na-primary) 0%, #3d3d3d 40%, var(--na-primary-dark) 100%);\n border-radius: var(--na-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(--na-shadow-lg);\n}\n\n.na-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, var(--na-secondary) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, var(--na-accent) 0%, transparent 50%);\n opacity: .15;\n}\n\n.na-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.na-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.na-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(--na-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.na-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.na-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.na-subtitle {\n color: var(--na-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.na-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.na-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.na-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--na-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.na-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(--na-secondary), var(--na-accent));\n border-radius: 2px;\n}\n\n.na-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--na-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.na-card {\n background: var(--na-white);\n border-radius: var(--na-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--na-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.na-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--na-shadow-lg);\n border-color: var(--na-secondary);\n}\n\n.na-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--na-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.na-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.na-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.na-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.na-grid-compact .na-card {\n padding: 1rem;\n}\n\n.na-grid-compact .na-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.na-grid-compact .na-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.na-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.na-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.na-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--na-secondary), var(--na-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: 18px;\n box-shadow: 0 4px 12px rgba(212, 149, 106, .3);\n}\n\n.na-timeline-content {\n flex: 1;\n background: var(--na-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--na-radius-sm);\n box-shadow: var(--na-shadow);\n}\n\n.na-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--na-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.na-timeline-content p {\n font-size: 14px;\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.na-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--na-secondary-light);\n border-radius: var(--na-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n border-left: 4px solid var(--na-secondary);\n}\n\n.na-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.na-tip p {\n font-size: 14px;\n color: var(--na-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.na-accordion {\n background: var(--na-white);\n border-radius: var(--na-radius);\n box-shadow: var(--na-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.na-accordion-item {\n border-bottom: 1px solid var(--na-border);\n margin: 0;\n padding: 0;\n}\n\n.na-accordion-item:last-child {\n border-bottom: none;\n}\n\n.na-accordion-header {\n padding: 1.25rem 1.5rem;\n font-weight: 700;\n font-size: 16px;\n color: var(--na-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.na-accordion-header:hover {\n background: var(--na-primary-light);\n}\n\n.na-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.na-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--na-secondary);\n transition: transform .2s ease;\n}\n\n.na-accordion-item[open] .na-accordion-header::after {\n content: '−';\n}\n\n.na-accordion-content {\n padding: 0 1.5rem 1.25rem;\n color: var(--na-text-light);\n font-size: 14px;\n line-height: 1.8;\n margin-top: 0;\n}\n\n.na-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.na-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.na-disclaimer {\n font-size: 12px;\n color: var(--na-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n padding: 1rem;\n background: var(--na-primary-light);\n border-radius: var(--na-radius-sm);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .na-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .na-card {\n padding: 1.125rem;\n }\n \n .na-section {\n margin-bottom: 1.75rem;\n }\n \n .na-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--na-radius-sm);\n }\n \n .na-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .na-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .na-grid-compact {\n gap: .625rem;\n }\n \n .na-grid-compact .na-card {\n padding: .75rem;\n }\n \n .na-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .na-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .na-timeline-content h3 {\n font-size: 14px;\n }\n \n .na-timeline-content p {\n font-size: 13px;\n }\n \n .na-tip {\n padding: 1rem;\n }\n \n .na-accordion-header {\n padding: 1rem 1.25rem;\n font-size: 14px;\n }\n \n .na-accordion-content {\n padding: 0 1.25rem 1rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .na-card {\n animation: fadeInUp .5s ease backwards;\n }\n .na-card:nth-child(1) { animation-delay: .05s; }\n .na-card:nth-child(2) { animation-delay: .1s; }\n .na-card:nth-child(3) { animation-delay: .15s; }\n .na-card:nth-child(4) { animation-delay: .2s; }\n .na-card:nth-child(5) { animation-delay: .25s; }\n .na-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 .na-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56537967296889,"sku":"NBAIALO0004","price":14.7,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lait-corporel-bio-200ml-naturaloe-lifestyle.webp?v=1768984658"},{"product_id":"gel-soin-douche-bio-200ml-naturaloe","title":"Gel soin douche bio - 200ml - Naturaloé","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel soin douche bio - 200ml - Naturaloé\nPalette détectée:\n - Primaire: #5B8FAD (bleu-gris doux du logo aloe vera et bandeau)\n - Secondaire: #2D2D2D (noir élégant de l'étiquette)\n - Accent: #D4A853 (doré miel, évoquant l'ingrédient miel)\n - Tertiaire: #7A9B6D (vert olive naturel, évoquant l'aloé vera)\nAmbiance: Naturel\/Bio, douceur, pureté, soin familial, fabrication française\nPréfixe CSS: na\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir un gel douche bio à l'aloé vera natif ?\"\n 2. \"Une formule 100% d'origine naturelle qui protège votre peau\"\n 3. \"Des ingrédients nobles pour une toilette naturelle\"\n 4. \"Comment utiliser ce gel soin douche bio ?\"\n 5. \"Liste complète des ingrédients (INCI)\"\n 6. \"Un engagement écologique et local\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"na-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"na-hero\"\u003e\n \u003cdiv class=\"na-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"na-hero-content\"\u003e\n \u003cdiv class=\"na-badges-top\"\u003e\n \u003cspan class=\"na-badge\"\u003e🌿 100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"na-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"na-badge\"\u003e🍃 Certifié Bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"na-hero-title\"\u003eGel Soin Douche Bio Naturaloé\u003c\/span\u003e\n \u003cp class=\"na-subtitle\"\u003eÀ l'aloé vera natif, miel \u0026amp; huile d'olive\u003c\/p\u003e\n \u003cp class=\"na-description\"\u003eUne toilette quotidienne qui nettoie sans jamais agresser. Formulé pour les peaux sensibles, réactives et atopiques, pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003ePourquoi choisir un gel douche bio à l'aloé vera natif ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eContrairement aux gels conventionnels à base de poudre réhydratée, Naturaloé utilise exclusivement le jus frais bio d'Aloe barbadensis, préservant toutes ses propriétés exceptionnelles.\u003c\/p\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eL'aloé vera natif conserve toutes ses propriétés hydratantes et nourrissantes pour une peau souple et satinée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌸 Zéro tiraillement\u003c\/h3\u003e\n \u003cp\u003eDès la première utilisation, votre peau reste douce sans cette sensation désagréable après la douche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🩹 Apaisement naturel\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et démangeaisons tout en renforçant le film hydrolipidique de l'épiderme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eUne formule 100% d'origine naturelle qui protège votre peau\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eCe gel douche bio ne se contente pas de nettoyer : il prend soin de votre peau au quotidien grâce à une formulation pensée pour respecter les épidermes les plus fragiles.\u003c\/p\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🧴 Nettoyage doux\u003c\/h3\u003e\n \u003cp\u003eTensioactifs d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🛡️ Protection cutanée\u003c\/h3\u003e\n \u003cp\u003eRenforce le film hydrolipidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💎 Anti-calcaire\u003c\/h3\u003e\n \u003cp\u003ePrévient la déshydratation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e❤️ Peaux réactives\u003c\/h3\u003e\n \u003cp\u003eApaise et calme les rougeurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-tip\"\u003e\n \u003cspan class=\"na-tip-icon\"\u003e👨‍👩‍👧‍👦\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTesté sous contrôle dermatologique\u003c\/strong\u003e, ce gel soin douche convient à toute la famille, des plus petits aux adultes, et s'utilise de la tête aux pieds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eDes ingrédients nobles pour une toilette naturelle\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eLa richesse de ce soin lavant réside dans ses actifs soigneusement sélectionnés, avec 21,1% d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Aloé vera natif bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, nourrit et apaise la peau en profondeur grâce au jus frais extrait du cœur des feuilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🍯 Miel bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit et protège l'épiderme grâce à ses propriétés nourrissantes et réparatrices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et prévient efficacement le dessèchement de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🌱 Glycérine végétale\u003c\/h3\u003e\n \u003cp\u003eMaintient l'hydratation naturelle de la peau tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eComment utiliser ce gel soin douche bio ?\u003c\/h2\u003e\n \u003cdiv class=\"na-timeline\"\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez délicatement avant chaque utilisation pour homogénéiser les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une noix\u003c\/h3\u003e\n \u003cp\u003eDans le creux de votre main, une petite quantité suffit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eAppliquez et émulsionnez\u003c\/h3\u003e\n \u003cp\u003eSur peau humide, massez généreusement pour créer une mousse onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau claire, puis séchez délicatement votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-tip\"\u003e\n \u003cspan class=\"na-tip-icon\"\u003e👁️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e évitez le contact avec les yeux. En cas de projection, rincez immédiatement et abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eListe des ingrédients (INCI) et précautions\u003c\/h2\u003e\n \u003cdiv class=\"na-accordion\"\u003e\n \u003cdetails class=\"na-accordion-item\"\u003e\n \u003csummary class=\"na-accordion-header\"\u003e📋 Composition détaillée\u003c\/summary\u003e\n \u003cdiv class=\"na-accordion-content\"\u003e\n \u003cp\u003eAqua, Aloe barbadensis leaf juice*, Sodium coco-sulfate, Glycerin, Decyl glucoside, Cocamidopropyl betaine, Sodium chloride, Leuconostoc\/radish root ferment filtrate, Mel*, Olea europaea*, Coconut alcohol, Sodium sulfate, Litsea cubeba fruit oil*, Citric acid, Sodium levulinate, Sodium anisate, Glycine soja*, Tocopherol, Citral, Limonene.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"na-accordion-item\"\u003e\n \u003csummary class=\"na-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"na-accordion-content\"\u003e\n \u003cp\u003eÉviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"na-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn engagement écologique et local\u003c\/h2\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🇪🇸 Aloé vera d'Espagne\u003c\/h3\u003e\n \u003cp\u003eCulture de proximité pour réduire l'empreinte carbone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en Loire-Atlantique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eTraçabilité et qualité garanties\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eRespectueux de l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-cta-box\"\u003e\n \u003cp\u003eEn optant pour ce gel douche bio pour toute la famille, vous faites le choix d'un produit respectueux de votre peau et de l'environnement, sans compromis sur l'efficacité ni le plaisir d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"na-disclaimer\"\u003eComplément cosmétique. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --na-cream: #f8f7f4;\n --na-white: #ffffff;\n --na-primary: #5B8FAD;\n --na-primary-dark: #3d6a85;\n --na-primary-light: #e8f1f5;\n --na-secondary: #2D2D2D;\n --na-accent: #D4A853;\n --na-green: #7A9B6D;\n --na-text: #1a1a1a;\n --na-text-light: #5a5a5a;\n --na-border: #e0e0e0;\n --na-shadow: 0 4px 24px rgba(0,0,0,.08);\n --na-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --na-radius: 20px;\n --na-radius-sm: 12px;\n}\n\n.na-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--na-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.na-hero {\n position: relative;\n background: linear-gradient(135deg, var(--na-primary) 0%, var(--na-primary-dark) 50%, var(--na-green) 100%);\n border-radius: var(--na-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(--na-shadow-lg);\n}\n\n.na-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 C35 15 45 20 45 30 C45 40 35 45 30 55 C25 45 15 40 15 30 C15 20 25 15 30 5Z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.na-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.na-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.na-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(--na-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.na-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.na-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.na-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.na-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.na-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.na-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--na-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.na-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(--na-primary), var(--na-green));\n border-radius: 2px;\n}\n\n.na-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--na-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.na-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.na-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.na-card {\n background: var(--na-white);\n border-radius: var(--na-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--na-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.na-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--na-shadow-lg);\n border-color: var(--na-primary);\n}\n\n.na-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--na-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.na-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.na-grid-compact .na-card {\n padding: 1rem;\n}\n\n.na-grid-compact .na-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.na-grid-compact .na-card p {\n font-size: 12px;\n}\n\n.na-card-ingredient {\n border-left: 4px solid var(--na-green);\n}\n\n.na-card-ingredient:hover {\n border-color: var(--na-green);\n}\n\n.na-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.na-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.na-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--na-primary), var(--na-green));\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,143,173,.3);\n}\n\n.na-timeline-content {\n flex: 1;\n background: var(--na-white);\n padding: 1rem 1.25rem;\n border-radius: var(--na-radius-sm);\n box-shadow: var(--na-shadow);\n}\n\n.na-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--na-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.na-timeline-content p {\n font-size: 14px;\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.na-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--na-primary-light);\n border-radius: var(--na-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.na-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.na-tip p {\n font-size: 14px;\n color: var(--na-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.na-accordion {\n background: var(--na-white);\n border-radius: var(--na-radius);\n box-shadow: var(--na-shadow);\n overflow: hidden;\n}\n\n.na-accordion-item {\n border-bottom: 1px solid var(--na-border);\n margin: 0;\n padding: 0;\n}\n\n.na-accordion-item:last-child {\n border-bottom: none;\n}\n\n.na-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--na-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.na-accordion-header:hover {\n background: var(--na-primary-light);\n}\n\n.na-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.na-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--na-primary);\n transition: transform .2s ease;\n}\n\n.na-accordion-item[open] .na-accordion-header::after {\n content: '−';\n}\n\n.na-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--na-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.na-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.na-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.na-cta-box {\n background: linear-gradient(135deg, var(--na-primary) 0%, var(--na-primary-dark) 100%);\n border-radius: var(--na-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.na-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.na-disclaimer {\n font-size: 12px;\n color: var(--na-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .na-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .na-card {\n padding: 1.125rem;\n }\n \n .na-section {\n margin-bottom: 1.75rem;\n }\n \n .na-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--na-radius-sm);\n }\n \n .na-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .na-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .na-grid-compact {\n gap: .625rem;\n }\n \n .na-grid-compact .na-card {\n padding: .75rem;\n }\n \n .na-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .na-timeline-content {\n padding: .875rem 1rem;\n }\n \n .na-timeline-content h3 {\n font-size: 14px;\n }\n \n .na-timeline-content p {\n font-size: 13px;\n }\n \n .na-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .na-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .na-tip {\n padding: .875rem 1rem;\n }\n \n .na-tip-icon {\n font-size: 20px;\n }\n \n .na-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .na-card {\n animation: fadeInUp .5s ease backwards;\n }\n .na-card:nth-child(1) { animation-delay: .05s; }\n .na-card:nth-child(2) { animation-delay: .1s; }\n .na-card:nth-child(3) { animation-delay: .15s; }\n .na-card:nth-child(4) { animation-delay: .2s; }\n .na-card:nth-child(5) { animation-delay: .25s; }\n .na-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 .na-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56538015727993,"sku":"NBAIALO0003","price":12.69,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-soin-douche-bio-200ml-naturaloe-lifestyle_8e4715c3-c480-473e-8c1e-8af06b1e94d5.webp?v=1769013462"},{"product_id":"shampoing-soin-bio-200-ml-naturaloe","title":"Shampoing soin bio - 200ml - Naturaloé","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing soin bio Naturaloé à l'Aloé Vera\nPalette détectée:\n - Primaire: #2d4a3e (vert foncé profond - étiquette du logo)\n - Secondaire: #3d5c8a (bleu marine - bandeau bas du packaging)\n - Accent: #7a9a6d (vert olive\/sauge - tonalité naturelle)\n - Cream: #f5f3ee (beige clair - fond des visuels tests)\nAmbiance: Naturel\/Bio, doux et apaisant, minimaliste épuré, féminin subtil\nPréfixe CSS: na\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un shampoing bio à l'aloé vera pour apaiser votre cuir chevelu sensible\"\n 2. \"Pourquoi choisir ce shampoing naturel pour cuir chevelu irrité ?\"\n 3. \"Des résultats prouvés par les utilisateurs\"\n 4. \"Une composition 100% naturelle et certifiée bio\"\n 5. \"Comment utiliser ce shampoing soin ?\"\n 6. \"Pour qui est fait ce shampoing bio ?\"\n 7. \"Les engagements Naturaloé\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"na-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"na-hero\"\u003e\n \u003cdiv class=\"na-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"na-hero-content\"\u003e\n \u003cdiv class=\"na-badges-top\"\u003e\n \u003cspan class=\"na-badge\"\u003e🌿 19% Aloé Vera Frais\u003c\/span\u003e\n \u003cspan class=\"na-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"na-badge\"\u003e🌱 Certifié Bio Ecocert\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"na-hero-title\"\u003eShampoing Soin Bio Naturaloé\u003c\/span\u003e\n \u003cp class=\"na-subtitle\"\u003eLa douceur de l'aloé vera pour les cuirs chevelus sensibles\u003c\/p\u003e\n \u003cp class=\"na-description\"\u003eFini les démangeaisons et les irritations. Ce shampoing naturel apaise, nourrit et purifie en un seul geste.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eUn shampoing bio à l'aloé vera pour apaiser votre cuir chevelu sensible\u003c\/h2\u003e\n \u003cdiv class=\"na-intro-card\"\u003e\n \u003cp\u003eVotre cuir chevelu vous tiraille, vous démange ou présente des irritations ? Le \u003cstrong\u003eshampoing soin bio Naturaloé\u003c\/strong\u003e a été spécialement formulé pour répondre à ces inconforts du quotidien. Enrichi en \u003cstrong\u003e19% d'aloé vera frais biologique\u003c\/strong\u003e, ce shampoing naturel nettoie vos cheveux tout en douceur, sans les agresser.\u003c\/p\u003e\n \u003cp\u003eFabriqué en France et certifié bio par Ecocert, ce soin lavant combine les vertus apaisantes de l'aloé vera aux propriétés nourrissantes des huiles de jojoba et de coco biologiques. Le résultat ? Des cheveux propres, souples et brillants, et un cuir chevelu enfin apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce shampoing naturel pour cuir chevelu irrité ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eSi vous souffrez de démangeaisons, de pellicules ou de dermite séborrhéique, vous savez combien il est difficile de trouver un shampoing qui ne provoque pas davantage d'irritations.\u003c\/p\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e😌 Apaise les irritations\u003c\/h3\u003e\n \u003cp\u003eL'aloé vera calme les démangeaisons et les sensations d'inconfort dès les premières utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e⚖️ Régule le cuir chevelu\u003c\/h3\u003e\n \u003cp\u003eAide à équilibrer l'excès de sébum et à réduire les pellicules naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🧴 Nettoie en douceur\u003c\/h3\u003e\n \u003cp\u003eDes tensioactifs d'origine végétale qui respectent la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💧 Nourrit sans alourdir\u003c\/h3\u003e\n \u003cp\u003eLes huiles de jojoba et de coco restaurent la gaine protectrice du cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e✨ Facilite le démêlage\u003c\/h3\u003e\n \u003cp\u003eVos cheveux sont souples, volumineux et faciles à coiffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eDes résultats prouvés par les utilisateurs\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eCe shampoing soin a été testé pendant un mois auprès de 47 personnes. Les résultats parlent d'eux-mêmes :\u003c\/p\u003e\n \u003cdiv class=\"na-stats-grid\"\u003e\n \u003cdiv class=\"na-stat-card\"\u003e\n \u003cspan class=\"na-stat-number\"\u003e93,6%\u003c\/span\u003e\n \u003cspan class=\"na-stat-label\"\u003ele recommandent\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-stat-card\"\u003e\n \u003cspan class=\"na-stat-number\"\u003e95,7%\u003c\/span\u003e\n \u003cspan class=\"na-stat-label\"\u003etrouvent leurs cheveux plus doux et nourris\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-stat-card\"\u003e\n \u003cspan class=\"na-stat-number\"\u003e84,7%\u003c\/span\u003e\n \u003cspan class=\"na-stat-label\"\u003econstatent que leur cuir chevelu démange moins\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003eUne composition 100% naturelle et certifiée bio\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eCe shampoing bio affiche une formule transparente : \u003cstrong\u003e100% des ingrédients sont d'origine naturelle\u003c\/strong\u003e, dont 20,2% issus de l'agriculture biologique. Pas de sulfates agressifs, pas de silicones, pas de parabènes.\u003c\/p\u003e\n \u003cdiv class=\"na-grid\"\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Aloé vera frais bio (19%)\u003c\/h3\u003e\n \u003cp\u003eHydrate, apaise et régénère le cuir chevelu en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et apporte une brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e💛 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eRégule le sébum et protège la fibre capillaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🍋 Verveine exotique bio\u003c\/h3\u003e\n \u003cp\u003ePurifie et laisse un parfum frais et citronné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🥬 Extrait fermentaire de radis\u003c\/h3\u003e\n \u003cp\u003eConservateur naturel aux propriétés antibactériennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-ingredient\"\u003e\n \u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant qui protège le cheveu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-accordion\"\u003e\n \u003cdetails class=\"na-accordion-item\"\u003e\n \u003csummary class=\"na-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"na-accordion-content\"\u003e\n \u003cp\u003eAqua, Aloe barbadensis leaf juice*, Sodium coco-sulfate, Decyl glucoside, Cocamidopropyl betaine, Sodium chloride, Glycerin, Leuconostoc\/radish root ferment filtrate, Simmondsia chinensis (jojoba) seed oil*, Sucrose cocoate, Coco-glucoside, Glyceryl oleate, Cocos nucifera (coconut) oil*, Coconut alcohol, Sodium sulfate, Litsea cubeba fruit oil*, Alcohol, Glycine soja oil, Tocopherol, Sodium levulinate, Sodium anisate, Citric acid, Citral, Limonene. (*ingrédients issus de l'agriculture biologique)\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=\"na-section\"\u003e\n \u003ch2\u003eComment utiliser ce shampoing soin ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003ePour profiter pleinement des bienfaits de ce shampoing naturel, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"na-timeline\"\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eMouillez vos cheveux\u003c\/h3\u003e\n \u003cp\u003eMouillez abondamment vos cheveux à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de shampoing dans le creux de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le cuir chevelu et faites mousser en massant délicatement du bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eLaissez agir quelques instants pour permettre aux actifs d'agir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-timeline-item\"\u003e\n \u003cspan class=\"na-timeline-number\"\u003e5\u003c\/span\u003e\n \u003cdiv class=\"na-timeline-content\"\u003e\n \u003ch3\u003eRincez\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Renouvelez l'opération si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-tip\"\u003e\n \u003cspan class=\"na-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil d'utilisation :\u003c\/strong\u003e vous pouvez l'utiliser à chaque lavage ou plusieurs fois par semaine en traitement intensif si votre cuir chevelu est particulièrement irrité. En cas de contact avec les yeux, rincez immédiatement à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"na-section\"\u003e\n \u003ch2\u003ePour qui est fait ce shampoing bio ?\u003c\/h2\u003e\n \u003cp class=\"na-section-intro\"\u003eCe shampoing soin Naturaloé est particulièrement adapté si vous présentez :\u003c\/p\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🔴 Cuir chevelu sensible\u003c\/h3\u003e\n \u003cp\u003eQui réagit aux shampoings classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e😣 Démangeaisons\u003c\/h3\u003e\n \u003cp\u003eRégulières ou occasionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e❄️ Pellicules\u003c\/h3\u003e\n \u003cp\u003eOu excès de sébum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🩺 Dermite séborrhéique\u003c\/h3\u003e\n \u003cp\u003eOu plaques de psoriasis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e💔 Cheveux fragilisés\u003c\/h3\u003e\n \u003cp\u003eQui ont besoin de douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card\"\u003e\n \u003ch3\u003e🧴 Routine complète\u003c\/h3\u003e\n \u003cp\u003eAssociez-le à un après-shampoing bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"na-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes engagements Naturaloé\u003c\/h2\u003e\n \u003cdiv class=\"na-grid-compact\"\u003e\n \u003cdiv class=\"na-card na-card-engagement\"\u003e\n \u003ch3\u003e🌱 Certifié bio Ecocert\u003c\/h3\u003e\n \u003cp\u003eCosmétique écologique et biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-engagement\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire local et circuit court\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-engagement\"\u003e\n \u003ch3\u003e🍃 Formule naturelle\u003c\/h3\u003e\n \u003cp\u003e100% d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"na-card na-card-engagement\"\u003e\n \u003ch3\u003e📦 Format 200 ml\u003c\/h3\u003e\n \u003cp\u003ePratique et dure plusieurs semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"na-disclaimer\"\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation persistante ou de problème dermatologique sévère, nous vous recommandons de consulter un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --na-cream: #f7f5f0;\n --na-white: #ffffff;\n --na-primary: #2d4a3e;\n --na-primary-dark: #1e3529;\n --na-primary-light: #e8f0ec;\n --na-secondary: #3d5c8a;\n --na-accent: #7a9a6d;\n --na-text: #1a1a1a;\n --na-text-light: #5a5a5a;\n --na-border: #e0e0e0;\n --na-shadow: 0 4px 24px rgba(0,0,0,.08);\n --na-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --na-radius: 20px;\n --na-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.na-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--na-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.na-hero {\n position: relative;\n background: linear-gradient(135deg, var(--na-primary) 0%, var(--na-accent) 50%, var(--na-secondary) 100%);\n border-radius: var(--na-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(--na-shadow-lg);\n}\n\n.na-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.na-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.na-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.na-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(--na-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.na-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.na-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.na-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.na-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n\/* === SECTIONS === *\/\n.na-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.na-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--na-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.na-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(--na-primary), var(--na-accent));\n border-radius: 2px;\n}\n\n.na-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--na-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\/* === INTRO CARD === *\/\n.na-intro-card {\n background: var(--na-white);\n border-radius: var(--na-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--na-shadow);\n border-left: 4px solid var(--na-accent);\n}\n\n.na-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--na-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.na-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n.na-intro-card strong {\n color: var(--na-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.na-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.na-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.na-card {\n background: var(--na-white);\n border-radius: var(--na-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--na-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.na-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--na-shadow-lg);\n border-color: var(--na-accent);\n}\n\n.na-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--na-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.na-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.na-card-ingredient {\n border-top: 3px solid var(--na-accent);\n}\n\n.na-card-engagement {\n background: linear-gradient(135deg, var(--na-primary-light) 0%, var(--na-white) 100%);\n}\n\n.na-grid-compact .na-card {\n padding: 1rem;\n}\n\n.na-grid-compact .na-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.na-grid-compact .na-card p {\n font-size: 12px;\n}\n\n\/* === STATS === *\/\n.na-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n}\n\n.na-stat-card {\n background: linear-gradient(135deg, var(--na-primary) 0%, var(--na-primary-dark) 100%);\n border-radius: var(--na-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1rem, 3vw, 1.5rem);\n text-align: center;\n box-shadow: var(--na-shadow-lg);\n transition: transform .3s ease;\n}\n\n.na-stat-card:hover {\n transform: translateY(-4px) scale(1.02);\n}\n\n.na-stat-number {\n display: block;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n color: white;\n letter-spacing: -.03em;\n line-height: 1;\n margin-bottom: .5rem;\n}\n\n.na-stat-label {\n display: block;\n font-size: clamp(13px, 2vw, 15px);\n color: rgba(255,255,255,.9);\n font-weight: 600;\n line-height: 1.4;\n}\n\n\/* === TIMELINE === *\/\n.na-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.na-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.na-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--na-primary), var(--na-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45,74,62,.3);\n}\n\n.na-timeline-content {\n flex: 1;\n background: var(--na-white);\n padding: 1rem 1.25rem;\n border-radius: var(--na-radius-sm);\n box-shadow: var(--na-shadow);\n}\n\n.na-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--na-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.na-timeline-content p {\n font-size: 14px;\n color: var(--na-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.na-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--na-primary-light);\n border-radius: var(--na-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(45,74,62,.1);\n}\n\n.na-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.na-tip p {\n font-size: 14px;\n color: var(--na-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.na-tip strong {\n color: var(--na-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.na-accordion {\n background: var(--na-white);\n border-radius: var(--na-radius);\n box-shadow: var(--na-shadow);\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.na-accordion-item {\n border-bottom: 1px solid var(--na-border);\n margin: 0;\n padding: 0;\n}\n\n.na-accordion-item:last-child {\n border-bottom: none;\n}\n\n.na-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--na-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.na-accordion-header:hover {\n background: var(--na-primary-light);\n}\n\n.na-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.na-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--na-primary);\n transition: transform .2s ease;\n}\n\n.na-accordion-item[open] .na-accordion-header::after {\n content: '−';\n}\n\n.na-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--na-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.na-accordion-content p {\n margin: 0;\n word-break: break-word;\n}\n\n\/* === DISCLAIMER === *\/\n.na-disclaimer {\n font-size: 12px;\n color: var(--na-text-light);\n text-align: center;\n margin-top: 1.5rem;\n font-style: italic;\n padding: 1rem;\n background: var(--na-white);\n border-radius: var(--na-radius-sm);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .na-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .na-stats-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .na-card {\n padding: 1.125rem;\n }\n \n .na-section {\n margin-bottom: 1.75rem;\n }\n \n .na-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--na-radius-sm);\n }\n \n .na-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .na-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .na-grid-compact {\n gap: .625rem;\n }\n \n .na-grid-compact .na-card {\n padding: .75rem;\n }\n \n .na-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .na-timeline-content {\n padding: .875rem 1rem;\n }\n \n .na-timeline-content h3 {\n font-size: 14px;\n }\n \n .na-timeline-content p {\n font-size: 13px;\n }\n \n .na-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .na-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .na-intro-card {\n padding: 1.25rem;\n }\n \n .na-intro-card p {\n font-size: 14px;\n }\n \n .na-stat-card {\n padding: 1.25rem 1rem;\n }\n \n .na-tip {\n flex-direction: column;\n gap: .5rem;\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .na-card {\n animation: fadeInUp .5s ease backwards;\n }\n .na-card:nth-child(1) { animation-delay: .05s; }\n .na-card:nth-child(2) { animation-delay: .1s; }\n .na-card:nth-child(3) { animation-delay: .15s; }\n .na-card:nth-child(4) { animation-delay: .2s; }\n .na-card:nth-child(5) { animation-delay: .25s; }\n .na-card:nth-child(6) { animation-delay: .3s; }\n \n .na-stat-card {\n animation: fadeInUp .5s ease backwards;\n }\n .na-stat-card:nth-child(1) { animation-delay: .1s; }\n .na-stat-card:nth-child(2) { animation-delay: .2s; }\n .na-stat-card:nth-child(3) { animation-delay: .3s; }\n \n .na-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .na-timeline-item:nth-child(1) { animation-delay: .05s; }\n .na-timeline-item:nth-child(2) { animation-delay: .1s; }\n .na-timeline-item:nth-child(3) { animation-delay: .15s; }\n .na-timeline-item:nth-child(4) { animation-delay: .2s; }\n .na-timeline-item:nth-child(5) { animation-delay: .25s; }\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 .na-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56538064912761,"sku":"NBAIALO0005","price":13.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampoing-soin-bio-200ml-naturaloe-lifestyle.webp?v=1768987278"},{"product_id":"gel-daloe-vera-bio-demeter-500-ml-non-pasteurise-naturaloe","title":"Gel d'aloé vera bio \u0026 demeter 500 mL - Non pasteurisé - Naturaloé","description":"\u003cdiv class=\"nav-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"nav-hero\"\u003e\n\u003cdiv class=\"nav-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"nav-hero-content\"\u003e\n\u003cdiv class=\"nav-badges-top\"\u003e\n\u003cspan class=\"nav-badge\"\u003e🌿 94,8% Aloé Vera pur\u003c\/span\u003e \u003cspan class=\"nav-badge\"\u003e🏆 Certifié Demeter\u003c\/span\u003e \u003cspan class=\"nav-badge\"\u003e🍃 Non pasteurisé\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"nav-hero-title\"\u003eGel d'Aloé Vera Bio NaturAloé\u003c\/span\u003e\n\u003cp class=\"nav-subtitle\"\u003eL'excellence biodynamique pour votre confort digestif\u003c\/p\u003e\n\u003cp class=\"nav-description\"\u003eUn gel vivant et artisanal, non filtré, qui préserve 100% des bienfaits de la plante fraîche. Format économique 500 mL = 15 jours de cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"nav-section\"\u003e\n\u003ch2\u003eGel d'aloé vera bio à boire : l'excellence Demeter pour votre confort digestif\u003c\/h2\u003e\n\u003cp class=\"nav-section-intro\"\u003eVous cherchez un gel d'aloé vera bio d'une qualité irréprochable pour prendre soin de votre système digestif ? Ce gel à boire NaturAloé réunit tout ce que vous pouvez attendre d'un produit premium.\u003c\/p\u003e\n\u003cdiv class=\"nav-grid-compact\"\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🏅 Certification Demeter\u003c\/h3\u003e\n\u003cp\u003eAgriculture biodynamique, le plus haut niveau d'exigence bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🌱 Non pasteurisé\u003c\/h3\u003e\n\u003cp\u003ePréserve tous les composés actifs vivants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e💧 Non filtré\u003c\/h3\u003e\n\u003cp\u003eConserve la pulpe et ses fibres naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🎯 94,8% concentré\u003c\/h3\u003e\n\u003cp\u003eJus frais d'Aloé Vera Barbadensis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-tip\"\u003e\n\u003cspan class=\"nav-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux jus classiques, ce gel tapisse plus longtemps vos parois intestinales pour une action prolongée sur votre confort digestif quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"nav-section\"\u003e\n\u003ch2\u003ePourquoi choisir un gel d'aloé vera non pasteurisé ?\u003c\/h2\u003e\n\u003cp class=\"nav-section-intro\"\u003eLa pasteurisation détruit une partie des composés actifs de l'aloé vera. Ce gel 100% pur bio est véritablement vivant et artisanal.\u003c\/p\u003e\n\u003cdiv class=\"nav-grid\"\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🌾 Non filtré\u003c\/h3\u003e\n\u003cp\u003eConservation de la pulpe et de ses fibres naturelles pour une action optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n\u003cp\u003eFormule 100% d'origine naturelle, sans additifs synthétiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🍾 Flacon en verre fumé\u003c\/h3\u003e\n\u003cp\u003eProtection optimale contre les UV pour préserver les actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🌍 Cultivé en biodynamie\u003c\/h3\u003e\n\u003cp\u003eRespect des cycles naturels et de la terre, certifié Demeter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"nav-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'aloé vera pour la digestion\u003c\/h2\u003e\n\u003cp class=\"nav-section-intro\"\u003eL'aloé vera est reconnu depuis des millénaires pour ses vertus sur la sphère digestive. Ce gel vous accompagne au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"nav-grid\"\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🔥 Soutient la digestion\u003c\/h3\u003e\n\u003cp\u003eAugmente la production d'enzymes digestives pour une meilleure assimilation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e⚖️ Régule le transit\u003c\/h3\u003e\n\u003cp\u003eAction naturelle et douce sur votre transit intestinal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🦠 Rééquilibre la flore\u003c\/h3\u003e\n\u003cp\u003eAméliore le pH de vos intestins et soutient votre microbiote\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🛡️ Renforce l'immunité\u003c\/h3\u003e\n\u003cp\u003eContribue au bon fonctionnement de votre système immunitaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e⚡ Réduit la fatigue\u003c\/h3\u003e\n\u003cp\u003eCombat la fatigue physique et psychique au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🫧 Texture gélifiée\u003c\/h3\u003e\n\u003cp\u003eReste plus longtemps au contact des parois intestinales qu'un simple jus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"nav-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cp class=\"nav-section-intro\"\u003eUne formule minimaliste et transparente, composée uniquement de 3 ingrédients d'origine biologique.\u003c\/p\u003e\n\u003cdiv class=\"nav-grid\"\u003e\n\u003cdiv class=\"nav-card nav-card-highlight\"\u003e\n\u003ch3\u003e🌿 94,8% Jus frais d'Aloé Vera Barbadensis*\u003c\/h3\u003e\n\u003cp\u003eIssu de l'agriculture biologique et biodynamique certifiée Demeter\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🌽 4,2% Amidon de maïs*\u003c\/h3\u003e\n\u003cp\u003eGélifiant naturel bio pour une texture onctueuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-card\"\u003e\n\u003ch3\u003e🍋 1% Jus de citron concentré*\u003c\/h3\u003e\n\u003cp\u003eConservateur naturel bio (Citrus limon)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"nav-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique certifiée Ecocert et biodynamique certifiée Demeter.\u003c\/p\u003e\n\u003cdiv class=\"nav-badges-inline\"\u003e\n\u003cspan class=\"nav-badge-small\"\u003eSans gluten\u003c\/span\u003e \u003cspan class=\"nav-badge-small\"\u003eSans lactose\u003c\/span\u003e \u003cspan class=\"nav-badge-small\"\u003eSans levures\u003c\/span\u003e \u003cspan class=\"nav-badge-small\"\u003eVegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"nav-section\"\u003e\n\u003ch2\u003eValeurs nutritionnelles\u003c\/h2\u003e\n\u003cdiv class=\"nav-nutrition\"\u003e\n\u003cdiv class=\"nav-nutrition-header\"\u003ePour 100 g de gel d'aloé vera\u003c\/div\u003e\n\u003cdiv class=\"nav-nutrition-grid\"\u003e\n\u003cdiv class=\"nav-nutrition-item\"\u003e\n\u003cspan class=\"nav-nutrition-label\"\u003eÉnergie\u003c\/span\u003e \u003cspan class=\"nav-nutrition-value\"\u003e25,2 kcal \/ 106,41 kJ\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-nutrition-item\"\u003e\n\u003cspan class=\"nav-nutrition-label\"\u003eMatières grasses\u003c\/span\u003e \u003cspan class=\"nav-nutrition-value\"\u003e0,48 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-nutrition-item\"\u003e\n\u003cspan class=\"nav-nutrition-label\"\u003edont acides gras saturés\u003c\/span\u003e \u003cspan class=\"nav-nutrition-value\"\u003e0,1 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-nutrition-item\"\u003e\n\u003cspan class=\"nav-nutrition-label\"\u003eGlucides\u003c\/span\u003e \u003cspan class=\"nav-nutrition-value\"\u003e4,9 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-nutrition-item\"\u003e\n\u003cspan class=\"nav-nutrition-label\"\u003edont sucres\u003c\/span\u003e \u003cspan class=\"nav-nutrition-value\"\u003e0,8 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-nutrition-item\"\u003e\n\u003cspan class=\"nav-nutrition-label\"\u003eProtéines\u003c\/span\u003e \u003cspan class=\"nav-nutrition-value\"\u003e0,3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-nutrition-item\"\u003e\n\u003cspan class=\"nav-nutrition-label\"\u003eSel\u003c\/span\u003e \u003cspan class=\"nav-nutrition-value\"\u003e1,0 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"nav-section\"\u003e\n\u003ch2\u003eComment prendre ce gel d'aloé vera bio ?\u003c\/h2\u003e\n\u003cp class=\"nav-section-intro\"\u003ePour profiter pleinement des bienfaits du jus d'aloé vera, suivez ces conseils d'utilisation.\u003c\/p\u003e\n\u003cdiv class=\"nav-timeline\"\u003e\n\u003cdiv class=\"nav-timeline-item\"\u003e\n\u003cdiv class=\"nav-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"nav-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003e3 bouchons-doses par jour (soit 30 mL)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-timeline-item\"\u003e\n\u003cdiv class=\"nav-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"nav-timeline-content\"\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003eLe matin, à jeun, pour une absorption optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-timeline-item\"\u003e\n\u003cdiv class=\"nav-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"nav-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003e2 à 3 semaines pour des résultats visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-timeline-item\"\u003e\n\u003cdiv class=\"nav-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"nav-timeline-content\"\u003e\n\u003ch3\u003eMode de consommation\u003c\/h3\u003e\n\u003cp\u003ePur ou dilué dans un jus de fruits, un jus de légumes ou un smoothie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-tip\"\u003e\n\u003cspan class=\"nav-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eAvec ses 500 mL, ce flacon vous offre environ \u003cstrong\u003e15 jours de cure\u003c\/strong\u003e – le format idéal pour tester les effets sur votre organisme ou compléter une cure en cours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTIONS 7 \u0026 8 - ACCORDÉON --\u003e\n\u003csection class=\"nav-section\"\u003e\n\u003ch2\u003eConservation du gel d'aloé vera\u003c\/h2\u003e\n\u003cdiv class=\"nav-accordion\"\u003e\n\u003cdetails class=\"nav-accordion-item\"\u003e\n\u003csummary class=\"nav-accordion-header\"\u003e🧊 Avant ouverture\u003c\/summary\u003e\n\u003cdiv class=\"nav-accordion-content\"\u003e\n\u003cp\u003eConservez le flacon dans un endroit sec, à une température comprise entre +5°C et +25°C (ne pas dépasser +30°C). Pensez à bien agiter avant la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nav-accordion-item\"\u003e\n\u003csummary class=\"nav-accordion-header\"\u003e❄️ Après ouverture\u003c\/summary\u003e\n\u003cdiv class=\"nav-accordion-content\"\u003e\n\u003cp\u003ePlacez impérativement au réfrigérateur et consommez dans un délai d'un mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"nav-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"nav-accordion\"\u003e\n\u003cdetails class=\"nav-accordion-item\"\u003e\n\u003csummary class=\"nav-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"nav-accordion-content\"\u003e\n\u003cp\u003e• Déconseillé aux enfants de moins de 12 ans\u003cbr\u003e• Déconseillé aux femmes enceintes et allaitantes\u003cbr\u003e• Ne pas dépasser la dose journalière recommandée\u003cbr\u003e• Un usage prolongé est déconseillé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"nav-accordion-item\"\u003e\n\u003csummary class=\"nav-accordion-header\"\u003e💊 Rappel important\u003c\/summary\u003e\n\u003cdiv class=\"nav-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute ou de traitement médical en cours, consultez votre médecin ou votre pharmacien avant de débuter une cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"nav-section\"\u003e\n\u003ch2\u003eNaturAloé : l'expertise de l'aloé vera depuis 2002\u003c\/h2\u003e\n\u003cdiv class=\"nav-testimonial\"\u003e\n\u003cp class=\"nav-testimonial-text\"\u003eFondée en 2002, la marque NaturAloé s'est spécialisée dans la fabrication de produits à base d'aloé vera cultivé en agriculture biodynamique. Leurs plantations espagnoles, certifiées Demeter, respectent les cycles naturels de la terre pour vous offrir des produits d'une pureté exceptionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nav-cta-box\"\u003e\n\u003cp\u003e🌿 Ce gel d'aloé vera incarne parfaitement leur philosophie : des formules courtes, des ingrédients traçables, et un engagement total pour la qualité plutôt que la quantité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --nav-cream: #F7F5F0;\n --nav-white: #ffffff;\n --nav-primary: #5B7C4A;\n --nav-primary-dark: #3D5A32;\n --nav-primary-light: #E8F0E4;\n --nav-secondary: #D4A574;\n --nav-accent: #8FB573;\n\n \/* Textes *\/\n --nav-text: #1a1a1a;\n --nav-text-light: #5a5a5a;\n\n \/* Effets *\/\n --nav-border: #e0e0e0;\n --nav-shadow: 0 4px 24px rgba(91,124,74,.08);\n --nav-shadow-lg: 0 12px 48px rgba(91,124,74,.15);\n --nav-radius: 20px;\n --nav-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nav-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nav-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nav-hero {\n position: relative;\n background: linear-gradient(135deg, #5B7C4A 0%, #3D5A32 50%, #2D4525 100%);\n border-radius: var(--nav-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(--nav-shadow-lg);\n}\n\n.nav-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 15 30 5' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Cpath d='M10 35 Q15 45 10 55 Q5 45 10 35' fill='%23ffffff' fill-opacity='0.03'\/%3E%3Cpath d='M50 35 Q55 45 50 55 Q45 45 50 35' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.nav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.nav-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.nav-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.nav-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.nav-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nav-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(--nav-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nav-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.nav-badges-inline {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-top: 1rem;\n}\n\n.nav-badge-small {\n display: inline-flex;\n padding: 6px 12px;\n background: var(--nav-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--nav-primary-dark);\n}\n\n\/* === SECTIONS === *\/\n.nav-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nav-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nav-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.nav-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(--nav-primary), var(--nav-accent));\n border-radius: 2px;\n}\n\n.nav-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nav-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.nav-card {\n background: var(--nav-white);\n border-radius: var(--nav-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nav-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nav-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nav-shadow-lg);\n border-color: var(--nav-primary);\n}\n\n.nav-card-highlight {\n background: linear-gradient(135deg, var(--nav-primary-light) 0%, #ffffff 100%);\n border: 2px solid var(--nav-primary);\n}\n\n.nav-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nav-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nav-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nav-grid-compact .nav-card {\n padding: 1rem;\n}\n\n.nav-grid-compact .nav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nav-grid-compact .nav-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.nav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nav-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nav-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nav-primary), var(--nav-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.nav-timeline-content {\n flex: 1;\n background: var(--nav-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nav-radius-sm);\n box-shadow: var(--nav-shadow);\n}\n\n.nav-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nav-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nav-timeline-content p {\n font-size: 14px;\n color: var(--nav-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.nav-testimonial {\n background: var(--nav-white);\n border-radius: var(--nav-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nav-shadow);\n border-left: 4px solid var(--nav-primary);\n margin-bottom: 1.5rem;\n}\n\n.nav-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nav-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.nav-accordion {\n background: var(--nav-white);\n border-radius: var(--nav-radius);\n box-shadow: var(--nav-shadow);\n overflow: hidden;\n}\n\n.nav-accordion-item {\n border-bottom: 1px solid var(--nav-border);\n margin: 0;\n padding: 0;\n}\n\n.nav-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nav-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nav-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.nav-accordion-header:hover {\n background: var(--nav-primary-light);\n}\n\n.nav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nav-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nav-primary);\n transition: transform .2s ease;\n}\n\n.nav-accordion-item[open] .nav-accordion-header::after {\n content: '−';\n}\n\n.nav-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nav-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nav-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.nav-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nav-primary-light);\n border-radius: var(--nav-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nav-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nav-tip p {\n font-size: 14px;\n color: var(--nav-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === NUTRITION TABLE === *\/\n.nav-nutrition {\n background: var(--nav-white);\n border-radius: var(--nav-radius);\n box-shadow: var(--nav-shadow);\n overflow: hidden;\n}\n\n.nav-nutrition-header {\n background: var(--nav-primary);\n color: white;\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n text-align: center;\n}\n\n.nav-nutrition-grid {\n padding: 1rem;\n}\n\n.nav-nutrition-item {\n display: flex;\n justify-content: space-between;\n padding: .75rem 1rem;\n border-bottom: 1px solid var(--nav-border);\n}\n\n.nav-nutrition-item:last-child {\n border-bottom: none;\n}\n\n.nav-nutrition-item:nth-child(odd) {\n background: var(--nav-cream);\n border-radius: var(--nav-radius-sm);\n}\n\n.nav-nutrition-label {\n font-size: 14px;\n color: var(--nav-text);\n}\n\n.nav-nutrition-value {\n font-size: 14px;\n font-weight: 700;\n color: var(--nav-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.nav-cta-box {\n background: linear-gradient(135deg, var(--nav-primary) 0%, var(--nav-primary-dark) 100%);\n border-radius: var(--nav-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nav-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.nav-disclaimer {\n font-size: 12px;\n color: var(--nav-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 .nav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .nav-card {\n padding: 1.125rem;\n }\n \n .nav-section {\n margin-bottom: 1.75rem;\n }\n \n .nav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nav-radius-sm);\n }\n \n .nav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .nav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .nav-grid-compact {\n gap: .625rem;\n }\n \n .nav-grid-compact .nav-card {\n padding: .75rem;\n }\n \n .nav-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .nav-timeline-content {\n padding: .875rem 1rem;\n }\n \n .nav-timeline-content h3 {\n font-size: 14px;\n }\n \n .nav-timeline-content p {\n font-size: 13px;\n }\n \n .nav-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .nav-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .nav-testimonial {\n padding: 1.25rem;\n }\n \n .nav-testimonial-text {\n font-size: 14px;\n }\n \n .nav-nutrition-item {\n padding: .5rem .75rem;\n flex-direction: column;\n gap: .25rem;\n }\n \n .nav-nutrition-label,\n .nav-nutrition-value {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nav-card {\n animation: fadeInUp .5s ease backwards;\n }\n .nav-card:nth-child(1) { animation-delay: .05s; }\n .nav-card:nth-child(2) { animation-delay: .1s; }\n .nav-card:nth-child(3) { animation-delay: .15s; }\n .nav-card:nth-child(4) { animation-delay: .2s; }\n .nav-card:nth-child(5) { animation-delay: .25s; }\n .nav-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 .nav-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Naturaloé","offers":[{"title":"Default Title","offer_id":56538117308793,"sku":"NBAIALO0011","price":20.2,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-daloe-vera-bio-demeter-500-ml-non-pasteurise-naturaloe-lifestyle.webp?v=1768990220"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/naturaloe.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}