{"title":"Protéines","description":"\u003cp\u003eVous cherchez une protéine en poudre, mais entre les formules animales, végétales, les barres et les poudres, difficile de savoir laquelle choisir. Ce guide vous aide à trancher en fonction de votre profil, de votre objectif et de vos préférences - sans jargon inutile, directement à l'essentiel.\u003c\/p\u003e\n\n\u003ch2\u003eQuelle protéine choisir selon votre profil ?\u003c\/h2\u003e\n\n\u003cp\u003ePlutôt que de lire dix fiches produit, voici un tableau pensé pour aller vite. Repérez votre profil, et le reste suit naturellement.\u003c\/p\u003e\n\n\u003ctable style=\"width:100%;border-collapse:collapse;font-family:sans-serif;font-size:14px;margin:24px 0;\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color:#2d4a3e;color:#ffffff;\"\u003e\n \u003cth style=\"padding:12px 14px;text-align:left;border:1px solid #c8d8c8;\"\u003eProfil\u003c\/th\u003e\n \u003cth style=\"padding:12px 14px;text-align:left;border:1px solid #c8d8c8;\"\u003eObjectif\u003c\/th\u003e\n \u003cth style=\"padding:12px 14px;text-align:left;border:1px solid #c8d8c8;\"\u003eProduit recommandé\u003c\/th\u003e\n \u003cth style=\"padding:12px 14px;text-align:left;border:1px solid #c8d8c8;\"\u003ePourquoi ce choix\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr style=\"background-color:#f7faf7;\"\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003eSportif actif\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003eDévelopper la masse musculaire\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003e\u003ca href=\"\/products\/proteine-ressource-saveur-vanille-caramel-humble\"\u003eProtéine Ressource Humble+\u003c\/a\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003e\n\u003cstrong\u003eHaute teneur en acides aminés essentiels\u003c\/strong\u003e, bonne solubilité, formule multi-protéines pensée pour la récupération et la prise de masse\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr style=\"background-color:#ffffff;\"\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003eActif au quotidien\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003ePlus de protéines sans prise de masse\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003e\u003ca href=\"\/products\/barre-proteines-collagene-cacahuete-humble\"\u003eBarres Protéines Collagène Humble+\u003c\/a\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003e\n\u003cstrong\u003ePratique, nomade, sans préparation\u003c\/strong\u003e - idéal en collation ou en déplacement\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr style=\"background-color:#f7faf7;\"\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003eVégétalien \/ flexitarien\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003eSource complète de protéines végétales\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003e\u003ca href=\"\/products\/proteinultraa-bio-vegan-sans-gluten-300-g-lt-labo\"\u003eProteinultrAA Végétale Bio LT Labo\u003c\/a\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003e\n\u003cstrong\u003eProfil complet en acides aminés essentiels\u003c\/strong\u003e, certifié bio, sans gluten\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr style=\"background-color:#ffffff;\"\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003eSensible aux protéines animales classiques\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003eOption naturelle et digeste\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003e\u003ca href=\"\/products\/proteine-de-chanvre-bio-250g-iswari\"\u003eProtéine de chanvre bio Iswari\u003c\/a\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003e\n\u003cstrong\u003eRiche en oméga-3 et fibres\u003c\/strong\u003e, digestion douce, cultivée sans pesticides\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr style=\"background-color:#f7faf7;\"\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003eObjectif beauté + performance\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003eMuscle et peau \/ articulations\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003e\u003ca href=\"\/products\/proteine-peptides-de-collagene-marin-de-type-1-saveur-cafe-humble-copie\"\u003eProtéine + Peptides de Collagène marin Humble+\u003c\/a\u003e\u003c\/td\u003e\n \u003ctd style=\"padding:11px 14px;border:1px solid #c8d8c8;\"\u003e\n\u003cstrong\u003eDouble action : apport protéique + soutien peau et articulations\u003c\/strong\u003e grâce aux peptides de collagène marin de type 1\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp\u003eEntre nous, si vous hésitez encore entre deux profils, le plus simple est de vous demander : est-ce que je cherche avant tout la performance sportive, ou un apport protéique confortable au quotidien ? La réponse oriente presque tout le reste.\u003c\/p\u003e\n\n\u003ch2\u003eLes critères qui font vraiment la différence\u003c\/h2\u003e\n\n\u003cp\u003eLe marché des protéines en poudre est saturé de promesses. Voici ce qui compte vraiment quand vous comparez deux formules - et ce que nous avons vérifié pour chaque produit de cette sélection.\u003c\/p\u003e\n\n\u003cdiv style=\"background-color:#f4f8f4;border-left:4px solid #2d4a3e;border-radius:6px;padding:20px 24px;margin:20px 0;font-family:sans-serif;\"\u003e\n \u003cp style=\"font-weight:700;font-size:15px;margin:0 0 14px 0;color:#2d4a3e;\"\u003e5 critères à vérifier avant d'acheter une protéine en poudre\u003c\/p\u003e\n \u003cul style=\"margin:0;padding-left:20px;line-height:1.9;font-size:14px;color:#333;\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eLa teneur en protéines pour 100 g\u003c\/strong\u003e - visez entre 70 % et 85 %. En dessous de 60 %, la formule est souvent diluée par des sucres ou des charges inutiles.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLe profil en acides aminés essentiels\u003c\/strong\u003e - et notamment la leucine, qui agit comme signal anabolique pour déclencher la synthèse musculaire. C'est elle qui fait la différence.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLa biodisponibilité\u003c\/strong\u003e - les protéines animales sont généralement mieux assimilées, mais une combinaison végétale bien formulée (pois + riz, ou chanvre) peut combler cet écart efficacement.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLa liste d'ingrédients\u003c\/strong\u003e - édulcorants artificiels en excès, arômes de synthèse, conservateurs non nécessaires : autant d'éléments à éviter. Les produits Humble+ et Iswari présents ici jouent la carte de la transparence.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLa certification bio ou l'absence de résidus de pesticides\u003c\/strong\u003e - particulièrement important pour les protéines végétales comme le chanvre ou le pois, dont les plantes accumulent facilement les contaminants.\u003c\/li\u003e\n \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cp\u003eBonne nouvelle : chaque produit de cette collection a été sélectionné en croisant ces critères. Pas de formules gadgets, pas de marketing creux.\u003c\/p\u003e\n\n\u003ch2\u003eProtéine animale ou végétale : ce que dit vraiment la science\u003c\/h2\u003e\n\n\u003cp\u003eOn ne va pas se mentir : la question revient souvent, et les réponses sur internet sont rarement nuancées. Voici ce que les données scientifiques disent réellement.\u003c\/p\u003e\n\n\u003cp\u003eLes protéines animales - whey en tête - affichent un score PDCAAS (mesure standardisée de la qualité protéique) proche de 1, ce qui en fait des références en termes de complétude en acides aminés essentiels. Mais les protéines végétales ont sérieusement rattrapé leur retard. Une étude publiée dans le \u003cem\u003eJournal of the International Society of Sports Nutrition\u003c\/em\u003e (2015) a montré que la protéine de pois produisait des gains musculaires comparables à la whey sur 12 semaines d'entraînement. Pas anodin.\u003c\/p\u003e\n\n\u003cp\u003eLe chanvre bio, d'ailleurs, est un cas un peu à part dans le monde végétal : il contient les 9 acides aminés essentiels et apporte en prime des acides gras oméga-3, ce qui en fait une option polyvalente bien au-delà du seul objectif musculaire. C'est l'une des raisons pour lesquelles on apprécie particulièrement la \u003ca href=\"\/products\/proteine-de-chanvre-bio-250g-iswari\"\u003eprotéine de chanvre bio Iswari\u003c\/a\u003e dans cette gamme.\u003c\/p\u003e\n\n\u003cp\u003eQuant au collagène marin, attention à ne pas le confondre avec une protéine musculaire classique. Son profil en acides aminés est très différent - riche en glycine, proline et hydroxyproline - ce qui le rend précieux pour la récupération articulaire et la qualité de la peau, mais moins pertinent seul pour la prise de masse. À combiner idéalement avec une source protéique complète.\u003c\/p\u003e\n\n\u003cp\u003eEn résumé : il n'y a pas de hiérarchie absolue entre animale et végétale, mais des usages différents selon votre objectif. Si vous souhaitez explorer d'autres formules, notre gamme de \u003ca href=\"\/collections\/complements-alimentaires\"\u003ecompléments alimentaires naturels et bio\u003c\/a\u003e propose des solutions complémentaires selon vos besoins.\u003c\/p\u003e\n\n\u003ch2\u003ePrécautions et contre-indications à connaître\u003c\/h2\u003e\n\n\u003cp\u003eLes protéines en poudre ne sont pas dangereuses pour une personne en bonne santé - c'est un point important à clarifier, car beaucoup de sources sur internet entretiennent une confusion inutile. Les recommandations de l'EFSA pour les sportifs se situent entre \u003cstrong\u003e1,4 et 2 g de protéines par kg de poids corporel par jour\u003c\/strong\u003e. Dans ce cadre, une supplémentation est tout à fait raisonnable.\u003c\/p\u003e\n\n\u003cp\u003eQuelques situations méritent cependant d'être signalées :\u003c\/p\u003e\n\n\u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eInsuffisance rénale avérée\u003c\/strong\u003e - la supplémentation protéique est déconseillée sans avis médical. Le risque souvent évoqué pour les personnes saines n'est pas documenté scientifiquement.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eIntolérance au lactose\u003c\/strong\u003e - la whey peut poser problème. Les options végétales (ProteinultrAA LT Labo, chanvre Iswari) ou le collagène marin sont des alternatives bien tolérées.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDiabète\u003c\/strong\u003e - privilégiez des formules sans sucres ajoutés ni édulcorants en excès, et consultez un professionnel de santé avant toute cure.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGrossesse et allaitement\u003c\/strong\u003e - un avis médical est recommandé avant toute supplémentation, quelle qu'elle soit.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eLes dosages et tolérances varient selon les individus. En cas de doute, un diététicien ou un médecin reste votre meilleur allié pour personnaliser votre apport protéique.\u003c\/p\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eEst-il bon de prendre des protéines en poudre tous les jours ?\u003c\/summary\u003e\n\u003cp\u003eOui, dans le cadre d'une alimentation équilibrée et à des doses adaptées. Pour un sportif, les recommandations de l'EFSA se situent entre 1,4 et 2 g de protéines par kg de poids corporel par jour - supplémentation comprise. Ce qui compte, c'est la régularité plutôt que la quantité ponctuelle. Les protéines en poudre restent un complément : elles ne remplacent pas les apports alimentaires, mais les optimisent.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est la meilleure protéine en poudre pour maigrir ?\u003c\/summary\u003e\n\u003cp\u003eLes formules affichant plus de 70 % de protéines pour 100 g et peu de glucides sont les plus adaptées à un objectif de perte de poids : elles rassasient durablement et préservent la masse musculaire pendant le déficit calorique. Les \u003ca href=\"\/products\/barre-proteines-collagene-cacahuete-humble\"\u003ebarres protéinées Humble+\u003c\/a\u003e peuvent aussi aider à contrôler les fringales en collation, sans avoir à préparer un shaker.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eQuelle protéine végétale pour remplacer la viande ?\u003c\/summary\u003e\n\u003cp\u003eLa \u003ca href=\"\/products\/proteine-de-chanvre-bio-250g-iswari\"\u003eprotéine de chanvre bio Iswari\u003c\/a\u003e et la \u003ca href=\"\/products\/proteinultraa-bio-vegan-sans-gluten-300-g-lt-labo\"\u003eProteinultrAA Végétale Bio LT Labo\u003c\/a\u003e sont deux options complètes en acides aminés essentiels, ce qui les rend particulièrement pertinentes pour compenser un apport insuffisant en protéines animales. Cela dit, combiner plusieurs sources végétales sur la journée reste la stratégie la plus efficace pour couvrir l'ensemble des besoins.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eLes protéines en poudre sont-elles dangereuses pour les reins ?\u003c\/summary\u003e\n\u003cp\u003eNon, pour une personne en bonne santé. Le risque rénal est documenté uniquement en cas d'insuffisance rénale préexistante - et non chez les personnes saines, contrairement à ce que certaines sources laissent entendre. Si vous avez un antécédent rénal, consultez votre médecin avant toute supplémentation. Dans tous les cas, respectez les doses recommandées : c'est la règle de base.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003c\/div\u003e","products":[{"product_id":"proteinultraa-bio-vegan-sans-gluten-300-g-lt-labo","title":"ProteinultrAA Végétale Bio - Sans Gluten - 300 g - LT Labo","description":"\u003cdiv class=\"pua-premium\"\u003e\n\n\u003cdiv class=\"pua-hero\"\u003e\n\u003cdiv class=\"pua-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-hero-content\"\u003e\n\u003cdiv class=\"pua-badges-top\"\u003e\n\u003cspan class=\"pua-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🚫 Sans gluten\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🔬 5 sources végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-hero-title\"\u003eProteinultrAA Végétale Bio\u003c\/span\u003e\n\u003cp class=\"pua-subtitle\"\u003eLa formule avancée aux 5 sources de protéines végétales biologiques\u003c\/p\u003e\n\u003cp class=\"pua-description\"\u003eCourge · Chanvre · Tournesol · Riz · Lin — Un profil d'acides aminés complet, certifié AB, sans gluten et sans lactose. 300 g de puissance végétale par LT Labo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eProteinultrAA Bio : la protéine végétale bio aux 5 sources complémentaires\u003c\/h2\u003e\n\u003cp class=\"pua-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure protéine végétale bio\u003c\/strong\u003e pour compléter votre alimentation au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"pua-highlight-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eProteinultrAA Bio\u003c\/strong\u003e de LT Labo se distingue par une formule unique associant \u003cstrong\u003ecinq sources de protéines végétales biologiques\u003c\/strong\u003e : courge, chanvre, tournesol, riz et lin. Là où la plupart des alternatives du marché se limitent à trois ou quatre sources (souvent pois et riz), cette préparation offre un \u003cstrong\u003eprofil d'acides aminés exceptionnellement complet\u003c\/strong\u003e, incluant les précieux BCAA (leucine, isoleucine, valine). Le tout certifié AB, vegan, \u003cstrong\u003esans gluten\u003c\/strong\u003e et \u003cstrong\u003esans lactose\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003ePourquoi choisir une formule à 5 sources de protéines ?\u003c\/h2\u003e\n\u003cp class=\"pua-section-intro\"\u003eChaque source végétale possède ses propres forces en termes d'acides aminés. En les combinant intelligemment, ProteinultrAA Bio comble les lacunes que présenterait une source unique.\u003c\/p\u003e\n\u003cdiv class=\"pua-grid\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🎃 Protéine de courge\u003c\/h3\u003e\n\u003cp\u003eMajoritaire dans la formule, elle apporte une richesse remarquable en tryptophane et en zinc pour le bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌿 Chanvre\u003c\/h3\u003e\n\u003cp\u003eComplète avec ses oméga-3 et son magnésium, essentiels pour le système nerveux et la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌻 Tournesol\u003c\/h3\u003e\n\u003cp\u003eRenforce l'apport en acides aminés soufrés (méthionine, cystéine), souvent déficitaires dans les protéines végétales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🍚 Riz\u003c\/h3\u003e\n\u003cp\u003eAssure une digestibilité optimale et un confort intestinal remarquable, même pour les estomacs sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🫘 Graines de lin\u003c\/h3\u003e\n\u003cp\u003eAjoutent des fibres et du phosphore pour une formule encore plus complète et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-tip\"\u003e\n\u003cspan class=\"pua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e une protéine végétale en poudre bio qui rivalise avec les meilleures protéines animales, sans aucun compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ProteinultrAA Bio ?\u003c\/h2\u003e\n\u003cdiv class=\"pua-grid\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eSoutien à la construction musculaire et à la récupération grâce aux BCAA et aux minéraux (fer, magnésium, zinc).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌱 Végétariens et végétaliens\u003c\/h3\u003e\n\u003cp\u003eApport complet en protéines et acides aminés essentiels, souvent difficiles à obtenir uniquement par l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n\u003cp\u003eMaintien de la masse musculaire et de la vitalité au quotidien, pour rester actif en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e👧 Enfants et adolescents\u003c\/h3\u003e\n\u003cp\u003eUn complément naturel, doux et bien toléré pour accompagner la croissance en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🛡️ Personnes intolérantes\u003c\/h3\u003e\n\u003cp\u003eFormule sans gluten, sans lactose, sans soja et sans légumineuses pour une tolérance digestive maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 30 g (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"pua-composition\"\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 45%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🎃 Protéines de courge bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e13,5 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e45 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 20%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🌿 Protéines de chanvre bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e6 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e20 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 18%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🌻 Protéines de tournesol bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e5,4 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e18 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 11%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🍚 Farine de riz blanc bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e3,3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e11 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 6%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🫘 Graines de lin bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e1,8 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e6 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pua-disclaimer\"\u003e\u003cem\u003eIngrédients 100 % issus de l'agriculture biologique. Riche en vitamines B1, B3, B6, fer, magnésium, zinc, sélénium et phosphore.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eConseils d'utilisation au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"pua-timeline\"\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e3 cuillères doseuses par jour\u003c\/strong\u003e (environ 30 g de poudre).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eDiluez dans \u003cstrong\u003e100 ml\u003c\/strong\u003e d'eau, de lait végétal, de jus de fruits ou de soupe. Son goût neutre se marie facilement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eVariez les plaisirs\u003c\/h3\u003e\n\u003cp\u003eIncorporez-la dans vos recettes : crêpes, pancakes, energy balls ou sauces pour un boost protéiné invisible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eRégularité\u003c\/h3\u003e\n\u003cp\u003eConsommez idéalement au \u003cstrong\u003epetit-déjeuner\u003c\/strong\u003e ou \u003cstrong\u003eaprès un effort physique\u003c\/strong\u003e pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"pua-grid-compact\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌾 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique Europe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌱 Labellisé Vegan\u003c\/h3\u003e\n\u003cp\u003ePar la Vegan Society\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué par LT Labo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🚫 Sans artifice\u003c\/h3\u003e\n\u003cp\u003eSans additifs, arômes artificiels ni OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"pua-cta-box\"\u003e\n\u003cp\u003e🌿 \u003cstrong\u003eProteinultrAA Bio\u003c\/strong\u003e — Pot de 300 g\u003cbr\u003e5 sources végétales biologiques pour un apport protéique complet, naturel et sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"pua-accordion-item\"\u003e\n\u003csummary class=\"pua-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"pua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire qui ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de doute, consultez votre professionnel de santé. Conditionnement : pot de \u003cstrong\u003e300 g\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pua-cream: #f4f7f0;\n --pua-white: #ffffff;\n --pua-primary: #6a9b3a;\n --pua-primary-dark: #3d6b1a;\n --pua-primary-light: #e8f2da;\n --pua-secondary: #d4944a;\n --pua-accent: #e8a84c;\n --pua-text: #1a1a1a;\n --pua-text-light: #5a5a5a;\n --pua-border: #dde6d4;\n --pua-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pua-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pua-radius: 20px;\n --pua-radius-sm: 12px;\n}\n\n.pua-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pua-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pua-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1a 0%, #6a9b3a 40%, #d4944a 100%);\n border-radius: var(--pua-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(--pua-shadow-lg);\n}\n\n.pua-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pua-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pua-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.pua-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pua-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(--pua-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pua-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pua-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.pua-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.pua-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pua-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pua-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.pua-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(--pua-primary), var(--pua-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pua-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pua-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pua-highlight-box {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pua-shadow);\n border-left: 5px solid var(--pua-primary);\n}\n\n.pua-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--pua-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.pua-card {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pua-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pua-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pua-shadow-lg);\n border-color: var(--pua-primary);\n}\n\n.pua-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pua-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pua-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pua-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pua-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pua-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pua-grid-compact .pua-card {\n padding: 1rem;\n}\n\n.pua-grid-compact .pua-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pua-grid-compact .pua-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BARRES === *\/\n.pua-composition {\n display: flex;\n flex-direction: column;\n gap: .875rem;\n}\n\n.pua-compo-item {\n background: var(--pua-white);\n border-radius: var(--pua-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--pua-shadow);\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.pua-compo-bar {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: var(--pua-bar-width);\n background: linear-gradient(90deg, var(--pua-primary-light), rgba(106,155,58,.15));\n border-radius: var(--pua-radius-sm) 0 0 var(--pua-radius-sm);\n z-index: 0;\n transition: width .8s ease;\n}\n\n.pua-compo-info {\n position: relative;\n z-index: 1;\n flex: 1;\n}\n\n.pua-compo-info h3 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--pua-primary-dark);\n margin: 0 0 .15rem 0;\n}\n\n.pua-compo-dose {\n font-size: 13px;\n color: var(--pua-text-light);\n}\n\n.pua-compo-pct {\n position: relative;\n z-index: 1;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--pua-primary);\n flex-shrink: 0;\n}\n\n\/* === TIMELINE === *\/\n.pua-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pua-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pua-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pua-primary), var(--pua-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.pua-timeline-content {\n flex: 1;\n background: var(--pua-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pua-radius-sm);\n box-shadow: var(--pua-shadow);\n}\n\n.pua-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pua-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pua-timeline-content p {\n font-size: 14px;\n color: var(--pua-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pua-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pua-primary-light);\n border-radius: var(--pua-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pua-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pua-tip p {\n font-size: 14px;\n color: var(--pua-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.pua-cta-box {\n background: linear-gradient(135deg, var(--pua-primary) 0%, var(--pua-primary-dark) 100%);\n border-radius: var(--pua-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pua-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pua-accordion {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n box-shadow: var(--pua-shadow);\n overflow: hidden;\n}\n\n.pua-accordion-item {\n border-bottom: 1px solid var(--pua-border);\n margin: 0;\n padding: 0;\n}\n\n.pua-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pua-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pua-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.pua-accordion-header:hover {\n background: var(--pua-primary-light);\n}\n\n.pua-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pua-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pua-primary);\n transition: transform .2s ease;\n}\n\n.pua-accordion-item[open] .pua-accordion-header::after {\n content: '−';\n}\n\n.pua-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pua-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pua-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pua-disclaimer {\n font-size: 12px;\n color: var(--pua-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 .pua-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pua-card {\n padding: 1.125rem;\n }\n\n .pua-section {\n margin-bottom: 1.75rem;\n }\n\n .pua-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pua-radius-sm);\n }\n\n .pua-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pua-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pua-grid-compact {\n gap: .625rem;\n }\n\n .pua-grid-compact .pua-card {\n padding: .75rem;\n }\n\n .pua-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pua-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pua-timeline-content h3 {\n font-size: 14px;\n }\n\n .pua-timeline-content p {\n font-size: 13px;\n }\n\n .pua-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pua-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pua-highlight-box {\n padding: 1.25rem;\n }\n\n .pua-compo-item {\n padding: .875rem 1rem;\n }\n\n .pua-compo-info h3 {\n font-size: 13px;\n }\n\n .pua-compo-pct {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pua-card {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-card:nth-child(1) { animation-delay: .05s; }\n .pua-card:nth-child(2) { animation-delay: .1s; }\n .pua-card:nth-child(3) { animation-delay: .15s; }\n .pua-card:nth-child(4) { animation-delay: .2s; }\n .pua-card:nth-child(5) { animation-delay: .25s; }\n .pua-card:nth-child(6) { animation-delay: .3s; }\n\n .pua-compo-item {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-compo-item:nth-child(1) { animation-delay: .05s; }\n .pua-compo-item:nth-child(2) { animation-delay: .1s; }\n .pua-compo-item:nth-child(3) { animation-delay: .15s; }\n .pua-compo-item:nth-child(4) { animation-delay: .2s; }\n .pua-compo-item:nth-child(5) { animation-delay: .25s; }\n\n .pua-timeline-item {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pua-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pua-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pua-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes puaFadeInUp {\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 .pua-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755436040349,"sku":"NBAILTL0011","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteinultraa-vegetale-bio-sans-gluten-300-g-lt-labo-packshothd_3bbdf661-6af9-44ee-b914-fee8f37bf225.webp?v=1787392876"},{"product_id":"proteine-peptides-de-collagene-marin-de-type-1-saveur-cafe-humble-copie","title":"Protéine + Peptides de Collagène marin de Type 1 - Saveur Café - Humble+","description":"\u003cdiv class=\"hpc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hpc-hero\"\u003e\n \u003cdiv class=\"hpc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hpc-hero-content\"\u003e\n \u003cdiv class=\"hpc-badges-top\"\u003e\n \u003cspan class=\"hpc-badge\"\u003e🇫🇷 Protéines françaises\u003c\/span\u003e\n \u003cspan class=\"hpc-badge\"\u003e🐟 Collagène Naticol®\u003c\/span\u003e\n \u003cspan class=\"hpc-badge\"\u003e☕ Saveur café Arabica\u003c\/span\u003e\n \u003cspan class=\"hpc-badge\"\u003e📺 Vu à la TV\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hpc-hero-title\"\u003eProtéine + Collagène Marin\u003c\/span\u003e\n \u003cp class=\"hpc-subtitle\"\u003eSaveur Café — par Humble+\u003c\/p\u003e\n \u003cp class=\"hpc-description\"\u003e22,4 g de protéines + peptides de collagène marin de type I par portion. Le duo sport, beauté \u0026amp; bien-être dans un rituel café gourmand.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"hpc-section\"\u003e\n \u003ch2\u003eProtéine + Collagène Marin Naticol® Saveur Café : le duo sport \u0026amp; beauté signé Humble+\u003c\/h2\u003e\n \u003cp class=\"hpc-section-intro\"\u003eVous cherchez une formule complète qui allie \u003cstrong\u003eperformance sportive\u003c\/strong\u003e et \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e ? La Protéine + Collagène Saveur Café de Humble+ combine un \u003cstrong\u003econcentré de protéines de lactosérum d'origine française\u003c\/strong\u003e et des \u003cstrong\u003epeptides de collagène marin hydrolysé de type I Naticol®\u003c\/strong\u003e, reconnus pour leur excellente biodisponibilité.\u003c\/p\u003e\n \u003cp class=\"hpc-section-intro\"\u003eLe tout sublimé par un arôme de café Arabica naturel, pour un rituel quotidien aussi savoureux qu'efficace.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"hpc-section\"\u003e\n \u003ch2\u003eBienfaits de cette formule protéine + collagène marin\u003c\/h2\u003e\n \u003cp class=\"hpc-section-intro\"\u003eCe produit a été pensé pour répondre à trois objectifs complémentaires :\u003c\/p\u003e\n \u003cdiv class=\"hpc-grid\"\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e💪 Muscles \u0026amp; récupération\u003c\/h3\u003e\n \u003cp\u003eAvec \u003cstrong\u003e22,4 g de protéines\u003c\/strong\u003e par portion, cette poudre soutient le maintien de la masse musculaire et favorise une récupération de qualité après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e🦴 Articulations \u0026amp; mobilité\u003c\/h3\u003e\n \u003cp\u003eLes peptides de \u003cstrong\u003ecollagène marin\u003c\/strong\u003e contribuent au bon fonctionnement des cartilages, tendons et ligaments — un atout précieux si vous êtes actif ou si vos articulations sont sollicitées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e✨ Peau, cheveux \u0026amp; ongles\u003c\/h3\u003e\n \u003cp\u003eParmi les \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e les plus documentés : soutien de l'hydratation cutanée, de l'élasticité de la peau et de la solidité des ongles. Un vrai geste beauté de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e☕ Plaisir gustatif\u003c\/h3\u003e\n \u003cp\u003eLa saveur café naturelle, légèrement cacaotée, transforme votre prise quotidienne en moment gourmand — sans arrière-goût artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"hpc-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"hpc-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 30 g (2 dosettes) :\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"hpc-grid-compact\"\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e🥛 Protéines de lactosérum\u003c\/h3\u003e\n \u003cp\u003eConcentré issu de pâturages français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e🐟 Collagène Naticol®\u003c\/h3\u003e\n \u003cp\u003ePeptides de collagène marin hydrolysé de type I\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e☕ Café torréfié Arabica\u003c\/h3\u003e\n \u003cp\u003ePoudre de café pour un arôme authentique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e🍫 Cacao durable\u003c\/h3\u003e\n \u003cp\u003eIssu du développement durable certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e🍯 Sucre blond\u003c\/h3\u003e\n \u003cp\u003eTouche de douceur naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e🌿 Arômes naturels\u003c\/h3\u003e\n \u003cp\u003eArômes naturels de café, sans artifice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-tip\"\u003e\n \u003cspan class=\"hpc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAllergènes :\u003c\/strong\u003e lait, poisson. Sans gluten, sans OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"hpc-accordion-item\"\u003e\n \u003csummary class=\"hpc-accordion-header\"\u003e📊 Valeurs nutritionnelles par portion de 30 g\u003c\/summary\u003e\n \u003cdiv class=\"hpc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eÉnergie :\u003c\/strong\u003e 112 kcal (468 kJ)\u003cbr\u003e\n \u003cstrong\u003eProtéines :\u003c\/strong\u003e 22,4 g\u003cbr\u003e\n \u003cstrong\u003eMatières grasses :\u003c\/strong\u003e 0,6 g (dont saturées 0,4 g)\u003cbr\u003e\n \u003cstrong\u003eGlucides :\u003c\/strong\u003e 4,3 g (dont sucres 2,5 g)\u003cbr\u003e\n \u003cstrong\u003eFibres :\u003c\/strong\u003e 0,3 g\u003cbr\u003e\n \u003cstrong\u003eSel :\u003c\/strong\u003e 0,09 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"hpc-section\"\u003e\n \u003ch2\u003eComment prendre ce combo de protéine \u0026amp; collagène en poudre ?\u003c\/h2\u003e\n \u003cdiv class=\"hpc-timeline\"\u003e\n \u003cdiv class=\"hpc-timeline-item\"\u003e\n \u003cdiv class=\"hpc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hpc-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eMesurez \u003cstrong\u003e2 dosettes (30 g)\u003c\/strong\u003e de poudre Protéine + Collagène saveur café.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-timeline-item\"\u003e\n \u003cdiv class=\"hpc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hpc-timeline-content\"\u003e\n \u003ch3\u003eMélangez\u003c\/h3\u003e\n \u003cp\u003eVersez dans \u003cstrong\u003e200 ml\u003c\/strong\u003e d'eau, de lait ou de votre boisson préférée, chaude ou froide (jusqu'à 90 °C). La poudre se dissout facilement sans grumeaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-timeline-item\"\u003e\n \u003cdiv class=\"hpc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hpc-timeline-content\"\u003e\n \u003ch3\u003eDégustez\u003c\/h3\u003e\n \u003cp\u003ePrenez une à deux portions par jour selon votre niveau d'activité physique. Savourez votre rituel café protéiné !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-timeline-item\"\u003e\n \u003cdiv class=\"hpc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hpc-timeline-content\"\u003e\n \u003ch3\u003ePersévérez\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, maintenez une cure d'au moins \u003cstrong\u003e8 à 12 semaines\u003c\/strong\u003e. C'est sur la durée que les \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e se font pleinement ressentir, notamment sur la peau et les articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-tip\"\u003e\n \u003cspan class=\"hpc-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eContenu :\u003c\/strong\u003e 600 g — soit 20 portions de 30 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"hpc-section\"\u003e\n \u003ch2\u003eLe collagène marin est-il dangereux ?\u003c\/h2\u003e\n \u003cdiv class=\"hpc-testimonial\"\u003e\n \u003cp class=\"hpc-testimonial-text\"\u003eVous avez peut-être lu des articles évoquant \u003cstrong\u003ele collagène marin et ses dangers\u003c\/strong\u003e. Rassurez-vous : les peptides Naticol® utilisés ici sont issus de \u003cstrong\u003epêche durable\u003c\/strong\u003e, soumis à des \u003cstrong\u003econtrôles stricts anti-métaux lourds\u003c\/strong\u003e et certifiés pour leur pureté. Aux doses recommandées, le collagène marin en poudre est parfaitement sûr pour la grande majorité des adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-tip\"\u003e\n \u003cspan class=\"hpc-tip-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n \u003cp\u003eEn cas de doute ou d'allergie au poisson, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"hpc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Humble+ ?\u003c\/h2\u003e\n \u003cdiv class=\"hpc-grid\"\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e🏆 Qualité premium\u003c\/h3\u003e\n \u003cp\u003eProtéines de lactosérum issues de \u003cstrong\u003epâturages français\u003c\/strong\u003e, collagène marin \u003cstrong\u003eNaticol® breveté\u003c\/strong\u003e — le meilleur de la nutrition française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e🔍 Transparence totale\u003c\/h3\u003e\n \u003cp\u003eTraçabilité certifiée, développement durable, pas d'ingrédients superflus. Vous savez exactement ce que vous consommez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-card\"\u003e\n \u003ch3\u003e⚡ Double action\u003c\/h3\u003e\n \u003cp\u003eUne seule prise combine vos besoins en \u003cstrong\u003eprotéines\u003c\/strong\u003e et en \u003cstrong\u003ecollagène\u003c\/strong\u003e, simplifiant votre routine bien-être et sportive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hpc-cta-box\"\u003e\n \u003cp\u003e☕ Offrez à votre corps le meilleur : protéines françaises + collagène marin Naticol® dans un délicieux rituel café quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hpc-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants. En cas de traitement médical, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hpc-cream: #f7f3ee;\n --hpc-white: #ffffff;\n --hpc-primary: #8b6f47;\n --hpc-primary-dark: #5c4a2e;\n --hpc-primary-light: #f0e8db;\n --hpc-secondary: #c49a5c;\n --hpc-accent: #3d6b5e;\n --hpc-text: #1a1a1a;\n --hpc-text-light: #5a5a5a;\n --hpc-border: #e0d5c7;\n --hpc-shadow: 0 4px 24px rgba(92,74,46,.08);\n --hpc-shadow-lg: 0 12px 48px rgba(92,74,46,.15);\n --hpc-radius: 20px;\n --hpc-radius-sm: 12px;\n}\n\n.hpc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hpc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hpc-hero {\n position: relative;\n background: linear-gradient(135deg, #5c4a2e 0%, #8b6f47 40%, #c49a5c 100%);\n border-radius: var(--hpc-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(--hpc-shadow-lg);\n}\n\n.hpc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.hpc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hpc-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.hpc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.hpc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.hpc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hpc-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(--hpc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hpc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hpc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hpc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hpc-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.hpc-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(--hpc-primary), var(--hpc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hpc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hpc-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.hpc-card {\n background: var(--hpc-white);\n border-radius: var(--hpc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hpc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hpc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hpc-shadow-lg);\n border-color: var(--hpc-primary);\n}\n\n.hpc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hpc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hpc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hpc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hpc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.hpc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hpc-grid-compact .hpc-card {\n padding: 1rem;\n}\n\n.hpc-grid-compact .hpc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hpc-grid-compact .hpc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hpc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hpc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hpc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hpc-primary), var(--hpc-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.hpc-timeline-content {\n flex: 1;\n background: var(--hpc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hpc-radius-sm);\n box-shadow: var(--hpc-shadow);\n}\n\n.hpc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hpc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hpc-timeline-content p {\n font-size: 14px;\n color: var(--hpc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.hpc-testimonial {\n background: var(--hpc-white);\n border-radius: var(--hpc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hpc-shadow);\n border-left: 4px solid var(--hpc-primary);\n}\n\n.hpc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hpc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hpc-accordion {\n background: var(--hpc-white);\n border-radius: var(--hpc-radius);\n box-shadow: var(--hpc-shadow);\n overflow: hidden;\n}\n\n.hpc-accordion-item {\n border-bottom: 1px solid var(--hpc-border);\n margin: 0;\n padding: 0;\n}\n\n.hpc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hpc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hpc-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.hpc-accordion-header:hover {\n background: var(--hpc-primary-light);\n}\n\n.hpc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hpc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hpc-primary);\n transition: transform .2s ease;\n}\n\n.hpc-accordion-item[open] .hpc-accordion-header::after {\n content: '−';\n}\n\n.hpc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hpc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hpc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.hpc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hpc-primary-light);\n border-radius: var(--hpc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hpc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hpc-tip p {\n font-size: 14px;\n color: var(--hpc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.hpc-cta-box {\n background: linear-gradient(135deg, var(--hpc-primary) 0%, var(--hpc-primary-dark) 100%);\n border-radius: var(--hpc-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.hpc-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.hpc-disclaimer {\n font-size: 12px;\n color: var(--hpc-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 .hpc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hpc-card {\n padding: 1.125rem;\n }\n\n .hpc-section {\n margin-bottom: 1.75rem;\n }\n\n .hpc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hpc-radius-sm);\n }\n\n .hpc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hpc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hpc-grid-compact {\n gap: .625rem;\n }\n\n .hpc-grid-compact .hpc-card {\n padding: .75rem;\n }\n\n .hpc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hpc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hpc-timeline-content h3 {\n font-size: 14px;\n }\n\n .hpc-timeline-content p {\n font-size: 13px;\n }\n\n .hpc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hpc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hpc-testimonial {\n padding: 1.25rem;\n }\n\n .hpc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hpc-card {\n animation: hpcFadeInUp .5s ease backwards;\n }\n .hpc-card:nth-child(1) { animation-delay: .05s; }\n .hpc-card:nth-child(2) { animation-delay: .1s; }\n .hpc-card:nth-child(3) { animation-delay: .15s; }\n .hpc-card:nth-child(4) { animation-delay: .2s; }\n .hpc-card:nth-child(5) { animation-delay: .25s; }\n .hpc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hpcFadeInUp {\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 .hpc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":55567471280505,"sku":"PROTCAFEHUMBLE","price":37.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteine-peptides-de-collagene-marin-de-type-1-saveur-cafe-h-lifestyle_c1ab2597-0b06-4d29-8436-a0d1e5dd2bf5.webp?v=1777457778"},{"product_id":"proteine-de-chanvre-bio-250g-iswari","title":"Protéine de chanvre bio en poudre - 250g - Iswari","description":"\u003cdiv class=\"hpc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hpc-hero\"\u003e\n\u003cdiv class=\"hpc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hpc-hero-content\"\u003e\n\u003cdiv class=\"hpc-badges-top\"\u003e\n\u003cspan class=\"hpc-badge\"\u003e🌱 Bio certifié\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e💪 50 g de protéines \/ 100 g\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e🌾 Sans gluten\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e🥛 Sans lactose\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hpc-hero-title\"\u003eProtéine de chanvre bio en poudre\u003c\/span\u003e\n\u003cp class=\"hpc-subtitle\"\u003eIswari — Sachet 250 g (≈ 10 portions)\u003c\/p\u003e\n\u003cp class=\"hpc-description\"\u003eLa source végétale la plus complète : tous les acides aminés essentiels, des oméga-3, des fibres et une richesse exceptionnelle en minéraux. Une vraie alternative à la whey, sans lactose ni gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eLes bienfaits de la protéine de chanvre bio Iswari\u003c\/h2\u003e\n\u003cp class=\"hpc-section-intro\"\u003ePourquoi la graine de chanvre protéine séduit-elle autant ? Parce qu'elle cumule des atouts nutritionnels rares dans une seule source végétale.\u003c\/p\u003e\n\u003cdiv class=\"hpc-grid\"\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e💪 Protéines complètes (50 %)\u003c\/h3\u003e\n\u003cp\u003eTous les acides aminés essentiels pour développer et maintenir la masse musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🌾 21 g de fibres \/ 100 g\u003c\/h3\u003e\n\u003cp\u003eSoutien du transit intestinal et de la satiété tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🐟 Oméga-3 et oméga-6\u003c\/h3\u003e\n\u003cp\u003e7 g d'acides gras polyinsaturés pour 100 g, bénéfiques pour le système cardiovasculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e⚡ Minéraux essentiels\u003c\/h3\u003e\n\u003cp\u003eMagnésium (215 % des AR*), fer (100 %), zinc (110 %), phosphore (255 %). Un véritable concentré de vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🤍 Excellente tolérance digestive\u003c\/h3\u003e\n\u003cp\u003eSans lactose, sans gluten, sans additifs : une pureté totale pour un confort digestif optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hpc-disclaimer\"\u003e*AR = Apports de Référence pour un adulte (8 400 kJ \/ 2 000 kcal).\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eComment utiliser la protéine de chanvre en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"hpc-timeline\"\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003ePortion conseillée\u003c\/h3\u003e\n\u003cp\u003e25 g par jour (environ 2 cuillères à soupe rases) pour un apport de 12,5 g de protéines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003eSmoothie récupération\u003c\/h3\u003e\n\u003cp\u003e25 g de chanvre, 1 banane, 200 ml de lait d'avoine, 1 cuillère à café de cacao cru. Mixez et savourez !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003ePancakes protéinés\u003c\/h3\u003e\n\u003cp\u003eRemplacez 20 à 30 % de votre farine habituelle par cette poudre pour des pancakes riches en protéines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003eVersion express\u003c\/h3\u003e\n\u003cp\u003eIncorporez 25 g dans un porridge, un yaourt végétal ou saupoudrez sur une salade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-tip\"\u003e\n\u003cspan class=\"hpc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce goût\u003c\/strong\u003e : associez le chanvre à de la cannelle, une purée d'amande ou un fruit bien mûr pour adoucir sa saveur végétale. Commencez par 15 g si vous augmentez votre apport en fibres, puis montez progressivement. Le sachet de 250 g offre environ \u003cstrong\u003e10 portions\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette protéine végétale ?\u003c\/h2\u003e\n\u003cdiv class=\"hpc-grid-compact\"\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs et sportives\u003c\/h3\u003e\n\u003cp\u003ePour compléter l'apport protéique et favoriser la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🌱 Végétariens et végans\u003c\/h3\u003e\n\u003cp\u003eUne source complète, facile à intégrer à chaque repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🤍 Personnes intolérantes\u003c\/h3\u003e\n\u003cp\u003eIdéale si vous évitez le lactose ou le gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eProtéine de chanvre danger : qu'en est-il vraiment ?\u003c\/h2\u003e\n\u003cdiv class=\"hpc-testimonial\"\u003e\n\u003cp class=\"hpc-testimonial-text\"\u003eLe chanvre alimentaire ne contient pas de THC. Cette poudre est simplement un aliment nutritif : aucun effet psychoactif, aucune substance interdite. Seule précaution : augmentez les doses progressivement pour laisser votre système digestif s'adapter à la richesse en fibres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n\u003cdiv class=\"hpc-ingredient-highlight\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient unique\u003c\/strong\u003e : poudre de protéine de chanvre biologique (100 %).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-table-wrapper\"\u003e\n\u003ctable class=\"hpc-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eValeur\u003c\/th\u003e\n\u003cth\u003ePour 100 g\u003c\/th\u003e\n\u003cth\u003ePour 25 g\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\u003e1 513 kJ \/ 362 kcal\u003c\/td\u003e\n\u003ctd\u003e378 kJ \/ 90 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e50 g\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e12,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides (dont sucres)\u003c\/td\u003e\n\u003ctd\u003e5,2 g (4,1 g)\u003c\/td\u003e\n\u003ctd\u003e1,3 g (1 g)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e21 g\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e5,2 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLipides (dont polyinsaturés)\u003c\/td\u003e\n\u003ctd\u003e11 g (7 g)\u003c\/td\u003e\n\u003ctd\u003e2,7 g (1,7 g)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMagnésium\u003c\/td\u003e\n\u003ctd\u003e805 mg (215 %)\u003c\/td\u003e\n\u003ctd\u003e201 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFer\u003c\/td\u003e\n\u003ctd\u003e15 mg (100 %)\u003c\/td\u003e\n\u003ctd\u003e3,7 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eZinc\u003c\/td\u003e\n\u003ctd\u003e11 mg (110 %)\u003c\/td\u003e\n\u003ctd\u003e2,7 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"hpc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"hpc-accordion\"\u003e\n\u003cdetails class=\"hpc-accordion-item\"\u003e\n\u003csummary class=\"hpc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"hpc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne remplace pas une alimentation variée et équilibrée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hpc-accordion-item\"\u003e\n\u003csummary class=\"hpc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hpc-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver au sec, à l'abri de la chaleur et de la lumière. Bien refermer le sachet après utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --hpc-cream: #f5f7f2;\n --hpc-white: #ffffff;\n --hpc-primary: #5A8C3C;\n --hpc-primary-dark: #3D6B24;\n --hpc-primary-light: #e8f2de;\n --hpc-secondary: #7BB847;\n --hpc-accent: #A4D65E;\n --hpc-text: #1a1a1a;\n --hpc-text-light: #5a5a5a;\n --hpc-border: #dde5d5;\n --hpc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hpc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hpc-radius: 20px;\n --hpc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hpc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hpc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hpc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--hpc-primary-dark) 0%, var(--hpc-primary) 45%, var(--hpc-secondary) 100%);\n border-radius: var(--hpc-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(--hpc-shadow-lg);\n}\n\n.hpc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.hpc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.hpc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hpc-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(--hpc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hpc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.hpc-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.hpc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.hpc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.hpc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hpc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hpc-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.hpc-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(--hpc-primary), var(--hpc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hpc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hpc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.hpc-card {\n background: var(--hpc-white);\n border-radius: var(--hpc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hpc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hpc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hpc-shadow-lg);\n border-color: var(--hpc-primary);\n}\n\n.hpc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hpc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hpc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hpc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hpc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.hpc-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.hpc-grid-compact .hpc-card {\n padding: 1.25rem;\n}\n\n.hpc-grid-compact .hpc-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.hpc-grid-compact .hpc-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.hpc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hpc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hpc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hpc-primary), var(--hpc-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.hpc-timeline-content {\n flex: 1;\n background: var(--hpc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hpc-radius-sm);\n box-shadow: var(--hpc-shadow);\n}\n\n.hpc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hpc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hpc-timeline-content p {\n font-size: 14px;\n color: var(--hpc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.hpc-testimonial {\n background: var(--hpc-white);\n border-radius: var(--hpc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hpc-shadow);\n border-left: 4px solid var(--hpc-primary);\n}\n\n.hpc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hpc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.hpc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hpc-primary-light);\n border-radius: var(--hpc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hpc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hpc-tip p {\n font-size: 14px;\n color: var(--hpc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT HIGHLIGHT === *\/\n.hpc-ingredient-highlight {\n text-align: center;\n background: var(--hpc-primary-light);\n border-radius: var(--hpc-radius-sm);\n padding: 1rem 1.5rem;\n margin-bottom: 1.25rem;\n}\n\n.hpc-ingredient-highlight p {\n margin: 0;\n font-size: 15px;\n color: var(--hpc-primary-dark);\n line-height: 1.6;\n}\n\n\/* === TABLE === *\/\n.hpc-table-wrapper {\n overflow-x: auto;\n border-radius: var(--hpc-radius);\n box-shadow: var(--hpc-shadow);\n -webkit-overflow-scrolling: touch;\n}\n\n.hpc-table {\n width: 100%;\n min-width: 480px;\n border-collapse: collapse;\n background: var(--hpc-white);\n font-size: 14px;\n line-height: 1.5;\n}\n\n.hpc-table thead tr {\n background: linear-gradient(135deg, var(--hpc-primary), var(--hpc-secondary));\n}\n\n.hpc-table thead th {\n text-align: left;\n padding: 12px 16px;\n color: white;\n font-weight: 700;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.hpc-table tbody tr {\n transition: background .2s ease;\n}\n\n.hpc-table tbody tr:nth-child(even) {\n background: var(--hpc-primary-light);\n}\n\n.hpc-table tbody tr:hover {\n background: rgba(90,140,60,.08);\n}\n\n.hpc-table tbody td {\n padding: 10px 16px;\n border-bottom: 1px solid var(--hpc-border);\n color: var(--hpc-text);\n}\n\n.hpc-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.hpc-table tbody td strong {\n color: var(--hpc-primary-dark);\n font-weight: 800;\n}\n\n\/* === ACCORDÉON === *\/\n.hpc-accordion {\n background: var(--hpc-white);\n border-radius: var(--hpc-radius);\n box-shadow: var(--hpc-shadow);\n overflow: hidden;\n}\n\n.hpc-accordion-item {\n border-bottom: 1px solid var(--hpc-border);\n margin: 0;\n padding: 0;\n}\n\n.hpc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hpc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hpc-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.hpc-accordion-header:hover {\n background: var(--hpc-primary-light);\n}\n\n.hpc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hpc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hpc-primary);\n transition: transform .2s ease;\n}\n\n.hpc-accordion-item[open] .hpc-accordion-header::after {\n content: '−';\n}\n\n.hpc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hpc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hpc-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hpc-disclaimer {\n font-size: 12px;\n color: var(--hpc-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 .hpc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hpc-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .hpc-grid-compact .hpc-card:last-child {\n grid-column: 1 \/ -1;\n }\n\n .hpc-card {\n padding: 1.125rem;\n }\n\n .hpc-section {\n margin-bottom: 1.75rem;\n }\n\n .hpc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hpc-radius-sm);\n }\n\n .hpc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hpc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hpc-grid-compact .hpc-card {\n padding: .75rem;\n }\n\n .hpc-grid-compact .hpc-card h3 {\n font-size: 14px;\n }\n\n .hpc-grid-compact .hpc-card p {\n font-size: 12px;\n }\n\n .hpc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hpc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hpc-timeline-content h3 {\n font-size: 14px;\n }\n\n .hpc-timeline-content p {\n font-size: 13px;\n }\n\n .hpc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hpc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hpc-testimonial {\n padding: 1.25rem;\n }\n\n .hpc-testimonial-text {\n font-size: 14px;\n }\n\n .hpc-table {\n font-size: 13px;\n }\n\n .hpc-table thead th {\n padding: 10px 12px;\n font-size: 11px;\n }\n\n .hpc-table tbody td {\n padding: 8px 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hpc-card {\n animation: hpcFadeInUp .5s ease backwards;\n }\n .hpc-card:nth-child(1) { animation-delay: .05s; }\n .hpc-card:nth-child(2) { animation-delay: .1s; }\n .hpc-card:nth-child(3) { animation-delay: .15s; }\n .hpc-card:nth-child(4) { animation-delay: .2s; }\n .hpc-card:nth-child(5) { animation-delay: .25s; }\n .hpc-card:nth-child(6) { animation-delay: .3s; }\n\n .hpc-timeline-item {\n animation: hpcFadeInUp .5s ease backwards;\n }\n .hpc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .hpc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .hpc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .hpc-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes hpcFadeInUp {\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 .hpc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Iswari","offers":[{"title":"Default Title","offer_id":55766630400377,"sku":"NBAIISW0034","price":9.34,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteine-de-chanvre-bio-en-poudre-250g-iswari-lifestyle.webp?v=1770906469"},{"product_id":"barre-collagene","title":"Barre Protéines Collagène - Amande et Sel Marin - Humble +","description":"\u003cdiv class=\"hum-premium\"\u003e\n \u003cdiv class=\"hum-hero\"\u003e\n \u003cdiv class=\"hum-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hum-hero-content\"\u003e\n \u003cdiv class=\"hum-badges-top\"\u003e\n \u003cspan class=\"hum-badge\"\u003e🌾 Nutri-Score A\u003c\/span\u003e\n \u003cspan class=\"hum-badge\"\u003e💪 12g de protéines\u003c\/span\u003e\n \u003cspan class=\"hum-badge\"\u003e✨ 5g de collagène\u003c\/span\u003e\n \u003cspan class=\"hum-badge\"\u003e🌍 Emballage recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hum-hero-title\"\u003eBarre Protéines Collagène Amande\u003c\/span\u003e\n \u003cp class=\"hum-subtitle\"\u003eLook Good. Feel Good.\u003c\/p\u003e\n \u003cp class=\"hum-description\"\u003eLe snack beauté et performance qui combine collagène marin hydrolysé, protéines végétales et amandes croquantes. Un délice gourmand au goût amande \u0026amp; sel marin pour soutenir votre peau, vos articulations et votre récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hum-section\"\u003e\n \u003ch2\u003eBarre Protéines Collagène Amande Humble : le snack beauté et performance\u003c\/h2\u003e\n \u003cp class=\"hum-section-intro\"\u003eEnvie d'un en-cas \u003cstrong\u003egourmand, sain et fonctionnel\u003c\/strong\u003e ? La Barre Protéines Collagène Amande de Humble combine le meilleur de deux mondes : la richesse nutritionnelle d'une barre protéinée et les bienfaits ciblés du \u003cstrong\u003ecollagène marin hydrolysé\u003c\/strong\u003e. Avec son délicieux goût amande et sel marin, elle s'invite dans votre routine quotidienne, après le sport, au bureau ou en voyage. Format pratique de 45g, Nutri-Score A et emballage en papier recyclé : tout est pensé pour vous faire du bien, sans compromis.\u003c\/p\u003e\n \u003cdiv class=\"hum-grid-compact\"\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e☀️ Format à emporter\u003c\/h3\u003e\n \u003cp\u003eGlissez-la dans votre sac, partout avec vous\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e😋 Encas savoureux\u003c\/h3\u003e\n \u003cp\u003eGoût amande \u0026amp; sel marin irrésistible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🏋️ Avant \/ après l'effort\u003c\/h3\u003e\n \u003cp\u003eÉnergie et récupération musculaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e✅ Pratique à transporter\u003c\/h3\u003e\n \u003cp\u003eEmballage individuel papier recyclé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hum-section\"\u003e\n \u003ch2\u003ePourquoi choisir une barre au collagène ?\u003c\/h2\u003e\n \u003cp class=\"hum-section-intro\"\u003eLe \u003cstrong\u003ecollagène\u003c\/strong\u003e est la protéine la plus abondante de notre corps. Présent dans la peau, les articulations, les cheveux et les ongles, sa production diminue naturellement avec l'âge. Une barre au collagène est un snack fonctionnel enrichi en peptides de collagène qui apporte ces protéines spécifiques de manière pratique et savoureuse.\u003c\/p\u003e\n \u003cdiv class=\"hum-grid\"\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🐟 5g de collagène marin\u003c\/h3\u003e\n \u003cp\u003eCollagène français hydrolysé de Type I sous forme de tripeptides, reconnu pour son excellente assimilation par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e💪 12g de protéines\u003c\/h3\u003e\n \u003cp\u003eUne teneur élevée en protéines végétales pour soutenir vos muscles et favoriser une récupération optimale après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e✨ Routine beauté inside\u003c\/h3\u003e\n \u003cp\u003eUn allié quotidien pour la peau, les cheveux, les ongles et le confort articulaire. La beauté commence de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hum-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"hum-section-intro\"\u003eUne recette courte, lisible et naturelle, sans sucres ajoutés superflus.\u003c\/p\u003e\n \u003cdiv class=\"hum-grid\"\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🌽 Fibre de maïs soluble\u003c\/h3\u003e\n \u003cp\u003ePour un effet rassasiant et un bon transit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🌰 Pâte d'amande (19%)\u003c\/h3\u003e\n \u003cp\u003eLa base gourmande et fondante de la barre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🥜 Amandes grillées (15%)\u003c\/h3\u003e\n \u003cp\u003ePour le croquant et les bonnes graisses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🌿 Protéine d'amande\u003c\/h3\u003e\n \u003cp\u003eSource végétale de protéines de qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🍯 Sirop de datte\u003c\/h3\u003e\n \u003cp\u003eSucre naturel non raffiné, à index modéré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🐟 Peptides de collagène marin (11%)\u003c\/h3\u003e\n \u003cp\u003eL'ingrédient signature pour vos bénéfices ciblés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-tip\"\u003e\n \u003cspan class=\"hum-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003eIngrédients issus de l'agriculture UE\/NON-UE. \u003cstrong\u003eAllergène :\u003c\/strong\u003e poissons. Peut contenir des traces d'arachides, soja, lait, œuf et autres fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hum-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles pour 1 barre (45g)\u003c\/h2\u003e\n \u003cdiv class=\"hum-grid-compact\"\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🔥 190 kcal\u003c\/h3\u003e\n \u003cp\u003eCalories (791 kJ)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e💪 12g\u003c\/h3\u003e\n \u003cp\u003eProtéines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🥑 10g\u003c\/h3\u003e\n \u003cp\u003eMatières grasses (dont 0,8g saturés)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🌾 8,5g\u003c\/h3\u003e\n \u003cp\u003eGlucides (dont 5g de sucres)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🌿 11g\u003c\/h3\u003e\n \u003cp\u003eFibres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🧂 0,1g\u003c\/h3\u003e\n \u003cp\u003eSel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🐟 5g\u003c\/h3\u003e\n \u003cp\u003eCollagène marin hydrolysé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🏆 A\u003c\/h3\u003e\n \u003cp\u003eNutri-Score\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hum-section\"\u003e\n \u003ch2\u003eComment et quand consommer la barre Humble ?\u003c\/h2\u003e\n \u003cp class=\"hum-section-intro\"\u003eTrès simple : croquez \u003cstrong\u003e1 barre par jour\u003c\/strong\u003e, au moment qui vous convient. Pour une efficacité optimale, dégustez-la après le sport pour soutenir la récupération musculaire.\u003c\/p\u003e\n \u003cdiv class=\"hum-timeline\"\u003e\n \u003cdiv class=\"hum-timeline-item\"\u003e\n \u003cdiv class=\"hum-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hum-timeline-content\"\u003e\n \u003ch3\u003e🌅 Au petit-déjeuner\u003c\/h3\u003e\n \u003cp\u003ePour bien démarrer la journée avec un apport équilibré en protéines et fibres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-timeline-item\"\u003e\n \u003cdiv class=\"hum-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hum-timeline-content\"\u003e\n \u003ch3\u003e🏃 Avant le sport\u003c\/h3\u003e\n \u003cp\u003eUn boost d'énergie naturel et rassasiant pour aborder votre séance en pleine forme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-timeline-item\"\u003e\n \u003cdiv class=\"hum-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hum-timeline-content\"\u003e\n \u003ch3\u003e💪 Après l'effort\u003c\/h3\u003e\n \u003cp\u003eLe moment idéal pour profiter des protéines et du collagène, qui favorisent la récupération musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-timeline-item\"\u003e\n \u003cdiv class=\"hum-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hum-timeline-content\"\u003e\n \u003ch3\u003e🍫 En alternative gourmande\u003c\/h3\u003e\n \u003cp\u003eUne option saine et fonctionnelle pour remplacer un dessert sucré ou un snack industriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-tip\"\u003e\n \u003cspan class=\"hum-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eBesoins accrus ? Vous pouvez cumuler \u003cstrong\u003e2 barres par jour\u003c\/strong\u003e (soit 10g de collagène) pour intensifier les effets sur votre peau et vos articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hum-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette barre protéinée ?\u003c\/h2\u003e\n \u003cdiv class=\"hum-grid\"\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🏃 Sportifs \u0026amp; actifs\u003c\/h3\u003e\n \u003cp\u003eUne collation pratique pour soutenir la récupération musculaire et l'énergie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e✨ Routine beauté\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui prennent soin de leur peau, cheveux et articulations de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🥗 Snack rassasiant\u003c\/h3\u003e\n \u003cp\u003ePour un encas riche en fibres, faible en sucres et qui tient longtemps au corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n \u003ch3\u003e🌿 Clean label\u003c\/h3\u003e\n \u003cp\u003ePour les adeptes d'ingrédients courts, naturels et de produits Nutri-Score A.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hum-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"hum-accordion\"\u003e\n \u003cdetails class=\"hum-accordion-item\"\u003e\n \u003csummary class=\"hum-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez la barre dans son emballage d'origine, dans un endroit sec, à l'abri de la chaleur et de la lumière directe du soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hum-accordion-item\"\u003e\n \u003csummary class=\"hum-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ utiliser en complément d'une \u003cstrong\u003ealimentation variée et équilibrée\u003c\/strong\u003e et d'un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hum-accordion-item\"\u003e\n \u003csummary class=\"hum-accordion-header\"\u003e🚫 Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux personnes allergiques au poisson ou aux fruits à coque. Peut contenir des traces d'arachides, soja, lait, œuf et autres fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hum-accordion-item\"\u003e\n \u003csummary class=\"hum-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe produit est un complément alimentaire et ne remplace en aucun cas un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --hum-cream: #faf7f0;\n --hum-white: #ffffff;\n --hum-primary: #c9a76b;\n --hum-primary-dark: #8a6d3d;\n --hum-primary-light: #f5ecd9;\n --hum-secondary: #6fb8c4;\n --hum-accent: #2c4a52;\n --hum-text: #2c2c2c;\n --hum-text-light: #6b6b6b;\n --hum-border: #e8e1d0;\n --hum-shadow: 0 4px 24px rgba(138,109,61,.08);\n --hum-shadow-lg: 0 12px 48px rgba(138,109,61,.18);\n --hum-radius: 20px;\n --hum-radius-sm: 12px;\n }\n\n .hum-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hum-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hum-text);\n }\n\n .hum-hero {\n position: relative;\n background: linear-gradient(135deg, #d4b27a 0%, #c9a76b 50%, #a98548 100%);\n border-radius: var(--hum-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(--hum-shadow-lg);\n }\n\n .hum-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 30%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 35%);\n opacity: .15;\n }\n\n .hum-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .hum-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 .hum-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n }\n\n .hum-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n }\n\n .hum-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .hum-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(--hum-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .hum-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .hum-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .hum-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hum-accent);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .hum-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(--hum-primary), var(--hum-secondary));\n border-radius: 2px;\n }\n\n .hum-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hum-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .hum-card {\n background: var(--hum-white);\n border-radius: var(--hum-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hum-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .hum-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hum-shadow-lg);\n border-color: var(--hum-primary);\n }\n\n .hum-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hum-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .hum-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hum-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .hum-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .hum-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .hum-grid-compact .hum-card {\n padding: 1rem;\n }\n\n .hum-grid-compact .hum-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .hum-grid-compact .hum-card p {\n font-size: 12px;\n }\n\n .hum-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .hum-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .hum-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hum-primary), var(--hum-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(138,109,61,.3);\n }\n\n .hum-timeline-content {\n flex: 1;\n background: var(--hum-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hum-radius-sm);\n box-shadow: var(--hum-shadow);\n }\n\n .hum-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hum-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .hum-timeline-content p {\n font-size: 14px;\n color: var(--hum-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .hum-accordion {\n background: var(--hum-white);\n border-radius: var(--hum-radius);\n box-shadow: var(--hum-shadow);\n overflow: hidden;\n }\n\n .hum-accordion-item {\n border-bottom: 1px solid var(--hum-border);\n margin: 0;\n padding: 0;\n }\n\n .hum-accordion-item:last-child {\n border-bottom: none;\n }\n\n .hum-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hum-accent);\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 .hum-accordion-header:hover {\n background: var(--hum-primary-light);\n }\n\n .hum-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .hum-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hum-primary);\n transition: transform .2s ease;\n }\n\n .hum-accordion-item[open] .hum-accordion-header::after {\n content: '−';\n }\n\n .hum-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hum-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .hum-accordion-content p {\n margin: 0;\n }\n\n .hum-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hum-primary-light);\n border-radius: var(--hum-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--hum-primary);\n }\n\n .hum-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .hum-tip p {\n font-size: 14px;\n color: var(--hum-text);\n margin: 0;\n line-height: 1.6;\n }\n\n @media (max-width: 767px) {\n .hum-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hum-card {\n padding: 1.125rem;\n }\n .hum-section {\n margin-bottom: 1.75rem;\n }\n .hum-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hum-radius-sm);\n }\n .hum-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hum-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hum-grid-compact {\n gap: .625rem;\n }\n .hum-grid-compact .hum-card {\n padding: .75rem;\n }\n .hum-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hum-timeline-content {\n padding: .875rem 1rem;\n }\n .hum-timeline-content h3 {\n font-size: 14px;\n }\n .hum-timeline-content p {\n font-size: 13px;\n }\n .hum-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hum-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .hum-card {\n animation: humFadeInUp .5s ease backwards;\n }\n .hum-card:nth-child(1) { animation-delay: .05s; }\n .hum-card:nth-child(2) { animation-delay: .1s; }\n .hum-card:nth-child(3) { animation-delay: .15s; }\n .hum-card:nth-child(4) { animation-delay: .2s; }\n .hum-card:nth-child(5) { animation-delay: .25s; }\n .hum-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes humFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .hum-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":57253992235385,"sku":"BARREAMANDEHUMBLE","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/barre-proteines-collagene-amande-et-sel-marin-humble-lifestyle.webp?v=1780562480"},{"product_id":"barre-proteines-collagene-cacahuete-humble","title":"Barre Protéines Collagène - Cacahuète - Humble+","description":"\u003cdiv class=\"hum-premium\"\u003e\n \u003cdiv class=\"hum-hero\"\u003e\n \u003cdiv class=\"hum-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hum-hero-content\"\u003e\n \u003cdiv class=\"hum-badges-top\"\u003e\n \u003cspan class=\"hum-badge\"\u003e🌾 Nutri-Score A\u003c\/span\u003e\n \u003cspan class=\"hum-badge\"\u003e💪 11g de protéines\u003c\/span\u003e\n \u003cspan class=\"hum-badge\"\u003e✨ 5g de collagène marin\u003c\/span\u003e\n \u003cspan class=\"hum-badge\"\u003e🥜 Cacahuètes gourmandes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hum-hero-title\"\u003eBarre Protéines Collagène Cacahuète\u003c\/span\u003e\n \u003cp class=\"hum-subtitle\"\u003eLook Good. Feel Good.\u003c\/p\u003e\n \u003cp class=\"hum-description\"\u003eLe snack beauté et performance qui marie \u003cstrong\u003ecollagène marin hydrolysé\u003c\/strong\u003e, protéines végétales et cacahuètes torréfiées. Une recette gourmande pour soutenir votre peau, vos articulations et votre récupération musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hum-section\"\u003e\n \u003ch2\u003eBarre Protéines Collagène Cacahuète Humble : gourmandise \u0026amp; bienfaits\u003c\/h2\u003e\n \u003cp class=\"hum-section-intro\"\u003eVous cherchez un encas \u003cstrong\u003esain, savoureux et fonctionnel\u003c\/strong\u003e ? La Barre Protéines Collagène Cacahuète Humble combine la richesse d'une barre protéinée et les bienfaits ciblés du \u003cstrong\u003ecollagène marin\u003c\/strong\u003e. Avec son goût intense de cacahuètes torréfiées, son format pratique de 45g et son Nutri-Score A, elle s'invite partout : au bureau, en voyage, avant ou après le sport. Une vraie alternative aux snacks industriels.\u003c\/p\u003e\n \u003cdiv class=\"hum-grid-compact\"\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e☀️ Nomade\u003c\/h3\u003e\n\u003cp\u003eÀ glisser dans le sac ou la poche\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e😋 Saveur cacahuète\u003c\/h3\u003e\n\u003cp\u003eRecette généreuse et croquante\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🏋️ Pré \u0026amp; post-effort\u003c\/h3\u003e\n\u003cp\u003eÉnergie et récupération musculaire\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e♻️ Emballage recyclé\u003c\/h3\u003e\n\u003cp\u003eEngagement éco-responsable\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hum-section\"\u003e\n \u003ch2\u003ePourquoi miser sur une barre au collagène marin ?\u003c\/h2\u003e\n \u003cp class=\"hum-section-intro\"\u003eLe \u003cstrong\u003ecollagène\u003c\/strong\u003e est la protéine la plus présente dans notre corps. Indispensable à la peau, aux cheveux, aux ongles et aux articulations, sa production diminue dès 25 ans. Une barre au collagène, c'est l'apport quotidien malin pour combler ce besoin de façon gourmande.\u003c\/p\u003e\n \u003cdiv class=\"hum-grid\"\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🐟 5g de collagène marin\u003c\/h3\u003e\n\u003cp\u003ePeptides hydrolysés français de Type I, sous forme de tripeptides, pour une excellente assimilation.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e💪 11g de protéines\u003c\/h3\u003e\n\u003cp\u003ePour soutenir vos muscles, favoriser la récupération et prolonger la satiété.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e✨ Beauté de l'intérieur\u003c\/h3\u003e\n\u003cp\u003eUn allié quotidien pour la peau, les cheveux, les ongles et le confort articulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hum-section\"\u003e\n \u003ch2\u003eComposition \u0026amp; valeurs nutritionnelles (45g)\u003c\/h2\u003e\n \u003cp class=\"hum-section-intro\"\u003eUne recette courte et naturelle, sans additifs superflus, à base de cacahuètes torréfiées et de peptides de collagène marin.\u003c\/p\u003e\n \u003cdiv class=\"hum-grid-compact\"\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🔥 168 kcal\u003c\/h3\u003e\n\u003cp\u003e702 kJ\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e💪 11g\u003c\/h3\u003e\n\u003cp\u003eProtéines\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🥑 8,6g\u003c\/h3\u003e\n\u003cp\u003eLipides (1,3g saturés)\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🌾 8,1g\u003c\/h3\u003e\n\u003cp\u003eGlucides (4,4g sucres)\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🌿 10g\u003c\/h3\u003e\n\u003cp\u003eFibres\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🐟 5g\u003c\/h3\u003e\n\u003cp\u003eCollagène marin\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-tip\"\u003e\n \u003cspan class=\"hum-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e fibre de maïs soluble, cacahuètes torréfiées, pâte de cacahuète, peptides de collagène marin, sirop de datte, protéines végétales, sel. \u003cstrong\u003eAllergènes :\u003c\/strong\u003e arachides et poissons. Peut contenir des traces de fruits à coque, soja, lait, œuf.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hum-section\"\u003e\n \u003ch2\u003eComment et quand consommer votre barre ?\u003c\/h2\u003e\n \u003cp class=\"hum-section-intro\"\u003eProfitez d'\u003cstrong\u003e1 barre par jour\u003c\/strong\u003e, au moment qui vous convient. Pour des résultats visibles sur la peau et les articulations, optez pour une consommation régulière sur plusieurs semaines.\u003c\/p\u003e\n \u003cdiv class=\"hum-timeline\"\u003e\n \u003cdiv class=\"hum-timeline-item\"\u003e\n\u003cdiv class=\"hum-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hum-timeline-content\"\u003e\n\u003ch3\u003e🌅 Au petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003ePour démarrer la journée avec protéines et fibres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-timeline-item\"\u003e\n\u003cdiv class=\"hum-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hum-timeline-content\"\u003e\n\u003ch3\u003e🏃 Avant l'effort\u003c\/h3\u003e\n\u003cp\u003eUn boost d'énergie rassasiant pour vos séances.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-timeline-item\"\u003e\n\u003cdiv class=\"hum-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hum-timeline-content\"\u003e\n\u003ch3\u003e💪 Après le sport\u003c\/h3\u003e\n\u003cp\u003eLe moment idéal pour la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"hum-timeline-item\"\u003e\n\u003cdiv class=\"hum-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hum-timeline-content\"\u003e\n\u003ch3\u003e🍫 En alternative gourmande\u003c\/h3\u003e\n\u003cp\u003eUne option saine pour remplacer un snack industriel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hum-tip\"\u003e\n \u003cspan class=\"hum-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eBesoins accrus ? Vous pouvez consommer \u003cstrong\u003e2 barres par jour\u003c\/strong\u003e (10g de collagène) pour intensifier les effets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hum-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"hum-accordion\"\u003e\n \u003cdetails class=\"hum-accordion-item\"\u003e\n \u003csummary class=\"hum-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hum-accordion-item\"\u003e\n \u003csummary class=\"hum-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\u003cp\u003eÀ utiliser dans le cadre d'une \u003cstrong\u003ealimentation variée et équilibrée\u003c\/strong\u003e. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hum-accordion-item\"\u003e\n \u003csummary class=\"hum-accordion-header\"\u003e🚫 Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\u003cp\u003eDéconseillée aux personnes allergiques aux arachides ou aux poissons. Peut contenir des traces de fruits à coque, soja, lait et œuf.\u003c\/p\u003e\u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hum-accordion-item\"\u003e\n \u003csummary class=\"hum-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/em\u003e\u003c\/p\u003e\u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hum-cream: #fdf8f3;\n --hum-white: #ffffff;\n --hum-primary: #c97a3a;\n --hum-primary-dark: #8a4d1f;\n --hum-primary-light: #fbeadb;\n --hum-secondary: #7cc4d4;\n --hum-accent: #e8a86b;\n --hum-text: #2a2018;\n --hum-text-light: #6b5d52;\n --hum-border: #ecdfd0;\n --hum-shadow: 0 4px 24px rgba(138, 77, 31, .08);\n --hum-shadow-lg: 0 12px 48px rgba(138, 77, 31, .18);\n --hum-radius: 20px;\n --hum-radius-sm: 12px;\n}\n\n.hum-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hum-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hum-text);\n line-height: 1.6;\n}\n\n.hum-premium *, .hum-premium *::before, .hum-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.hum-hero {\n position: relative;\n background: linear-gradient(135deg, #c97a3a 0%, #b86530 50%, #8a4d1f 100%);\n border-radius: var(--hum-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(--hum-shadow-lg);\n}\n\n.hum-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.3) 3px, transparent 4px),\n radial-gradient(circle at 40% 80%, rgba(255,255,255,.35) 2px, transparent 3px),\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.3) 2px, transparent 3px);\n background-size: 120px 120px;\n opacity: .15;\n}\n\n.hum-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hum-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.hum-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n font-style: italic;\n letter-spacing: .02em;\n margin: 0 0 1.25rem 0;\n}\n\n.hum-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.hum-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === BADGES === *\/\n.hum-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hum-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(--hum-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hum-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hum-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hum-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hum-primary-dark);\n margin: 0 0 clamp(1.25rem, 3vw, 2rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.hum-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(--hum-primary), var(--hum-accent));\n border-radius: 2px;\n}\n\n.hum-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hum-text-light);\n margin: 0 auto 1.75rem;\n max-width: 760px;\n line-height: 1.7;\n}\n\n.hum-section-intro strong {\n color: var(--hum-primary-dark);\n font-weight: 700;\n}\n\n\/* === CARDS === *\/\n.hum-card {\n background: var(--hum-white);\n border-radius: var(--hum-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hum-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hum-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hum-shadow-lg);\n border-color: var(--hum-primary);\n}\n\n.hum-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hum-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hum-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hum-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hum-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hum-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.hum-grid-compact .hum-card {\n padding: 1rem;\n}\n\n.hum-grid-compact .hum-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.hum-grid-compact .hum-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.hum-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hum-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hum-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hum-primary), var(--hum-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(201, 122, 58, .3);\n}\n\n.hum-timeline-content {\n flex: 1;\n background: var(--hum-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hum-radius-sm);\n box-shadow: var(--hum-shadow);\n transition: transform .3s ease;\n}\n\n.hum-timeline-content:hover {\n transform: translateX(4px);\n}\n\n.hum-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hum-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hum-timeline-content p {\n font-size: 14px;\n color: var(--hum-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.hum-accordion {\n background: var(--hum-white);\n border-radius: var(--hum-radius);\n box-shadow: var(--hum-shadow);\n overflow: hidden;\n}\n\n.hum-accordion-item {\n border-bottom: 1px solid var(--hum-border);\n margin: 0;\n padding: 0;\n}\n\n.hum-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hum-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hum-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.hum-accordion-header:hover {\n background: var(--hum-primary-light);\n}\n\n.hum-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hum-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--hum-primary);\n transition: transform .2s ease;\n line-height: 1;\n}\n\n.hum-accordion-item[open] .hum-accordion-header::after {\n content: '−';\n}\n\n.hum-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hum-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hum-accordion-content p {\n margin: 0;\n}\n\n.hum-accordion-content strong {\n color: var(--hum-primary-dark);\n}\n\n\/* === TIP === *\/\n.hum-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hum-primary-light);\n border-radius: var(--hum-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--hum-primary);\n}\n\n.hum-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.hum-tip p {\n font-size: 14px;\n color: var(--hum-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hum-tip strong {\n color: var(--hum-primary-dark);\n font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hum-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hum-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .hum-grid-compact .hum-card {\n padding: .75rem;\n }\n\n .hum-grid-compact .hum-card h3 {\n font-size: 14px;\n }\n\n .hum-grid-compact .hum-card p {\n font-size: 12px;\n }\n\n .hum-card {\n padding: 1.125rem;\n }\n\n .hum-section {\n margin-bottom: 1.75rem;\n }\n\n .hum-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hum-radius-sm);\n }\n\n .hum-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hum-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hum-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hum-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hum-timeline-content h3 {\n font-size: 14px;\n }\n\n .hum-timeline-content p {\n font-size: 13px;\n }\n\n .hum-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hum-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hum-tip {\n padding: .875rem 1rem;\n }\n\n .hum-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hum-card {\n animation: humFadeInUp .5s ease backwards;\n }\n .hum-card:nth-child(1) { animation-delay: .05s; }\n .hum-card:nth-child(2) { animation-delay: .1s; }\n .hum-card:nth-child(3) { animation-delay: .15s; }\n .hum-card:nth-child(4) { animation-delay: .2s; }\n .hum-card:nth-child(5) { animation-delay: .25s; }\n .hum-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes humFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hum-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":57261555646841,"sku":"BARRECACAHUETEHUMBLE","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/barre-proteines-collagene-cacahuete-humble-lifestyle.webp?v=1778664981"},{"product_id":"barre-proteines-collagene-noisette-humble","title":"Barre Protéines Collagène - Noisette - Humble +","description":"\u003cdiv class=\"hum-premium\"\u003e\n\u003cdiv class=\"hum-hero\"\u003e\n\u003cdiv class=\"hum-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hum-hero-content\"\u003e\n\u003cdiv class=\"hum-badges-top\"\u003e\n\u003cspan class=\"hum-badge\"\u003e🌾 Nutri-Score A\u003c\/span\u003e \u003cspan class=\"hum-badge\"\u003e💪 10g de protéines\u003c\/span\u003e \u003cspan class=\"hum-badge\"\u003e✨ 5g de collagène\u003c\/span\u003e \u003cspan class=\"hum-badge\"\u003e🌰 Noisette gourmande\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hum-hero-title\"\u003eBarre Protéines Collagène Noisette\u003c\/span\u003e\n\u003cp class=\"hum-subtitle\"\u003eLook Good. Feel Good.\u003c\/p\u003e\n\u003cp class=\"hum-description\"\u003eLe snack beauté et performance signé Humble+ : collagène marin hydrolysé, protéines végétales et éclats de noisettes torréfiées. Une barre savoureuse pour soutenir votre peau, vos articulations et votre récupération musculaire au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"hum-section\"\u003e\n\u003ch2\u003eLa barre protéinée au collagène saveur noisette\u003c\/h2\u003e\n\u003cp class=\"hum-section-intro\"\u003eVous cherchez un encas \u003cstrong\u003egourmand, sain et fonctionnel\u003c\/strong\u003e ? La Barre Protéines Collagène Noisette de Humble+ associe le plaisir d'une recette intensément noisettée à la puissance du \u003cstrong\u003ecollagène marin hydrolysé\u003c\/strong\u003e. Au bureau, après le sport ou en voyage, glissez-la dans votre sac : son format compact, son Nutri-Score A et son emballage en papier recyclé en font une alliée santé idéale.\u003c\/p\u003e\n\u003cdiv class=\"hum-grid-compact\"\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🌰 Goût noisette intense\u003c\/h3\u003e\n\u003cp\u003eUne recette gourmande et fondante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🎒 Nomade\u003c\/h3\u003e\n\u003cp\u003eFormat pratique à emporter partout\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🏋️ Sport \u0026amp; récup'\u003c\/h3\u003e\n\u003cp\u003eIdéale avant ou après l'effort\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e♻️ Emballage recyclé\u003c\/h3\u003e\n\u003cp\u003eUn geste pour la planète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hum-section\"\u003e\n\u003ch2\u003ePourquoi choisir une barre au collagène marin ?\u003c\/h2\u003e\n\u003cp class=\"hum-section-intro\"\u003eLe \u003cstrong\u003ecollagène\u003c\/strong\u003e est la protéine la plus abondante du corps humain. Présent dans la peau, les articulations, les cheveux et les ongles, il diminue naturellement avec l'âge. Une barre au collagène apporte des peptides assimilables de façon simple et savoureuse.\u003c\/p\u003e\n\u003cdiv class=\"hum-grid\"\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🐟 5g de collagène marin\u003c\/h3\u003e\n\u003cp\u003eCollagène français hydrolysé de Type I, réputé pour son excellente biodisponibilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e💪 10g de protéines\u003c\/h3\u003e\n\u003cp\u003eUne teneur élevée en protéines végétales pour soutenir les muscles et la récupération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e✨ Routine beauté\u003c\/h3\u003e\n\u003cp\u003eUn allié quotidien pour la peau, les cheveux, les ongles et le confort articulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hum-section\"\u003e\n\u003ch2\u003eComposition \u0026amp; ingrédients\u003c\/h2\u003e\n\u003cp class=\"hum-section-intro\"\u003eUne liste courte, lisible et naturelle, sans sucres ajoutés superflus.\u003c\/p\u003e\n\u003cdiv class=\"hum-grid\"\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🌰 Noisettes torréfiées\u003c\/h3\u003e\n\u003cp\u003ePour le croquant et les bonnes graisses végétales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🌾 Fibre de maïs soluble\u003c\/h3\u003e\n\u003cp\u003eEffet rassasiant et soutien du transit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🌿 Protéine végétale\u003c\/h3\u003e\n\u003cp\u003eSource de protéines de qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🍯 Sirop de datte\u003c\/h3\u003e\n\u003cp\u003eSucre naturel à index modéré\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🐟 Peptides de collagène marin\u003c\/h3\u003e\n\u003cp\u003eL'ingrédient signature pour des bénéfices ciblés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🧂 Pincée de sel marin\u003c\/h3\u003e\n\u003cp\u003ePour révéler les saveurs de la noisette\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-tip\"\u003e\n\u003cspan class=\"hum-tip-icon\"\u003eℹ️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAllergènes :\u003c\/strong\u003e poissons, fruits à coque (noisettes). Peut contenir des traces d'arachides, soja, lait, œuf et autres fruits à coque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hum-section\"\u003e\n\u003ch2\u003eValeurs nutritionnelles pour 1 barre\u003c\/h2\u003e\n\u003cdiv class=\"hum-grid-compact\"\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🔥 ~190 kcal\u003c\/h3\u003e\n\u003cp\u003eApport énergétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e💪 10g\u003c\/h3\u003e\n\u003cp\u003eProtéines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🐟 5g\u003c\/h3\u003e\n\u003cp\u003eCollagène marin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🏆 A\u003c\/h3\u003e\n\u003cp\u003eNutri-Score\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hum-section\"\u003e\n\u003ch2\u003eComment et quand consommer votre barre ?\u003c\/h2\u003e\n\u003cp class=\"hum-section-intro\"\u003eTrès simple : croquez \u003cstrong\u003e1 barre par jour\u003c\/strong\u003e, au moment qui vous convient le mieux.\u003c\/p\u003e\n\u003cdiv class=\"hum-timeline\"\u003e\n\u003cdiv class=\"hum-timeline-item\"\u003e\n\u003cdiv class=\"hum-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hum-timeline-content\"\u003e\n\u003ch3\u003e🌅 Au petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003ePour démarrer la journée avec protéines et fibres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-timeline-item\"\u003e\n\u003cdiv class=\"hum-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hum-timeline-content\"\u003e\n\u003ch3\u003e🏃 Avant le sport\u003c\/h3\u003e\n\u003cp\u003eUn boost d'énergie naturel et rassasiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-timeline-item\"\u003e\n\u003cdiv class=\"hum-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hum-timeline-content\"\u003e\n\u003ch3\u003e💪 Après l'effort\u003c\/h3\u003e\n\u003cp\u003ePour favoriser une bonne récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-tip\"\u003e\n\u003cspan class=\"hum-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eBesoins accrus ? Cumulez jusqu'à \u003cstrong\u003e2 barres par jour\u003c\/strong\u003e pour 10g de collagène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hum-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConservation \u0026amp; précautions\u003c\/h2\u003e\n\u003cdiv class=\"hum-accordion\"\u003e\n\u003cdetails class=\"hum-accordion-item\"\u003e\n\u003csummary class=\"hum-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hum-accordion-item\"\u003e\n\u003csummary class=\"hum-accordion-header\"\u003e⚠️ Précautions\u003c\/summary\u003e\n\u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ utiliser en complément d'une \u003cstrong\u003ealimentation variée et équilibrée\u003c\/strong\u003e. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hum-accordion-item\"\u003e\n\u003csummary class=\"hum-accordion-header\"\u003e👨⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cem\u003eCe produit ne remplace pas un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hum-cream: #faf6f0;\n --hum-white: #ffffff;\n --hum-primary: #b8895a;\n --hum-primary-dark: #6b4a2b;\n --hum-primary-light: #f3e8d8;\n --hum-secondary: #d4a574;\n --hum-accent: #8fb8c4;\n --hum-text: #2a1f15;\n --hum-text-light: #6b5a4a;\n --hum-border: #e8dfd1;\n --hum-shadow: 0 4px 24px rgba(107, 74, 43, .08);\n --hum-shadow-lg: 0 12px 48px rgba(107, 74, 43, .18);\n --hum-radius: 20px;\n --hum-radius-sm: 12px;\n}\n\n.hum-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hum-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hum-text);\n line-height: 1.6;\n}\n\n.hum-hero {\n position: relative;\n background: linear-gradient(135deg, #c89868 0%, #b8895a 50%, #8a6438 100%);\n border-radius: var(--hum-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(--hum-shadow-lg);\n}\n\n.hum-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, #fff 3px, transparent 4px),\n radial-gradient(circle at 40% 80%, #fff 2px, transparent 3px),\n radial-gradient(circle at 85% 20%, #fff 2px, transparent 3px);\n background-size: 120px 120px;\n}\n\n.hum-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hum-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.hum-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.hum-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.hum-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hum-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(--hum-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hum-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hum-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hum-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hum-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.hum-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(--hum-primary), var(--hum-secondary));\n border-radius: 2px;\n}\n\n.hum-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hum-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.hum-section-intro strong {\n color: var(--hum-primary-dark);\n}\n\n.hum-card {\n background: var(--hum-white);\n border-radius: var(--hum-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hum-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hum-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hum-shadow-lg);\n border-color: var(--hum-primary);\n}\n\n.hum-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hum-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hum-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hum-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hum-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hum-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hum-grid-compact .hum-card {\n padding: 1rem;\n}\n\n.hum-grid-compact .hum-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hum-grid-compact .hum-card p {\n font-size: 12px;\n}\n\n.hum-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hum-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hum-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hum-primary), var(--hum-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(184, 137, 90, .35);\n}\n\n.hum-timeline-content {\n flex: 1;\n background: var(--hum-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hum-radius-sm);\n box-shadow: var(--hum-shadow);\n}\n\n.hum-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hum-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hum-timeline-content p {\n font-size: 14px;\n color: var(--hum-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hum-accordion {\n background: var(--hum-white);\n border-radius: var(--hum-radius);\n box-shadow: var(--hum-shadow);\n overflow: hidden;\n}\n\n.hum-accordion-item {\n border-bottom: 1px solid var(--hum-border);\n}\n\n.hum-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hum-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hum-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.hum-accordion-header:hover {\n background: var(--hum-primary-light);\n}\n\n.hum-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hum-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hum-primary);\n transition: transform .2s ease;\n}\n\n.hum-accordion-item[open] .hum-accordion-header::after {\n content: '−';\n}\n\n.hum-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hum-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hum-accordion-content p {\n margin: 0;\n}\n\n.hum-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hum-primary-light);\n border-radius: var(--hum-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--hum-primary);\n}\n\n.hum-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.hum-tip p {\n font-size: 14px;\n color: var(--hum-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hum-tip p strong {\n color: var(--hum-primary-dark);\n}\n\n@media (max-width: 767px) {\n .hum-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hum-card {\n padding: 1.125rem;\n }\n \n .hum-section {\n margin-bottom: 1.75rem;\n }\n \n .hum-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hum-radius-sm);\n }\n \n .hum-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hum-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hum-grid-compact {\n gap: .625rem;\n }\n \n .hum-grid-compact .hum-card {\n padding: .75rem;\n }\n \n .hum-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .hum-timeline-content {\n padding: .875rem 1rem;\n }\n \n .hum-timeline-content h3 {\n font-size: 14px;\n }\n \n .hum-timeline-content p {\n font-size: 13px;\n }\n \n .hum-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hum-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hum-card {\n animation: humFadeInUp .5s ease backwards;\n }\n .hum-card:nth-child(1) { animation-delay: .05s; }\n .hum-card:nth-child(2) { animation-delay: .1s; }\n .hum-card:nth-child(3) { animation-delay: .15s; }\n .hum-card:nth-child(4) { animation-delay: .2s; }\n .hum-card:nth-child(5) { animation-delay: .25s; }\n .hum-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes humFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hum-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":57261570457977,"sku":"BARRENOISETTEHUMBLE","price":2.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/barre-proteines-collagene-noisette-humble-lifestyle.webp?v=1778664456"},{"product_id":"proteine-ressource-saveur-vanille-caramel-humble","title":"Protéine Ressource - Saveur Vanille\/Caramel - Humble+","description":"\u003cdiv class=\"hp-premium\"\u003e\n\u003cdiv class=\"hp-hero\"\u003e\n\u003cdiv class=\"hp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hp-hero-content\"\u003e\n\u003cdiv class=\"hp-badges-top\"\u003e\n\u003cspan class=\"hp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"hp-badge\"\u003e💪 20g de protéines\/dose\u003c\/span\u003e \u003cspan class=\"hp-badge\"\u003e🏔️ Lait des Alpes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hp-hero-title\"\u003eProtéine Ressource™\u003c\/span\u003e\n\u003cp class=\"hp-subtitle\" style=\"color: #ffffff;\"\u003eSaveur Vanille - Caramel • Humble+\u003c\/p\u003e\n\u003cp class=\"hp-description\" style=\"color: #ffffff;\"\u003eWhey concentrée premium issue du lait des Alpes françaises. 20g de protéines pures par dose pour soutenir vos muscles, votre récupération et votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003eProtéine Ressource™ Vanille-Caramel : votre allié quotidien en protéines\u003c\/h2\u003e\n\u003cp class=\"hp-section-intro\"\u003eVous cherchez un complément alimentaire protéine de qualité, fabriqué en France, savoureux et réellement utile ? La \u003cstrong\u003eProtéine Ressource™\u003c\/strong\u003e de HUMBLE+ vous apporte \u003cstrong\u003e20 g de protéines par dose\u003c\/strong\u003e, issues du lait des Alpes françaises. Une whey concentrée pure, sans additifs inutiles, à la saveur gourmande vanille-caramel.\u003c\/p\u003e\n\u003cdiv class=\"hp-grid-compact\"\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e💪 20g\u003c\/h3\u003e\n\u003cp\u003ede protéines par dose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🧬 5,07g\u003c\/h3\u003e\n\u003cp\u003ede BCAA par portion\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e📦 750g\u003c\/h3\u003e\n\u003cp\u003esoit 25 doses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🍦 Vanille\u003c\/h3\u003e\n\u003cp\u003eCaramel gourmand\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003ePourquoi choisir un complément protéine au quotidien ?\u003c\/h2\u003e\n\u003cp\u003eLes protéines sont la \u003cstrong\u003eressource fondamentale\u003c\/strong\u003e de votre corps : muscles, os, peau, cheveux, enzymes, système immunitaire… tout en dépend. L'OMS recommande un apport journalier de \u003cstrong\u003e1,5 g de protéines par kilo de poids corporel\u003c\/strong\u003e, et jusqu'à 1,8 g pour un adulte actif.\u003c\/p\u003e\n\u003cp\u003eAtteindre ces apports uniquement par l'alimentation peut s'avérer difficile, surtout après 30 ans, où la masse musculaire diminue naturellement de \u003cstrong\u003e3 à 8 % par décennie\u003c\/strong\u003e (sarcopénie). Le complément protéine devient alors une solution simple et efficace, autant pour les sportifs que pour les personnes âgées souhaitant préserver leur autonomie, ou pour celles et ceux qui suivent un programme de perte de poids.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003eLes bienfaits de la Protéine Ressource™\u003c\/h2\u003e\n\u003cdiv class=\"hp-grid\"\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e💪 Riche en protéines\u003c\/h3\u003e\n\u003cp\u003e20 g par dose pour soutenir efficacement vos apports quotidiens en acides aminés essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🏋️ Masse musculaire\u003c\/h3\u003e\n\u003cp\u003eContribue au maintien de la masse musculaire et d'une ossature normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🧬 5,07 g de BCAA\u003c\/h3\u003e\n\u003cp\u003ePar portion, essentiels à la récupération musculaire après l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e❄️ Whey concentrée\u003c\/h3\u003e\n\u003cp\u003ePeu transformée, son profil nutritionnel et ses peptides bioactifs sont préservés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🏔️ Alpes françaises\u003c\/h3\u003e\n\u003cp\u003eLait premium issu d'élevages en pâturage, traçabilité complète garantie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🍦 Goût gourmand\u003c\/h3\u003e\n\u003cp\u003eSaveur vanille-caramel naturelle, un plaisir quotidien sans culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003eUne whey française d'exception\u003c\/h2\u003e\n\u003cp\u003eNotre whey est obtenue à partir de \u003cstrong\u003elactosérum doux écrémé\u003c\/strong\u003e issu d'une production fromagère française. Grâce à une \u003cstrong\u003efiltration à froid\u003c\/strong\u003e, les protéines conservent toute leur intégrité nutritionnelle.\u003c\/p\u003e\n\u003cp\u003eLes vaches, élevées en pâturage dans les Alpes, produisent un lait naturellement plus riche en acides aminés essentiels et en oméga-3 qu'un lait d'élevage intensif. Un choix de sourcing premium, rare sur le marché de la protéine.\u003c\/p\u003e\n\u003cdiv class=\"hp-tip\"\u003e\n\u003cspan class=\"hp-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e Le pâturage alpin enrichit naturellement le lait en nutriments essentiels, créant une matière première supérieure aux laits d'élevage intensif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n\u003cdiv class=\"hp-testimonial\"\u003e\n\u003cp class=\"hp-testimonial-text\"\u003e\u003cstrong\u003eSaveur vanille-caramel :\u003c\/strong\u003e concentré de protéines de lactosérum (\u003cstrong\u003elait\u003c\/strong\u003e, origine France), arômes naturels, sucre blond.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hp-disclaimer\"\u003ePeut contenir des traces de sulfites, céleri, gluten et moutarde.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003eComment prendre votre complément alimentaire protéine ?\u003c\/h2\u003e\n\u003cdiv class=\"hp-timeline\"\u003e\n\u003cdiv class=\"hp-timeline-item\"\u003e\n\u003cdiv class=\"hp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hp-timeline-content\"\u003e\n\u003ch3\u003eDosez votre portion\u003c\/h3\u003e\n\u003cp\u003ePréparez 1 dose (30 g, soit 2 dosettes incluses).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-timeline-item\"\u003e\n\u003cdiv class=\"hp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hp-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eDans 200 ml d'eau, de lait végétal ou animal, à l'aide d'un shaker ou d'un fouet électrique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-timeline-item\"\u003e\n\u003cdiv class=\"hp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hp-timeline-content\"\u003e\n\u003ch3\u003eConsommez quotidiennement\u003c\/h3\u003e\n\u003cp\u003eIdéalement après l'effort ou en complément d'un repas pauvre en protéines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-timeline-item\"\u003e\n\u003cdiv class=\"hp-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hp-timeline-content\"\u003e\n\u003ch3\u003eProfitez 25 jours\u003c\/h3\u003e\n\u003cp\u003eLe sachet de 750 g contient 25 doses, soit environ 25 jours de consommation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003ePour qui ce complément protéine est-il indiqué ?\u003c\/h2\u003e\n\u003cdiv class=\"hp-grid\"\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eSoutenez votre récupération musculaire et votre progression à l'entraînement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e⚡ Adultes actifs\u003c\/h3\u003e\n\u003cp\u003eAtteignez facilement vos besoins quotidiens en protéines malgré un emploi du temps chargé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e👴 Personnes âgées\u003c\/h3\u003e\n\u003cp\u003ePréservez votre masse musculaire et votre autonomie face à la sarcopénie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e⚖️ Programme minceur\u003c\/h3\u003e\n\u003cp\u003eBénéficiez d'un effet satiétogène tout en préservant votre masse musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🥗 Alimentation pauvre en protéines\u003c\/h3\u003e\n\u003cp\u003eComblez vos apports quotidiens facilement et savoureusement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e💼 Vie quotidienne\u003c\/h3\u003e\n\u003cp\u003eUne solution pratique, gourmande et rapide à intégrer à votre routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hp-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"hp-accordion\"\u003e\n\u003cdetails class=\"hp-accordion-item\"\u003e\n\u003csummary class=\"hp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver dans un endroit sec et frais, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hp-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"hp-accordion-header\"\u003e⚠️ Mises en garde\u003c\/summary\u003e\n\u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ consommer dans le cadre d'une alimentation variée et équilibrée et d'un mode de vie sain. Ne convient pas en cas d'intolérance au lactose ou d'allergie aux protéines de lait.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hp-accordion-item\"\u003e\n\u003csummary class=\"hp-accordion-header\"\u003e👩⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée ni à un traitement médical. En cas de pathologie, de grossesse, d'allaitement ou de doute, demandez conseil à votre médecin ou à votre pharmacien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eInformations logistiques\u003c\/h2\u003e\n\u003cdiv class=\"hp-grid-compact\"\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n\u003cp\u003e750 g (25 doses)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e📐 Dimensions\u003c\/h3\u003e\n\u003cp\u003e25,5 × 30,5 × 10 cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-card\"\u003e\n\u003ch3\u003e🏔️ Sourcing\u003c\/h3\u003e\n\u003cp\u003eLait des Alpes françaises\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hp-cta-box\" style=\"margin-top: 2rem;\"\u003e\n\u003cp\u003eOffrez à votre corps la ressource essentielle qu'il mérite. Une protéine française d'exception, gourmande et efficace, pour soutenir votre vitalité jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hp-cream: #f5ead4;\n --hp-white: #ffffff;\n --hp-primary: #c69a5b;\n --hp-primary-dark: #8a6635;\n --hp-primary-light: #f0e0c2;\n --hp-secondary: #d4af7a;\n --hp-accent: #6b4a23;\n --hp-text: #1a1a1a;\n --hp-text-light: #6b5a45;\n --hp-border: #e6d6b8;\n --hp-shadow: 0 4px 24px rgba(138, 102, 53, .1);\n --hp-shadow-lg: 0 12px 48px rgba(138, 102, 53, .18);\n --hp-radius: 20px;\n --hp-radius-sm: 12px;\n}\n\n.hp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hp-text);\n line-height: 1.6;\n}\n\n.hp-premium p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--hp-text);\n line-height: 1.7;\n}\n\n.hp-premium strong {\n color: var(--hp-primary-dark);\n font-weight: 700;\n}\n\n.hp-hero {\n position: relative;\n background: linear-gradient(135deg, #c69a5b 0%, #b8884a 50%, #8a6635 100%);\n border-radius: var(--hp-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(--hp-shadow-lg);\n}\n\n.hp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n opacity: .15;\n}\n\n.hp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hp-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.hp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.hp-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.hp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hp-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(--hp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.hp-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(--hp-primary), var(--hp-secondary));\n border-radius: 2px;\n}\n\n.hp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hp-text-light);\n margin: 0 auto 1.75rem;\n max-width: 760px;\n}\n\n.hp-card {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hp-shadow-lg);\n border-color: var(--hp-primary);\n}\n\n.hp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hp-grid-compact .hp-card {\n padding: 1rem;\n}\n\n.hp-grid-compact .hp-card h3 {\n font-size: 16px;\n margin-bottom: .35rem;\n}\n\n.hp-grid-compact .hp-card p {\n font-size: 13px;\n}\n\n.hp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.hp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hp-primary), var(--hp-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(138, 102, 53, .25);\n}\n\n.hp-timeline-content {\n flex: 1;\n background: var(--hp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hp-radius-sm);\n box-shadow: var(--hp-shadow);\n}\n\n.hp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hp-timeline-content p {\n font-size: 14px;\n color: var(--hp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hp-testimonial {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hp-shadow);\n border-left: 4px solid var(--hp-primary);\n}\n\n.hp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hp-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.hp-accordion {\n background: var(--hp-white);\n border-radius: var(--hp-radius);\n box-shadow: var(--hp-shadow);\n overflow: hidden;\n}\n\n.hp-accordion-item {\n border-bottom: 1px solid var(--hp-border);\n margin: 0;\n padding: 0;\n}\n\n.hp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hp-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.hp-accordion-header:hover {\n background: var(--hp-primary-light);\n}\n\n.hp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hp-primary);\n transition: transform .2s ease;\n}\n\n.hp-accordion-item[open] .hp-accordion-header::after {\n content: '−';\n}\n\n.hp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hp-accordion-content p {\n margin: 0;\n font-size: 14px;\n color: var(--hp-text-light);\n}\n\n.hp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hp-primary-light);\n border-radius: var(--hp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hp-tip p {\n font-size: 14px;\n color: var(--hp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hp-cta-box {\n background: linear-gradient(135deg, var(--hp-primary) 0%, var(--hp-primary-dark) 100%);\n border-radius: var(--hp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--hp-shadow-lg);\n}\n\n.hp-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.hp-disclaimer {\n font-size: 12px !important;\n color: var(--hp-text-light) !important;\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .hp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hp-card {\n padding: 1.125rem;\n }\n \n .hp-section {\n margin-bottom: 1.75rem;\n }\n \n .hp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hp-radius-sm);\n }\n \n .hp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hp-grid-compact {\n gap: .625rem;\n }\n \n .hp-grid-compact .hp-card {\n padding: .85rem;\n }\n \n .hp-grid-compact .hp-card h3 {\n font-size: 14px;\n }\n \n .hp-grid-compact .hp-card p {\n font-size: 12px;\n }\n \n .hp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .hp-timeline-content {\n padding: .875rem 1rem;\n }\n \n .hp-timeline-content h3 {\n font-size: 14px;\n }\n \n .hp-timeline-content p {\n font-size: 13px;\n }\n \n .hp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hp-testimonial {\n padding: 1.25rem;\n }\n \n .hp-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hp-card {\n animation: hpFadeInUp .5s ease backwards;\n }\n .hp-card:nth-child(1) { animation-delay: .05s; }\n .hp-card:nth-child(2) { animation-delay: .1s; }\n .hp-card:nth-child(3) { animation-delay: .15s; }\n .hp-card:nth-child(4) { animation-delay: .2s; }\n .hp-card:nth-child(5) { animation-delay: .25s; }\n .hp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hpFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":63855386788217,"sku":"1PROTVANILLE","price":49.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteine-ressource-saveur-vanillecaramel-humble-lifestyle.webp?v=1782805379"},{"product_id":"proteine-ressource-saveur-chocolat-humble","title":"Protéine Ressource - Saveur Chocolat - Humble+","description":"\u003cdiv class=\"hpr-premium\"\u003e\n \u003cdiv class=\"hpr-hero\"\u003e\n \u003cdiv class=\"hpr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hpr-hero-content\"\u003e\n \u003cdiv class=\"hpr-badges-top\"\u003e\n \u003cspan class=\"hpr-badge\"\u003e🥛 Whey française\u003c\/span\u003e\n \u003cspan class=\"hpr-badge\"\u003e🏔️ Lait des Alpes\u003c\/span\u003e\n \u003cspan class=\"hpr-badge\"\u003e🍫 Cacao durable\u003c\/span\u003e\n \u003cspan class=\"hpr-badge\"\u003e💪 20 g de protéines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hpr-hero-title\"\u003eLa whey française des Alpes, simple et traçable\u003c\/span\u003e\n \u003cp class=\"hpr-subtitle\"\u003eProtéine Ressource™ saveur chocolat par Humble+\u003c\/p\u003e\n \u003cp class=\"hpr-description\"\u003eUne protéine en poudre formulée à partir de concentré de protéines de lactosérum issu du lait de vaches élevées en pâturage dans les Alpes françaises, avec une saveur chocolat obtenue grâce à du cacao torréfié durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hpr-section\"\u003e\n \u003ch2\u003eProtéine Ressource™ Chocolat Humble+ : la whey française des Alpes\u003c\/h2\u003e\n \u003cp class=\"hpr-section-intro\"\u003eLa \u003cstrong\u003eProtéine Ressource™ saveur chocolat\u003c\/strong\u003e de Humble+ est formulée à partir de \u003cstrong\u003econcentré de protéines de lactosérum d'origine française\u003c\/strong\u003e. Le lait provient de vaches élevées en pâturage dans les Alpes françaises, avec une traçabilité assurée de l'élevage jusqu'au sachet. Chaque portion de 30 g apporte \u003cstrong\u003e20 g de protéines\u003c\/strong\u003e, dans une recette courte, gourmande et sans arôme artificiel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hpr-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette whey au chocolat ?\u003c\/h2\u003e\n \u003cp class=\"hpr-section-intro\"\u003eUne whey concentrée pensée pour apporter une source de protéines simple, savoureuse et facilement intégrable au quotidien.\u003c\/p\u003e\n\n \u003cdiv class=\"hpr-grid\"\u003e\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🥛 Whey concentrée\u003c\/h3\u003e\n \u003cp\u003eUne protéine de lactosérum concentrée, forme peu transformée qui conserve naturellement une petite quantité de glucides et de matières grasses issus du lait.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🏔️ Lait des Alpes françaises\u003c\/h3\u003e\n \u003cp\u003eLa whey est issue du lait de vaches élevées en pâturage dans les Alpes françaises, avec une origine clairement identifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e💪 20 g de protéines\u003c\/h3\u003e\n \u003cp\u003eUne portion de 30 g apporte 20 g de protéines, qui contribuent au maintien et au développement de la masse musculaire ainsi qu'au maintien d'une ossature normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-tip\"\u003e\n \u003cspan class=\"hpr-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette protéine ne s'adresse pas uniquement aux sportifs. Elle permet également de compléter facilement les apports protéiques des personnes actives ou de celles dont les repas sont parfois pauvres en protéines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hpr-section\"\u003e\n \u003ch2\u003eUne formule courte et transparente\u003c\/h2\u003e\n \u003cp class=\"hpr-section-intro\"\u003eLa recette repose principalement sur du concentré de protéines de lactosérum, accompagné de quelques ingrédients destinés à apporter une saveur chocolat agréable.\u003c\/p\u003e\n\n \u003cdiv class=\"hpr-grid\"\u003e\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🥛 87,35 % de whey concentrée\u003c\/h3\u003e\n \u003cp\u003eConcentré de protéines de lactosérum issu du lait, d'origine française.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🍫 Cacao torréfié durable\u003c\/h3\u003e\n \u003cp\u003eUne poudre de cacao sélectionnée pour apporter une saveur chocolatée et gourmande.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🌾 Sucre blond\u003c\/h3\u003e\n \u003cp\u003ePrésent en quantité mesurée afin d'équilibrer l'amertume naturelle du cacao.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🌿 Arômes naturels\u003c\/h3\u003e\n \u003cp\u003eLa formule ne contient pas d'arôme artificiel ni d'excipient superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hpr-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles pour une portion de 30 g\u003c\/h2\u003e\n \u003cp class=\"hpr-section-intro\"\u003eUne portion correspond à deux dosettes de poudre.\u003c\/p\u003e\n\n \u003cdiv class=\"hpr-grid-compact\"\u003e\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e⚡ 108 kcal\u003c\/h3\u003e\n \u003cp\u003e458 kJ d'énergie\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e💪 20 g\u003c\/h3\u003e\n \u003cp\u003eProtéines\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🌾 5 g\u003c\/h3\u003e\n \u003cp\u003eGlucides, dont 2,9 g de sucres\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🥄 0,9 g\u003c\/h3\u003e\n \u003cp\u003eMatières grasses, dont 0,6 g d'acides gras saturés\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🌱 0,5 g\u003c\/h3\u003e\n \u003cp\u003eFibres alimentaires\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🧂 0,14 g\u003c\/h3\u003e\n \u003cp\u003eSel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hpr-section\"\u003e\n \u003ch2\u003eComment utiliser la Protéine Ressource™ ?\u003c\/h2\u003e\n\n \u003cdiv class=\"hpr-timeline\"\u003e\n \u003cdiv class=\"hpr-timeline-item\"\u003e\n \u003cdiv class=\"hpr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hpr-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003ePrélevez une portion de 30 g, soit deux dosettes de poudre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-timeline-item\"\u003e\n \u003cdiv class=\"hpr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hpr-timeline-content\"\u003e\n \u003ch3\u003eAjoutez le liquide\u003c\/h3\u003e\n \u003cp\u003eVersez la poudre dans 200 ml d'eau, de lait ou de la boisson de votre choix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-timeline-item\"\u003e\n \u003cdiv class=\"hpr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hpr-timeline-content\"\u003e\n \u003ch3\u003eMélangez\u003c\/h3\u003e\n \u003cp\u003eUtilisez un shaker ou un fouet électrique pour obtenir une texture homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-timeline-item\"\u003e\n \u003cdiv class=\"hpr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hpr-timeline-content\"\u003e\n \u003ch3\u003eConsommez régulièrement\u003c\/h3\u003e\n \u003cp\u003eLa portion peut être consommée après l'effort ou en complément d'un repas naturellement pauvre en protéines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-tip\"\u003e\n \u003cspan class=\"hpr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÀ quel moment la prendre ?\u003c\/strong\u003e La whey peut être consommée après une séance de sport, au petit-déjeuner ou en collation. L'essentiel est de l'intégrer à vos apports protéiques quotidiens en fonction de votre alimentation et de vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hpr-section\"\u003e\n \u003ch2\u003eFormat et caractéristiques\u003c\/h2\u003e\n\n \u003cdiv class=\"hpr-grid-compact\"\u003e\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e📦 750 g\u003c\/h3\u003e\n \u003cp\u003eUn sachet de protéine en poudre\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🥤 25 portions\u003c\/h3\u003e\n \u003cp\u003e25 portions de 30 g\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e♻️ Sachet recyclable\u003c\/h3\u003e\n \u003cp\u003eUn conditionnement pratique à refermer après utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine française\u003c\/h3\u003e\n \u003cp\u003eWhey issue du lait de vaches des Alpes françaises\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hpr-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette protéine ?\u003c\/h2\u003e\n\n \u003cdiv class=\"hpr-grid\"\u003e\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour compléter les apports en protéines autour de l'entraînement et accompagner le maintien ou le développement de la masse musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e⚡ Personnes actives\u003c\/h3\u003e\n \u003cp\u003ePour augmenter simplement les apports protéiques dans le cadre d'une alimentation variée.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hpr-card\"\u003e\n \u003ch3\u003e🥣 Petit-déjeuner et collation\u003c\/h3\u003e\n \u003cp\u003eÀ déguster en boisson ou à incorporer dans un porridge, un smoothie ou une recette protéinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hpr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations importantes\u003c\/h2\u003e\n\n \u003cdiv class=\"hpr-accordion\"\u003e\n \u003cdetails class=\"hpr-accordion-item\"\u003e\n \u003csummary class=\"hpr-accordion-header\"\u003e⚠️ Allergène\u003c\/summary\u003e\n \u003cdiv class=\"hpr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient du \u003cstrong\u003elait\u003c\/strong\u003e. Il ne convient pas aux personnes allergiques aux protéines de lait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"hpr-accordion-item\"\u003e\n \u003csummary class=\"hpr-accordion-header\"\u003e🥄 Portion conseillée\u003c\/summary\u003e\n \u003cdiv class=\"hpr-accordion-content mt-3\"\u003e\n \u003cp\u003eUne portion correspond à 30 g de poudre, soit deux dosettes, à mélanger dans 200 ml de liquide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"hpr-accordion-item\"\u003e\n \u003csummary class=\"hpr-accordion-header\"\u003e🥛 Présence naturelle de lactose\u003c\/summary\u003e\n \u003cdiv class=\"hpr-accordion-content mt-3\"\u003e\n \u003cp\u003eCette formule utilise une whey concentrée issue du lait. Elle peut donc contenir naturellement du lactose et ne doit pas être confondue avec un isolat de whey.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"hpr-accordion-item\"\u003e\n \u003csummary class=\"hpr-accordion-header\"\u003e🍽️ Alimentation équilibrée\u003c\/summary\u003e\n \u003cdiv class=\"hpr-accordion-content mt-3\"\u003e\n \u003cp\u003eCette protéine en poudre est destinée à compléter les apports alimentaires. Elle ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hpr-cream: #f5f1ea;\n --hpr-white: #ffffff;\n --hpr-primary: #5c3a24;\n --hpr-primary-dark: #3a2416;\n --hpr-primary-light: #f0e6dc;\n --hpr-secondary: #a67856;\n --hpr-accent: #d4a373;\n --hpr-text: #2b1e14;\n --hpr-text-light: #6b5b4d;\n --hpr-border: #e0d6c8;\n --hpr-shadow: 0 4px 24px rgba(60, 36, 22, .08);\n --hpr-shadow-lg: 0 12px 48px rgba(60, 36, 22, .18);\n --hpr-radius: 20px;\n --hpr-radius-sm: 12px;\n}\n\n.hpr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hpr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hpr-text);\n line-height: 1.6;\n}\n\n.hpr-hero {\n position: relative;\n background: linear-gradient(135deg, #3a2416 0%, #5c3a24 50%, #a67856 100%);\n border-radius: var(--hpr-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(--hpr-shadow-lg);\n}\n\n.hpr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(212, 163, 115, .2) 0%, transparent 45%);\n opacity: .6;\n}\n\n.hpr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hpr-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n line-height: 1.1;\n}\n\n.hpr-subtitle {\n color: var(--hpr-accent);\n font-size: clamp(15px, 2.8vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.hpr-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.hpr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.hpr-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(--hpr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.hpr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hpr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hpr-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--hpr-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.hpr-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(--hpr-primary), var(--hpr-accent));\n border-radius: 2px;\n}\n\n.hpr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hpr-text-light);\n margin: 0 auto 1.75rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.hpr-section-intro strong {\n color: var(--hpr-primary-dark);\n font-weight: 700;\n}\n\n.hpr-card {\n background: var(--hpr-white);\n border-radius: var(--hpr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hpr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hpr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hpr-shadow-lg);\n border-color: var(--hpr-accent);\n}\n\n.hpr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hpr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hpr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hpr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hpr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hpr-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.hpr-grid-compact .hpr-card {\n padding: 1.25rem 1rem;\n}\n\n.hpr-grid-compact .hpr-card h3 {\n font-size: 17px;\n margin-bottom: .35rem;\n color: var(--hpr-primary);\n}\n\n.hpr-grid-compact .hpr-card p {\n font-size: 13px;\n}\n\n.hpr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.hpr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hpr-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--hpr-primary), var(--hpr-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: 17px;\n box-shadow: 0 4px 12px rgba(92, 58, 36, .3);\n}\n\n.hpr-timeline-content {\n flex: 1;\n background: var(--hpr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hpr-radius-sm);\n box-shadow: var(--hpr-shadow);\n}\n\n.hpr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hpr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hpr-timeline-content p {\n font-size: 14px;\n color: var(--hpr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hpr-accordion {\n background: var(--hpr-white);\n border-radius: var(--hpr-radius);\n box-shadow: var(--hpr-shadow);\n overflow: hidden;\n}\n\n.hpr-accordion-item {\n border-bottom: 1px solid var(--hpr-border);\n margin: 0;\n padding: 0;\n}\n\n.hpr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hpr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hpr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.hpr-accordion-header:hover {\n background: var(--hpr-primary-light);\n}\n\n.hpr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hpr-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hpr-primary);\n transition: transform .2s ease;\n}\n\n.hpr-accordion-item[open] .hpr-accordion-header::after {\n content: '−';\n}\n\n.hpr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hpr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hpr-accordion-content p {\n margin: 0;\n}\n\n.hpr-accordion-content strong {\n color: var(--hpr-primary-dark);\n}\n\n.hpr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hpr-primary-light);\n border-radius: var(--hpr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--hpr-accent);\n}\n\n.hpr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.hpr-tip p {\n font-size: 14px;\n color: var(--hpr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hpr-tip p strong {\n color: var(--hpr-primary-dark);\n}\n\n@media (max-width: 767px) {\n .hpr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hpr-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .hpr-grid-compact .hpr-card {\n padding: .875rem .75rem;\n }\n\n .hpr-grid-compact .hpr-card h3 {\n font-size: 15px;\n }\n\n .hpr-grid-compact .hpr-card p {\n font-size: 12px;\n }\n\n .hpr-card {\n padding: 1.125rem;\n }\n\n .hpr-section {\n margin-bottom: 1.75rem;\n }\n\n .hpr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hpr-radius-sm);\n }\n\n .hpr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hpr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hpr-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 14px;\n }\n\n .hpr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hpr-timeline-content h3 {\n font-size: 14px;\n }\n\n .hpr-timeline-content p {\n font-size: 13px;\n }\n\n .hpr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hpr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hpr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hpr-card:nth-child(1) { animation-delay: .05s; }\n .hpr-card:nth-child(2) { animation-delay: .1s; }\n .hpr-card:nth-child(3) { animation-delay: .15s; }\n .hpr-card:nth-child(4) { animation-delay: .2s; }\n .hpr-card:nth-child(5) { animation-delay: .25s; }\n .hpr-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 .hpr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":64096889373049,"sku":"PROTCHOCOHUMBLE","price":44.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteine-ressource-saveur-chocolat-humble-packshothd_d954ee92-184f-4300-8632-0b0540baa03c.webp?v=1786006550"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/vignette_proteine_poudre_11zon_2.jpg?v=1787586160","url":"https:\/\/www.naturellement-bio.com\/collections\/proteines.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}