{"title":"Humble+","description":"\u003ch2\u003eHumble+ en bref : ce qu'il faut savoir avant de choisir\u003c\/h2\u003e\n\u003cp\u003eHumble+ est une marque française née en 2019, connue pour son \u003cstrong\u003ecollagène marin\u003c\/strong\u003e à base de Naticol®, un actif breveté et fabriqué en France. Le collagène reste son cœur de métier, mais la gamme s'est depuis élargie à toute une approche du \u003cstrong\u003ebien-vieillir\u003c\/strong\u003e : créatine, magnésium, oméga-3, protéines. Des formules épurées, sans additifs superflus, pensées pour accompagner votre quotidien sur la durée. La marque s'est fait connaître du grand public lors de son passage dans « Qui veut être mon associé ? » sur M6, en février 2025.\u003c\/p\u003e\n\n\u003ch2\u003eDeux fondateurs, une frustration, une marque née d'un vrai manque\u003c\/h2\u003e\n\u003cp\u003eTout commence par un constat personnel. Sébastien Perez et Romain Quillot, deux trentenaires actifs, ressentent les premiers signes de l'âge sur leurs articulations. Comme beaucoup, ils se tournent vers les compléments alimentaires. Et comme beaucoup, ils déchantent : compositions floues, dosages trop justes, promesses un peu creuses.\u003c\/p\u003e\n\u003cp\u003ePlutôt que de subir, ils décident de créer. En 2019, Humble+ voit le jour avec une idée simple : faire du collagène, mais le faire vraiment bien. Leur boussole tient en une phrase.\u003c\/p\u003e\n\n\u003cdiv style=\"border-left: 5px solid #66745C; padding: 16px 24px; margin: 2em 0; background-color: #faf7f2;\"\u003e\n\u003cp style=\"font-size: 1.25em; font-style: italic; color: #66745C; margin: 0; line-height: 1.5; font-weight: 500;\"\u003eFais ce qu'il faut, fais-le bien, et essaie de faire plus.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cp\u003eCe n'est pas un slogan de façade. C'est ce « faire plus » qui a poussé la marque à dépasser le seul collagène pour construire une gamme complète autour du bien-vieillir, sans jamais rogner sur l'exigence de départ.\u003c\/p\u003e\n\n\u003ch2\u003eLe Naticol®, la matière première qui fait la différence\u003c\/h2\u003e\n\u003cp\u003eSur le collagène, tout se joue sur la matière première. Humble+ a fait le choix du \u003cstrong\u003eNaticol®\u003c\/strong\u003e, un collagène marin breveté produit par le groupe français Weishardt. Ce collagène est issu de poissons d'élevage certifiés Friend of the Sea®, avec une hydrolyse douce, sans procédé chimique agressif. Les peptides sont ainsi bien préservés, le produit est garanti sans métaux lourds et sans OGM.\u003c\/p\u003e\n\u003cp\u003eCôté fabrication, les certifications HACCP et ISO 9001 encadrent la production, et les produits sont également certifiés Kasher et Halal. Le Naticol® fait par ailleurs l'objet de plusieurs études cliniques, ce qui reste rare dans l'univers des compléments et donne une base documentée à la formule.\u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #fdf8e8; border-left: 4px solid #d4a843; padding: 15px 20px; margin: 1.5em 0; border-radius: 4px;\"\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cstrong\u003e💡 Le saviez-vous ?\u003c\/strong\u003e Le Naticol® est utilisé par des marques de compléments dans plus d'une trentaine de pays. Weishardt, son fabricant, est un acteur français historique de la gélatine et du collagène, avec plus d'un siècle de savoir-faire derrière lui.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003ch2\u003eUne gamme qui a grandi : du collagène au bien-vieillir complet\u003c\/h2\u003e\n\u003cp\u003eC'est le vrai changement de ces dernières années. Là où Humble+ ne proposait que du collagène, la marque a bâti une gamme structurée autour de sa signature \u003cstrong\u003eAge-Well®\u003c\/strong\u003e, organisée par grands objectifs. Le collagène reste la porte d'entrée, mais il est désormais accompagné d'actifs complémentaires, chacun choisi pour un usage précis.\u003c\/p\u003e\n\n\u003cdiv style=\"overflow-x: auto; margin: 1.5em 0;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; min-width: 500px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f0f4ec; border-bottom: 2px solid #66745C;\"\u003e\n\u003cth style=\"padding: 12px 15px; text-align: left;\"\u003eVotre objectif\u003c\/th\u003e\n\u003cth style=\"padding: 12px 15px; text-align: left;\"\u003eLe produit Humble+\u003c\/th\u003e\n\u003cth style=\"padding: 12px 15px; text-align: left;\"\u003eCe qu'il apporte\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr style=\"border-bottom: 1px solid #dee2e6;\"\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003ePeau, cheveux, ongles, articulations\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003e\n\u003cstrong\u003eCollagène marin Naticol®\u003c\/strong\u003e (poudre neutre ou aromatisée, gélules, orodispersible, crème, boisson)\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003ePeptides de collagène marin hydrolysé, à intégrer facilement à votre routine quotidienne\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid #dee2e6; background-color: #fafafa;\"\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003eForce et masse musculaire\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003e\u003cstrong\u003eCréatine Age-Well®\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003eÀ raison de 3 g par jour, la créatine contribue à améliorer les performances physiques lors d'efforts intenses et répétés\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid #dee2e6;\"\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003eFatigue, nervosité, tonus\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003e\u003cstrong\u003eMagnésium Age-Well®\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003eLe magnésium contribue à réduire la fatigue et au fonctionnement normal du système nerveux\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid #dee2e6; background-color: #fafafa;\"\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003eCœur et cerveau\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003e\u003cstrong\u003eOméga 3 Age-Well®\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003eL'EPA et le DHA contribuent à une fonction cardiaque normale (à partir de 250 mg par jour)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid #dee2e6;\"\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003eApport protéiné\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003e\u003cstrong\u003eProtéines et barres protéinées\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px;\"\u003eLes protéines contribuent au maintien de la masse musculaire\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\n\u003cp\u003eVous retrouvez l'ensemble de ces références dans la grille ci-dessus. Selon que vous cherchiez un geste beauté, un soutien sportif ou un accompagnement plus global, il y a de fortes chances qu'un produit de la gamme corresponde à votre besoin.\u003c\/p\u003e\n\n\u003ch2\u003eQuel produit Humble+ choisir selon votre besoin\u003c\/h2\u003e\n\u003cp\u003eSi vous découvrez le collagène, le format le plus simple reste la gélule. Les \u003ca href=\"\/products\/collagene-marin-150-gelules-humble\" title=\"Gélules de collagène marin Humble+\" target=\"_blank\"\u003egélules de collagène marin\u003c\/a\u003e ne demandent aucune préparation : cinq gélules, un verre d'eau, et votre routine est en place, même en déplacement.\u003c\/p\u003e\n\u003cp\u003eSi vous aimez ritualiser le moment, la version en poudre est faite pour vous. Le \u003ca href=\"\/products\/collagene-marin-peptide-de-collagene-neutre-humble\" title=\"Collagène marin Naticol en poudre, goût neutre, Humble+\" target=\"_blank\"\u003ecollagène marin Naticol en poudre\u003c\/a\u003e au goût neutre se fond dans un café, un smoothie ou un yaourt sans en changer la saveur. Une dose de 10 g, et c'est réglé. Les versions aromatisées (mangue, fruits rouges, pomme-citron) apportent une touche gourmande sans sucres ajoutés.\u003c\/p\u003e\n\u003cp\u003eEnfin, pour les sportifs, la \u003ca href=\"\/products\/proteine-peptides-de-collagene-marin-de-type-1-saveur-cafe-humble-copie\" title=\"Protéine et peptides de collagène marin saveur café Humble+\" target=\"_blank\"\u003eProtéine + Collagène saveur café\u003c\/a\u003e combine un apport protéiné et des peptides de collagène dans un même shake. Pratique après l'effort, quand on veut soutenir la récupération sans multiplier les prises.\u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #f5f5f3; border-left: 4px solid #66745C; padding: 15px 20px; margin: 1.5em 0; border-radius: 4px;\"\u003e\n\u003cp style=\"margin: 0 0 8px 0;\"\u003e\u003cstrong\u003e📌 À retenir\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul style=\"margin: 0; padding-left: 20px;\"\u003e\n\u003cli\u003eVous débutez ou vous voyagez souvent : partez sur les gélules.\u003c\/li\u003e\n\u003cli\u003eVous aimez un rituel à personnaliser : la poudre neutre ou aromatisée s'intègre à toutes vos boissons.\u003c\/li\u003e\n\u003cli\u003eVous êtes sportif : la formule Protéine + Collagène, ou la Créatine Age-Well® pour la force.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003ch2\u003eCe que rapportent les personnes qui utilisent Humble+\u003c\/h2\u003e\n\u003cp\u003eLe collagène n'est pas un produit miracle, et Humble+ ne le présente pas ainsi. Ce qu'on peut partager, ce sont les retours réguliers des utilisateurs. La marque affiche une note de 4,8\/5 sur plus de 2 700 avis Trustpilot, et les commentaires évoquent souvent une sensation de souplesse de la peau, un confort articulaire ressenti chez les personnes actives, ou des ongles et cheveux perçus comme plus résistants.\u003c\/p\u003e\n\u003cp\u003eUn point revient dans presque tous les avis : la régularité. Les effets rapportés apparaissent généralement après plusieurs semaines de prise quotidienne, rarement avant. Le collagène s'inscrit dans une routine globale, aux côtés d'une alimentation variée, d'une bonne hydratation et d'un peu d'activité physique. Humble+ fournit la brique, le reste vous appartient.\u003c\/p\u003e\n\n\u003cdiv style=\"background-color: #fdf0ee; border-left: 4px solid #c8553d; padding: 15px 20px; margin: 1.5em 0; border-radius: 4px;\"\u003e\n\u003cp style=\"margin: 0;\"\u003e\u003cstrong\u003e⚠️ Bon à savoir :\u003c\/strong\u003e le collagène marin est déconseillé en cas d'allergie aux poissons. Comme pour tout complément alimentaire, un avis médical est recommandé pendant la grossesse et l'allaitement. Ces produits ne se substituent pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ch2\u003eVos quetions sur les plus fréquentes sur la marque Humble+\u003c\/h2\u003e\n\u003cdiv style=\"margin: 2em 0;\"\u003e\n\u003cdetails style=\"border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 10px; padding: 12px 16px; background-color: #fafafa;\"\u003e\n\u003csummary style=\"cursor: pointer; font-weight: 600; color: #66745C;\"\u003eHumble+ ne fait-il que du collagène ?\u003c\/summary\u003e\n\u003cp style=\"margin: 10px 0 0 0;\"\u003eNon, plus aujourd'hui. Le collagène marin reste le cœur de gamme, mais la marque propose désormais aussi de la créatine, du magnésium, des oméga-3, des protéines et des barres protéinées, dans une logique globale de bien-vieillir.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 10px; padding: 12px 16px; background-color: #fafafa;\"\u003e\n\u003csummary style=\"cursor: pointer; font-weight: 600; color: #66745C;\"\u003eLe collagène Humble+ convient-il aux végétariens ?\u003c\/summary\u003e\n\u003cp style=\"margin: 10px 0 0 0;\"\u003eNon. Le collagène Humble+ est d'origine marine, extrait de poissons. Il ne convient donc pas à un régime végétarien ou végétalien. Il est en revanche certifié Kasher et Halal.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 10px; padding: 12px 16px; background-color: #fafafa;\"\u003e\n\u003csummary style=\"cursor: pointer; font-weight: 600; color: #66745C;\"\u003eAu bout de combien de temps observe-t-on quelque chose ?\u003c\/summary\u003e\n\u003cp style=\"margin: 10px 0 0 0;\"\u003eLes utilisateurs rapportent le plus souvent des ressentis après 4 à 8 semaines de prise quotidienne. La régularité est le facteur déterminant : une prise ponctuelle a peu d'intérêt, une routine tenue dans la durée en a davantage.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 10px; padding: 12px 16px; background-color: #fafafa;\"\u003e\n\u003csummary style=\"cursor: pointer; font-weight: 600; color: #66745C;\"\u003ePeut-on prendre du collagène Humble+ pendant la grossesse ?\u003c\/summary\u003e\n\u003cp style=\"margin: 10px 0 0 0;\"\u003eIl est recommandé de consulter un professionnel de santé avant de prendre tout complément alimentaire pendant la grossesse ou l'allaitement. Humble+ ne fait pas exception.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails style=\"border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 10px; padding: 12px 16px; background-color: #fafafa;\"\u003e\n\u003csummary style=\"cursor: pointer; font-weight: 600; color: #66745C;\"\u003ePeut-on mélanger la poudre dans une boisson chaude ?\u003c\/summary\u003e\n\u003cp style=\"margin: 10px 0 0 0;\"\u003eOui. Le Naticol® se dissout aussi bien dans les boissons chaudes que froides : café, thé, smoothie, soupe. Évitez simplement de le porter à très haute température pour préserver au mieux les acides aminés.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"collagene-marin-peptide-de-collagene-neutre-humble","title":"Collagène Marin Naticol Humble+ (5 goûts au choix) - Peptide de Collagène Type 1","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Collagène Marin Naticol Humble+\nPalette détectée:\n - Primaire: #2C5F5D (vert profond\/teal du packaging - couleur dominante)\n - Secondaire: #4A8B88 (vert-turquoise plus clair)\n - Accent: #8FBC8F (vert naturel des feuilles d'eucalyptus)\nAmbiance: Clean, naturel\/océanique, premium accessible, scientifique\/clinique, éco-responsable\nType: Complément alimentaire beauté\/santé\nStyle suggéré: Épuré, naturel-premium, médical avec touches organiques\nPréfixe CSS: cm\n--\u003e\n\u003cdiv class=\"cm-premium\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"cm-hero\"\u003e\n\u003cdiv class=\"cm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-content\"\u003e\n\u003cdiv class=\"cm-badges-top\"\u003e\n\u003cspan class=\"cm-badge\"\u003e🏆 Breveté Naticol®\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🌊 Élevage durable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cm-hero-title\"\u003eCollagène marin Naticol®\u003c\/span\u003e\n\u003cp class=\"cm-subtitle\"\u003eLe meilleur collagène marin français breveté\u003c\/p\u003e\n\u003cp class=\"cm-description\"\u003ePeptides de collagène type I hautement assimilables · 7 études cliniques · 300g · Goût neutre, menthe-citron , mangue, chocolat ou fruits rouges.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Chiffres clés --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003cdiv class=\"cm-stats-grid\"\u003e\n\u003cdiv class=\"cm-stat-card\"\u003e\n\u003cdiv class=\"cm-stat-number\"\u003e88%\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-label\"\u003ese sentent plus jeunes après 2 mois*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-card\"\u003e\n\u003cdiv class=\"cm-stat-number\"\u003e7\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-label\"\u003eétudes cliniques\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-card\"\u003e\n\u003cdiv class=\"cm-stat-number\"\u003e+22%\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-label\"\u003ede fermeté en 8 semaines\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-card\"\u003e\n\u003cdiv class=\"cm-stat-number\"\u003e2 000\u003c\/div\u003e\n\u003cdiv class=\"cm-stat-label\"\u003eà 4 000 Daltons selon la saveur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Bénéfices prouvés --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e✨ Bénéfices prouvés scientifiquement\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e✨ Beauté de la peau\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e+22% de fermeté\u003c\/strong\u003e après 8 semaines, \u003cstrong\u003e+14% d'élasticité\u003c\/strong\u003e cutanée, \u003cstrong\u003e-16% de rides\u003c\/strong\u003e du contour des yeux en 12 semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n\u003cp\u003eAmélioration de la \u003cstrong\u003emobilité articulaire\u003c\/strong\u003e, soutien des cartilages, tendons et ligaments. Résultats dès 1 mois à 10g\/jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💪 Récupération musculaire\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMoins de courbatures\u003c\/strong\u003e après l'effort, récupération améliorée grâce à l'hydrolysat Naticol®. Idéal pour les sportifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💅 Cheveux et ongles\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eRenforcement\u003c\/strong\u003e des structures kératinées, amélioration de la densité capillaire, ongles plus résistants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Pourquoi Naticol --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e🔬 Pourquoi Naticol® est supérieur\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🏆 Breveté \u0026amp; cliniquement prouvé\u003c\/h3\u003e\n\u003cp\u003eLe \u003cstrong\u003eseul collagène marin français breveté\u003c\/strong\u003e, soutenu par 7 études cliniques sur plus de 30 000 testeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⚡ Hydrolyse optimale\u003c\/h3\u003e\n\u003cp\u003ePoids moléculaire de \u003cstrong\u003e4 000 Daltons (neutre)\u003c\/strong\u003e et \u003cstrong\u003e2 000 Daltons (aromatisés)\u003c\/strong\u003e, grâce à une hydrolyse maîtrisée. Absorption rapide et biodisponibilité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌊 Élevage durable certifié\u003c\/h3\u003e\n\u003cp\u003eIssu de \u003cstrong\u003epoissons d'élevage certifiés Friend of the Sea\u003c\/strong\u003e et transformé en France par Weishardt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% peptides de collagène type I\u003c\/strong\u003e en version neutre, sans additifs, sans édulcorant, sans sucre, sans lactose, sans gluten, sans OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e👅 Dissolution parfaite\u003c\/h3\u003e\n\u003cp\u003eSolubilité excellente, \u003cstrong\u003esans goût ni odeur de poisson\u003c\/strong\u003e (version neutre) ou arômes naturels menthe-citron, mangue, fruits rouges, chocolat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💰 Rapport qualité-prix\u003c\/h3\u003e\n\u003cp\u003e~\u003cstrong\u003e1€ par dose\u003c\/strong\u003e (5g). Qualité premium accessible pour une cure longue durée efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Mode d'emploi --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cm-usage-timeline\"\u003e\n\u003cdiv class=\"cm-usage-step\"\u003e\n\u003cdiv class=\"cm-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cm-step-content\"\u003e\n\u003ch3\u003eDosage\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e5g (1 dosette)\u003c\/strong\u003e pour entretien beauté ou \u003cstrong\u003e10g (2 dosettes)\u003c\/strong\u003e pour confort articulaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-usage-step\"\u003e\n\u003cdiv class=\"cm-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cm-step-content\"\u003e\n\u003ch3\u003eDilution\u003c\/h3\u003e\n\u003cp\u003eVerser dans \u003cstrong\u003e200-300ml\u003c\/strong\u003e d'eau, jus, smoothie ou yaourt. Mélanger jusqu'à dissolution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-usage-step\"\u003e\n\u003cdiv class=\"cm-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cm-step-content\"\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eÀ tout moment de la journée\u003c\/strong\u003e, selon votre préférence : l'essentiel est d'en prendre chaque jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-usage-step\"\u003e\n\u003cdiv class=\"cm-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cm-step-content\"\u003e\n\u003ch3\u003eBoost vitamine C\u003c\/h3\u003e\n\u003cp\u003eAssocier avec un \u003cstrong\u003ejus d'orange ou citron\u003c\/strong\u003e pour optimiser la synthèse de collagène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Pour qui --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e👥 Pour qui est fait ce collagène ?\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e👤 À partir de 25 ans\u003c\/h3\u003e\n\u003cp\u003eDès 25 ans, la production naturelle diminue de \u003cstrong\u003e~1% par an\u003c\/strong\u003e. Une supplémentation préventive maintient fermeté et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🏃 Sportifs actifs\u003c\/h3\u003e\n\u003cp\u003eRécupération optimisée, soutien des \u003cstrong\u003earticulations sollicitées\u003c\/strong\u003e, réduction des courbatures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e✨ Beauté naturelle\u003c\/h3\u003e\n\u003cp\u003ePeau ferme et éclatante, réduction des \u003cstrong\u003erides\u003c\/strong\u003e, cheveux et ongles renforcés de l'intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🧘 Confort articulaire\u003c\/h3\u003e\n\u003cp\u003eMobilité préservée, soutien des \u003cstrong\u003ecartilages et tendons\u003c\/strong\u003e, idéal pour articulations sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Infos pratiques --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid-compact\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e300g (60 doses de 5g)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n\u003cp\u003e30 à 60 jours selon dosage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌿 Certifications\u003c\/h3\u003e\n\u003cp\u003eFriend of the Sea (élevage)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Accordéon informations complémentaires --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"cm-accordion\"\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e🌿 Ingrédients par saveur\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cdiv class=\"cm-sub\"\u003e\n\u003cdetails class=\"cm-sub-item\"\u003e\n\u003csummary class=\"cm-sub-header\"\u003eNeutre\u003c\/summary\u003e\n\u003cp\u003ePeptides de collagène marin hydrolysé (\u003cstrong\u003epoisson\u003c\/strong\u003e).\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-sub-item\"\u003e\n\u003csummary class=\"cm-sub-header\"\u003eMenthe-citron\u003c\/summary\u003e\n\u003cp\u003ePeptides de collagène marin hydrolysé (\u003cstrong\u003epoisson\u003c\/strong\u003e), arômes naturels de menthe-citron.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-sub-item\"\u003e\n\u003csummary class=\"cm-sub-header\"\u003eMangue\u003c\/summary\u003e\n\u003cp\u003ePeptides de collagène marin hydrolysé (\u003cstrong\u003epoisson\u003c\/strong\u003e), arômes naturels de mangue.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-sub-item\"\u003e\n\u003csummary class=\"cm-sub-header\"\u003eFruits rouges\u003c\/summary\u003e\n\u003cp\u003ePeptides de collagène marin hydrolysé (\u003cstrong\u003epoisson\u003c\/strong\u003e), arômes naturels de fruits rouges.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-sub-item\"\u003e\n\u003csummary class=\"cm-sub-header\"\u003eChocolat\u003c\/summary\u003e\n\u003cp\u003ePeptides de collagène marin hydrolysé (\u003cstrong\u003epoisson\u003c\/strong\u003e), arômes naturels, poudre de cacao maigre.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-nutri-note\"\u003eAllergène : \u003cstrong\u003epoisson\u003c\/strong\u003e. Sans édulcorant, sans sucre, sans additifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e🧪 Valeurs nutritionnelles\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cdiv class=\"cm-nutri-wrap\"\u003e\n\u003ctable class=\"cm-nutri\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003e100 g\u003c\/th\u003e\n\u003cth\u003eDose 5 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\u003e380 kcal\u003c\/td\u003e\n\u003ctd\u003e19 kcal \/ 79 kJ\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e~94 g\u003c\/td\u003e\n\u003ctd\u003e4,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e~0,1 g\u003c\/td\u003e\n\u003ctd\u003e\u0026lt; 0,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e0 g\u003c\/td\u003e\n\u003ctd\u003e0 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0 g\u003c\/td\u003e\n\u003ctd\u003e0 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-nutri-note\"\u003eUne dose de 5 g apporte 5 000 mg de peptides de collagène marin Naticol®.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Ne pas utiliser comme substitut d'un régime alimentaire varié et équilibré. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de difficultés rénales, ne pas en consommer en excès et demander l'avis d'un professionnel de santé. \u003cstrong\u003eContient du poisson\u003c\/strong\u003e (allergène).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cp\u003eConserver dans un endroit sec, à l'abri de la lumière et de l'humidité. Bien refermer le sachet après chaque utilisation. Ne pas exposer à des températures élevées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e🏭 Fabrication \u0026amp; traçabilité\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cp\u003eTransformé par \u003cstrong\u003eWeishardt\u003c\/strong\u003e, leader européen du collagène marin depuis 1839. Poissons d'élevage certifiés Friend of the Sea, fabrication selon les standards pharmaceutiques (HACCP, ISO 9001) et traçabilité intégrale du poisson au sachet. Chaque lot est analysé pour garantir pureté et respect des normes européennes. Brevet Naticol® garantissant une qualité constante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e📊 Pourquoi le collagène diminue avec l'âge ?\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cp\u003eLe collagène représente \u003cstrong\u003e30% des protéines totales\u003c\/strong\u003e du corps. À 25 ans : début de la diminution (-1%\/an). À 40 ans : perte de 15-20%. À 60 ans : perte de 40-50%.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eConséquences :\u003c\/strong\u003e rides, relâchement cutané, inconfort articulaire, fragilité des cheveux et ongles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA Final --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cm-section\"\u003e\n\u003cdiv class=\"cm-cta-box\"\u003e\n\u003cp\u003e🌊 Rejoignez les \u003cstrong\u003e120 000 personnes\u003c\/strong\u003e qui ont déjà adopté le meilleur collagène marin français. Résultats visibles dès 8 semaines, prouvés par 7 études cliniques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --cm-cream: #fafaf7;\n --cm-white: #ffffff;\n --cm-primary: #2C5F5D;\n --cm-primary-dark: #1a3938;\n --cm-primary-light: #e8f2f1;\n --cm-secondary: #4A8B88;\n --cm-accent: #8FBC8F;\n --cm-text: #1a1a1a;\n --cm-text-light: #5a5a5a;\n --cm-border: #e0e0e0;\n --cm-shadow: 0 4px 24px rgba(44,95,93,.08);\n --cm-shadow-lg: 0 12px 48px rgba(44,95,93,.15);\n --cm-radius: 20px;\n --cm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-secondary) 50%, var(--cm-accent) 100%);\n border-radius: var(--cm-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(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.3) 0%, transparent 40%);\n}\n\n.cm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cm-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.cm-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(--cm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cm-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.cm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.cm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.cm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cm-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.cm-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(--cm-primary), var(--cm-secondary));\n border-radius: 2px;\n}\n\n\/* === STATS GRID === *\/\n.cm-stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n}\n\n.cm-stat-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1rem, 2.5vw, 1.5rem);\n text-align: center;\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.cm-stat-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-stat-number {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 0.5rem;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.cm-stat-label {\n font-size: clamp(11px, 1.5vw, 13px);\n color: var(--cm-text-light);\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.cm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.cm-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cm-grid-compact .cm-card {\n padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n font-size: 12px;\n}\n\n\/* === USAGE TIMELINE === *\/\n.cm-usage-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.cm-usage-step {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: 1.5rem;\n box-shadow: var(--cm-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n transition: all .3s ease;\n}\n\n.cm-usage-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--cm-shadow-lg);\n}\n\n.cm-step-number {\n width: 36px;\n height: 36px;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 16px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.cm-step-content h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.cm-step-content p {\n font-size: 13px;\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.cm-accordion {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n box-shadow: var(--cm-shadow);\n overflow: hidden;\n}\n\n.cm-accordion-item {\n border-bottom: 1px solid var(--cm-border);\n margin: 0;\n padding: 0;\n}\n\n.cm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cm-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.cm-accordion-header:hover {\n background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cm-primary);\n transition: transform .2s ease;\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n content: '−';\n}\n\n.cm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.cm-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.cm-accordion-content p:last-child {\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.cm-sub {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n margin-bottom: .75rem;\n}\n\n.cm-sub-item {\n border: 1px solid var(--cm-border);\n border-radius: var(--cm-radius-sm);\n background: var(--cm-cream);\n margin: 0;\n}\n\n.cm-sub-header {\n padding: .6rem 1rem;\n font-weight: 700;\n font-size: 14px;\n color: var(--cm-primary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n}\n\n.cm-sub-header::-webkit-details-marker {\n display: none;\n}\n\n.cm-sub-header::after {\n content: '+';\n font-size: 18px;\n font-weight: 400;\n color: var(--cm-secondary);\n}\n\n.cm-sub-item[open] .cm-sub-header::after {\n content: '−';\n}\n\n.cm-accordion-content .cm-sub-item p {\n padding: 0 1rem .75rem;\n margin: 0;\n}\n\n.cm-accordion-content .cm-nutri-note {\n margin-top: .75rem;\n font-size: 13px;\n}\n\n.cm-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.cm-premium table.cm-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--cm-text); word-break: normal; }\n.cm-premium table.cm-nutri th, .cm-premium table.cm-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--cm-border); padding: .55rem .75rem !important; box-shadow: none; }\n.cm-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--cm-secondary); border-bottom: 2px solid var(--cm-primary); }\n.cm-nutri tbody tr:last-child td { border-bottom: none; }\n.cm-nutri tbody tr:nth-child(even) td { background: var(--cm-primary-light); }\n.cm-nutri th:not(:first-child), .cm-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.cm-nutri td:last-child { font-weight: 700; color: var(--cm-primary-dark); }\n@media (max-width: 767px) { .cm-premium table.cm-nutri { font-size: 13px; } .cm-premium table.cm-nutri th, .cm-premium table.cm-nutri td { padding: .5rem .5rem !important; } }\n\n\/* === CTA FINAL === *\/\n.cm-cta-box {\n background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n border-radius: var(--cm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cm-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .cm-stat-card {\n padding: .875rem;\n }\n \n .cm-stat-number {\n font-size: 26px;\n }\n \n .cm-stat-label {\n font-size: 10px;\n }\n \n .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cm-grid-compact {\n gap: .625rem;\n }\n \n .cm-grid-compact .cm-card {\n padding: .75rem;\n }\n \n .cm-usage-timeline {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cm-usage-step {\n padding: 1.125rem;\n }\n \n .cm-card {\n padding: 1.125rem;\n }\n \n .cm-section {\n margin-bottom: 1.75rem;\n }\n \n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n \n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cm-card,\n .cm-stat-card,\n .cm-usage-step {\n animation: fadeInUp .5s ease backwards;\n }\n .cm-card:nth-child(1), .cm-stat-card:nth-child(1), .cm-usage-step:nth-child(1) { animation-delay: .05s; }\n .cm-card:nth-child(2), .cm-stat-card:nth-child(2), .cm-usage-step:nth-child(2) { animation-delay: .1s; }\n .cm-card:nth-child(3), .cm-stat-card:nth-child(3), .cm-usage-step:nth-child(3) { animation-delay: .15s; }\n .cm-card:nth-child(4), .cm-stat-card:nth-child(4), .cm-usage-step:nth-child(4) { animation-delay: .2s; }\n .cm-card:nth-child(5) { animation-delay: .25s; }\n .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n.cm-premium .cm-accordion-header { gap: .75rem; } .cm-premium .cm-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Goût neutre","offer_id":55692020318585,"sku":"COLLAGENENEUTREHUMBLE","price":25.99,"currency_code":"EUR","in_stock":true},{"title":"Arômes menthe-citron","offer_id":55692020351353,"sku":"COLLAGENEMENTHECITRONHUMBLE","price":25.99,"currency_code":"EUR","in_stock":true},{"title":"Chocolat","offer_id":57253637685625,"sku":"COLLAGENECHOCOLATHUMBLE","price":25.99,"currency_code":"EUR","in_stock":true},{"title":"Mangue","offer_id":57261661389177,"sku":"COLLAGENEMANGUEHUMBLE","price":25.99,"currency_code":"EUR","in_stock":true},{"title":"Fruits rouges","offer_id":63743508087161,"sku":"COLLAGENEFRUITSROUGESHUMBLE","price":25.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-poudre-neutre-humble.jpg?v=1779354709"},{"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\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🇫🇷 Protéines françaises\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e🐟 Collagène Naticol®\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e☕ Saveur café Arabica\u003c\/span\u003e \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\"\u003e21,7 g de protéines dont 10 g de 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\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\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\u003e21,7 g de protéines\u003c\/strong\u003e (dont 10 g de collagène) 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, au café arabica, 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\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 du lait des Alpes françaises\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é arabica\u003c\/h3\u003e\n\u003cp\u003ePour un arôme de café authentique\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\u003eSans arôme artificiel\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📋 Ingrédients complets (saveur café)\u003c\/summary\u003e\n\u003cdiv class=\"hpc-accordion-content mt-3\"\u003e\n\u003cp\u003eConcentré de protéines de lactosérum (\u003cstrong\u003elait\u003c\/strong\u003e) (origine : France), peptides de collagène marin (\u003cstrong\u003epoisson\u003c\/strong\u003e), sucre blond, arômes naturels, café arabica.\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📊 Valeurs nutritionnelles (30 g)\u003c\/summary\u003e\n\u003cdiv class=\"hpc-accordion-content mt-3\"\u003e\n\u003cdiv class=\"hpc-nutri-wrap\"\u003e\n\u003ctable class=\"hpc-nutri\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e111 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e21,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hpc-nutri-sub\"\u003e\n\u003ctd\u003edont lactosérum (lait)\u003c\/td\u003e\n\u003ctd\u003e~11,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hpc-nutri-sub\"\u003e\n\u003ctd\u003edont collagène marin\u003c\/td\u003e\n\u003ctd\u003e10 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e3,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hpc-nutri-sub\"\u003e\n\u003ctd\u003edont sucres\u003c\/td\u003e\n\u003ctd\u003e2,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e0,9 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hpc-nutri-sub\"\u003e\n\u003ctd\u003edont acides gras saturés\u003c\/td\u003e\n\u003ctd\u003e0,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres alimentaires\u003c\/td\u003e\n\u003ctd\u003e0,6 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,06 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"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\u003eUne dose complète (30 g) par jour pour un objectif sport ou récupération, ou une demi-dose (15 g, 1 dosette) en apport complémentaire au quotidien. 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\u003ePrenez-la chaque jour : les effets du collagène se ressentent à partir de \u003cstrong\u003e4 à 8 semaines\u003c\/strong\u003e de prise quotidienne. 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\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 d'\u003cstrong\u003eélevages durables certifiés Friend of the Sea\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\u003eDéconseillé en cas d'allergie au lait ou au poisson. En cas de doute ou de difficultés rénales, consultez votre médecin avant utilisation.\u003c\/p\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\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\u003c\/div\u003e\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\/* === TABLEAU NUTRITIONNEL === *\/\n.hpc-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.hpc-premium table.hpc-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hpc-text); word-break: normal; }\n.hpc-premium table.hpc-nutri th, .hpc-premium table.hpc-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hpc-border); padding: .55rem .75rem !important; box-shadow: none; }\n.hpc-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hpc-secondary); border-bottom: 2px solid var(--hpc-primary); }\n.hpc-premium table.hpc-nutri th { border-bottom: 2px solid var(--hpc-primary); }\n.hpc-nutri tbody tr:last-child td { border-bottom: none; }\n.hpc-nutri tbody tr:nth-child(even) td { background: var(--hpc-primary-light); }\n.hpc-nutri th:not(:first-child), .hpc-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.hpc-nutri td:last-child { font-weight: 700; color: var(--hpc-primary-dark); }\n.hpc-premium table.hpc-nutri tr.hpc-nutri-sub td:first-child { padding-left: 1.5rem !important; color: var(--hpc-text-light); }\n.hpc-grid-compact .hpc-card:last-child:nth-child(odd) { grid-column: 1 \/ -1; }\n@media (max-width: 767px) { .hpc-premium table.hpc-nutri { font-size: 13px; } }\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\n.hpc-premium .hpc-accordion-header { gap: .75rem; } .hpc-premium .hpc-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":55567471280505,"sku":"PROTCAFEHUMBLE","price":32.64,"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":"collagene-marin-150-gelules-humble","title":"Collagène Marin - 150 gélules - Humble+","description":"\u003cdiv class=\"cm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cm-hero\"\u003e\n\u003cdiv class=\"cm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-content\"\u003e\n\u003cdiv class=\"cm-badges-top\"\u003e\n\u003cspan class=\"cm-badge\"\u003e🐟 Tripeptides Naticol®\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e🧪 Efficacité clinique\u003c\/span\u003e \u003cspan class=\"cm-badge\"\u003e📺 Vu à la TV\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cm-hero-title\"\u003eCollagène Marin Humble+\u003c\/span\u003e\n\u003cp class=\"cm-subtitle\"\u003eLook Good · Feel Good\u003c\/p\u003e\n\u003cp class=\"cm-description\"\u003e150 gélules · 2 500 mg de tripeptides marins par jour · 1 mois de cure complète\u003c\/p\u003e\n\u003cdiv class=\"cm-hero-stats\"\u003e\n\u003cdiv class=\"cm-hero-stat\"\u003e\n\u003cspan class=\"cm-hero-stat-number\"\u003e−42%\u003c\/span\u003e \u003cspan class=\"cm-hero-stat-label\"\u003ede rides visibles*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-stat-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-stat\"\u003e\n\u003cspan class=\"cm-hero-stat-number\"\u003e+34%\u003c\/span\u003e \u003cspan class=\"cm-hero-stat-label\"\u003ed'éclat du teint*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-stat-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cm-hero-stat\"\u003e\n\u003cspan class=\"cm-hero-stat-number\"\u003e8 sem.\u003c\/span\u003e \u003cspan class=\"cm-hero-stat-label\"\u003erésultats prouvés*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-hero-footnote\"\u003e*Étude clinique sur 45 femmes de 55 à 70 ans, 2,5 g de Naticol® par jour pendant 8 semaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eCollagène marin Humble+ : des tripeptides Naticol® pour votre peau et vos articulations\u003c\/h2\u003e\n\u003cp class=\"cm-section-intro\"\u003eÀ partir de 25 ans, votre corps produit de moins en moins de collagène. Résultat : la peau perd en fermeté, les premières rides apparaissent et les articulations peuvent devenir plus sensibles.\u003c\/p\u003e\n\u003cdiv class=\"cm-highlight-box\"\u003e\n\u003cp\u003eLe \u003cstrong\u003ecollagène marin\u003c\/strong\u003e Humble+ apporte une réponse concrète grâce à ses \u003cstrong\u003etripeptides Naticol®\u003c\/strong\u003e, une forme ultra-concentrée dont l'efficacité est documentée par des études cliniques. Avec seulement \u003cstrong\u003e5 gélules par jour\u003c\/strong\u003e, vous bénéficiez de \u003cstrong\u003e2,5 g de peptides marins\u003c\/strong\u003e, soit l'équivalent en efficacité de 5 g de collagène marin en poudre — \u003cstrong\u003esans goût, sans préparation et sans additifs\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eLes bienfaits du collagène marin Naticol® prouvés cliniquement\u003c\/h2\u003e\n\u003cp class=\"cm-section-intro\"\u003eCe qui distingue cette formule, c'est la qualité de son actif. Les tripeptides Naticol® sont des peptides de très faible poids moléculaire, absorbés rapidement par l'organisme. Une étude clinique a démontré des résultats remarquables en seulement 8 semaines :\u003c\/p\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e✨ −42 % de rides visibles\u003c\/h3\u003e\n\u003cp\u003eLa peau retrouve souplesse et lissé, les ridules s'estompent significativement dès les premières semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌟 +34 % d'éclat\u003c\/h3\u003e\n\u003cp\u003eLe teint paraît plus lumineux et uniforme, avec une amélioration visible de la qualité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🦴 Confort articulaire amélioré\u003c\/h3\u003e\n\u003cp\u003eSoutien du cartilage, des tendons et des ligaments pour retrouver mobilité et souplesse au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💅 Beauté globale renforcée\u003c\/h3\u003e\n\u003cp\u003eCheveux, ongles et tissus conjonctifs bénéficient également de cet apport ciblé en peptides marins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-tip\"\u003e\n\u003cspan class=\"cm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLes \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e ne se limitent pas à l'esthétique : c'est un véritable allié pour votre bien-être quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eComposition transparente et posologie\u003c\/h2\u003e\n\u003cp class=\"cm-section-intro\"\u003eLa formule est volontairement minimaliste pour garantir pureté et tolérance.\u003c\/p\u003e\n\u003cdiv class=\"cm-grid-compact\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🐟 Tripeptides Naticol®\u003c\/h3\u003e\n\u003cp\u003eCollagène marin (origine poisson) — 2 500 mg pour 5 gélules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eHPMC (hypromellose), sans gélatine animale, avec un peu d'huile de coco\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n\u003cp\u003eSans arôme, sans édulcorant, sans sucre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⚠️ Allergène\u003c\/h3\u003e\n\u003cp\u003eContient du poisson\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-accordion\"\u003e\n\u003cdetails class=\"cm-accordion-item\"\u003e\n\u003csummary class=\"cm-accordion-header\"\u003e🔍 Ingrédients complets et quantité par dose\u003c\/summary\u003e\n\u003cdiv class=\"cm-accordion-content\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e tripeptides de collagène marin Naticol® (\u003cstrong\u003epoisson\u003c\/strong\u003e), gélule végétale (HPMC), huile de coco.\u003c\/p\u003e\n\u003cdiv class=\"cm-nutri-wrap\"\u003e\n\u003ctable class=\"cm-nutri\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eActif\u003c\/th\u003e\n\u003cth\u003e5 gélules\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eTripeptides de collagène marin Naticol®\u003c\/td\u003e\n\u003ctd\u003e2 500 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-accordion-note\"\u003eCollagène marin de type I (1 200 daltons), issu de poissons d'élevage certifiés Friend of the Sea®.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-posologie-box\"\u003e\n\u003ch3\u003e📋 Posologie recommandée\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, à n'importe quel moment de la journée. Un flacon de 150 gélules correspond à \u003cstrong\u003e1 mois de cure complète\u003c\/strong\u003e. Pour des résultats optimaux, maintenez la prise pendant au moins \u003cstrong\u003e8 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003eLe collagène marin présente‑t‑il des dangers ?\u003c\/h2\u003e\n\u003cdiv class=\"cm-reassurance-box\"\u003e\n\u003cp\u003eC'est une question légitime que beaucoup d'entre vous se posent. Rassurez-vous : le \u003cstrong\u003ecollagène marin\u003c\/strong\u003e est généralement très bien toléré. La principale précaution concerne les personnes \u003cstrong\u003eallergiques au poisson\u003c\/strong\u003e, qui doivent éviter ce type de complément.\u003c\/p\u003e\n\u003cp\u003ePlus rarement, de légers troubles digestifs peuvent apparaître en début de cure : réduire la dose puis l'augmenter progressivement suffit souvent. En cas de difficultés rénales, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n\u003cp\u003eSi vous êtes enceinte, allaitante ou sous traitement médical, consultez votre médecin avant de commencer une supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"cm-section\"\u003e\n\u003ch2\u003ePourquoi choisir Humble+ plutôt qu'un collagène classique ?\u003c\/h2\u003e\n\u003cdiv class=\"cm-grid\"\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e⚡ Tripeptides vs peptides standards\u003c\/h3\u003e\n\u003cp\u003eLes tripeptides Naticol® sont absorbés plus rapidement et plus efficacement que les peptides classiques présents dans la plupart des collagènes en poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🎯 Dosage optimisé\u003c\/h3\u003e\n\u003cp\u003e2,5 g suffisent là où il faut 5 g de collagène marin en poudre classique pour des résultats comparables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n\u003cp\u003ePas de mélange, pas de shaker, pas de goût désagréable. Simplement 5 gélules à avaler avec de l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-card\"\u003e\n\u003ch3\u003e🏆 Engagements qualité\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France, certifié Friend of the Sea®, conforme aux normes HACCP et ISO 9001.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"cm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConseils pour maximiser les résultats\u003c\/h2\u003e\n\u003cdiv class=\"cm-timeline\"\u003e\n\u003cdiv class=\"cm-timeline-item\"\u003e\n\u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-content\"\u003e\n\u003ch3\u003eAssociez à la vitamine C\u003c\/h3\u003e\n\u003cp\u003eAgrumes, kiwi, poivron… La vitamine C est indispensable à la synthèse naturelle du collagène par votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-item\"\u003e\n\u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-content\"\u003e\n\u003ch3\u003eConservez correctement\u003c\/h3\u003e\n\u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité pour préserver toute l'efficacité des tripeptides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-item\"\u003e\n\u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cm-timeline-content\"\u003e\n\u003ch3\u003eAdoptez une démarche globale\u003c\/h3\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni une alimentation équilibrée, ni un traitement médical. Il s'inscrit dans une démarche globale de soin de soi, en complément de bonnes habitudes de vie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cm-cta-box\"\u003e\n\u003cp\u003e🌊 Offrez à votre peau, vos articulations et votre beauté le meilleur du collagène marin — cliniquement prouvé, fabriqué en France et d'une pureté irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cm-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cm-cream: #f4f1ec;\n --cm-white: #ffffff;\n --cm-primary: #1B4D5C;\n --cm-primary-dark: #0F3340;\n --cm-primary-light: #e8f1f4;\n --cm-secondary: #6BA3B5;\n --cm-accent: #C8A87C;\n --cm-text: #1a1a1a;\n --cm-text-light: #5a5a5a;\n --cm-border: #e0e0e0;\n --cm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cm-radius: 20px;\n --cm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cm-hero {\n position: relative;\n background: linear-gradient(135deg, #0F3340 0%, #1B4D5C 40%, #6BA3B5 100%);\n border-radius: var(--cm-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(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 40px,\n rgba(255,255,255,.03) 40px,\n rgba(255,255,255,.03) 42px\n );\n opacity: 1;\n}\n\n.cm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cm-subtitle {\n color: var(--cm-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n font-style: italic;\n margin: 0 0 .75rem 0;\n letter-spacing: .05em;\n}\n\n.cm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0 0 2rem 0;\n line-height: 1.6;\n}\n\n\/* === HERO STATS === *\/\n.cm-hero-stats {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: clamp(1rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n flex-wrap: wrap;\n}\n\n.cm-hero-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.cm-hero-stat-number {\n font-size: clamp(28px, 6vw, 44px);\n font-weight: 900;\n color: white;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.cm-hero-stat-label {\n font-size: clamp(11px, 2vw, 14px);\n color: rgba(255,255,255,.75);\n font-weight: 500;\n margin-top: 2px;\n}\n\n.cm-hero-stat-divider {\n width: 1px;\n height: 50px;\n background: rgba(255,255,255,.2);\n}\n\n.cm-hero-footnote {\n font-size: 11px;\n color: rgba(255,255,255,.5);\n margin: 0;\n font-style: italic;\n}\n\n\/* === BADGES === *\/\n.cm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cm-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(--cm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cm-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.cm-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(--cm-primary), var(--cm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-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.cm-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cm-grid-compact .cm-card {\n padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cm-highlight-box {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cm-shadow);\n border-left: 5px solid var(--cm-accent);\n}\n\n.cm-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === POSOLOGIE BOX === *\/\n.cm-posologie-box {\n background: linear-gradient(135deg, var(--cm-primary-light) 0%, #daeef3 100%);\n border-radius: var(--cm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-top: 1.25rem;\n text-align: center;\n}\n\n.cm-posologie-box h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.cm-posologie-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cm-text);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === REASSURANCE BOX === *\/\n.cm-reassurance-box {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid #d4edda;\n position: relative;\n}\n\n.cm-reassurance-box::before {\n content: '✅';\n position: absolute;\n top: -14px;\n left: 24px;\n font-size: 28px;\n background: var(--cm-cream);\n padding: 0 8px;\n}\n\n.cm-reassurance-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--cm-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.cm-reassurance-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.cm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-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.cm-timeline-content {\n flex: 1;\n background: var(--cm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cm-radius-sm);\n box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n font-size: 14px;\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cm-primary-light);\n border-radius: var(--cm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cm-tip p {\n font-size: 14px;\n color: var(--cm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cm-cta-box {\n background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n border-radius: var(--cm-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.cm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 120deg,\n transparent,\n transparent 60px,\n rgba(255,255,255,.03) 60px,\n rgba(255,255,255,.03) 62px\n );\n}\n\n.cm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.cm-disclaimer {\n font-size: 12px;\n color: var(--cm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === ACCORDÉON COMPOSITION === *\/\n.cm-accordion {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n box-shadow: var(--cm-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.cm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n list-style: none;\n transition: background .2s ease;\n}\n\n.cm-accordion-header:hover {\n background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cm-primary);\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n content: '−';\n}\n\n.cm-accordion-content {\n padding: 0 1.25rem 1.25rem;\n color: var(--cm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.cm-accordion-content p {\n margin: 0 0 1rem 0;\n}\n\n.cm-accordion-content p.cm-accordion-note {\n margin: 1rem 0 0 0;\n font-size: 13px;\n}\n\n.cm-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.cm-premium table.cm-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--cm-text); word-break: normal; }\n.cm-premium table.cm-nutri th, .cm-premium table.cm-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--cm-border); padding: .55rem .75rem !important; box-shadow: none; }\n.cm-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--cm-secondary); border-bottom: 2px solid var(--cm-primary); }\n.cm-nutri tbody tr:last-child td { border-bottom: none; }\n.cm-nutri tbody tr:nth-child(even) td { background: var(--cm-primary-light); }\n.cm-nutri th:not(:first-child), .cm-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.cm-nutri td:last-child { font-weight: 700; color: var(--cm-primary-dark); }\n@media (max-width: 767px) { .cm-premium table.cm-nutri { font-size: 13px; } }\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cm-card {\n padding: 1.125rem;\n }\n\n .cm-section {\n margin-bottom: 1.75rem;\n }\n\n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n\n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cm-grid-compact {\n gap: .625rem;\n }\n\n .cm-grid-compact .cm-card {\n padding: .75rem;\n }\n\n .cm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cm-timeline-content h3 {\n font-size: 14px;\n }\n\n .cm-timeline-content p {\n font-size: 13px;\n }\n\n .cm-hero-stats {\n gap: .75rem;\n }\n\n .cm-hero-stat-number {\n font-size: 26px;\n }\n\n .cm-hero-stat-label {\n font-size: 10px;\n }\n\n .cm-hero-stat-divider {\n height: 35px;\n }\n\n .cm-highlight-box {\n padding: 1.25rem;\n }\n\n .cm-posologie-box {\n padding: 1.25rem;\n }\n\n .cm-reassurance-box {\n padding: 1.25rem;\n padding-top: 1.5rem;\n }\n\n .cm-reassurance-box::before {\n top: -12px;\n left: 16px;\n font-size: 22px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cm-card {\n animation: cmFadeInUp .5s ease backwards;\n }\n .cm-card:nth-child(1) { animation-delay: .05s; }\n .cm-card:nth-child(2) { animation-delay: .1s; }\n .cm-card:nth-child(3) { animation-delay: .15s; }\n .cm-card:nth-child(4) { animation-delay: .2s; }\n .cm-card:nth-child(5) { animation-delay: .25s; }\n .cm-card:nth-child(6) { animation-delay: .3s; }\n\n .cm-timeline-item {\n animation: cmFadeInUp .5s ease backwards;\n }\n .cm-timeline-item:nth-child(1) { animation-delay: .1s; }\n .cm-timeline-item:nth-child(2) { animation-delay: .2s; }\n .cm-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes cmFadeInUp {\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 .cm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n.cm-premium .cm-accordion-header { gap: .75rem; } .cm-premium .cm-accordion-header::after { flex-shrink: 0; }\n\n@media (min-width: 768px) { .cm-premium .cm-grid-compact .cm-card p { font-size: 14px; } .cm-premium .cm-grid-compact .cm-card h3 { font-size: 16px; } }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":55567599010169,"sku":"COLLAGENE150HUMBLE","price":21.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene_marin_gelules_humble.webp?v=1785505527"},{"product_id":"vitalite-collagene-pomme-citron-humble","title":"Multi-Nutriments Vitalité - 420g (saveur Pomme-Citron) - Humble+","description":"\u003cstyle\u003e.rf-gallery-main,.reelfy-stories{display:none!important;}\u003c\/style\u003e\n\u003cdiv class=\"hmb-premium\"\u003e\n\n \u003cdiv class=\"hmb-hero\"\u003e\n \u003cdiv class=\"hmb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hmb-hero-content\"\u003e\n \u003cdiv class=\"hmb-badges-top\"\u003e\n \u003cspan class=\"hmb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hmb-badge\"\u003e🌿 19 vitamines \u0026amp; minéraux\u003c\/span\u003e\n \u003cspan class=\"hmb-badge\"\u003e🍏 Saveur pomme-citron\u003c\/span\u003e\n \u003cspan class=\"hmb-badge\"\u003e📅 Cure de 30 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hmb-hero-title\"\u003eRetrouvez tonus, clarté et sérénité au quotidien\u003c\/span\u003e\n \u003cp class=\"hmb-subtitle\"\u003eLook good, feel good.\u003c\/p\u003e\n \u003cp class=\"hmb-description\"\u003eUne poudre nouvelle génération qui réunit 19 vitamines et minéraux essentiels, associés à la spiruline et à la rhodiola, pour soutenir votre vitalité chaque matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hmb-section\"\u003e\n \u003ch2\u003eMulti-Nutriments Vitalité Humble+ : votre allié quotidien contre la fatigue\u003c\/h2\u003e\n \u003cp class=\"hmb-section-intro\"\u003eVous ressentez une baisse d'énergie persistante, un stress qui s'installe ou un besoin de soutenir votre organisme au quotidien ? Le \u003cstrong\u003eMulti-Nutriments Vitalité Humble+\u003c\/strong\u003e est un complément alimentaire vitalité nouvelle génération, formulé sous forme de poudre à la saveur pomme-citron. Une seule dose vous apporte \u003cstrong\u003e19 vitamines et minéraux essentiels\u003c\/strong\u003e, associés à des plantes reconnues comme la spiruline et la rhodiola. Pensé pour celles et ceux qui veulent retrouver tonus, clarté mentale et sérénité, ce complément alimentaire forme et vitalité se glisse facilement dans votre routine matinale.\u003c\/p\u003e\n \u003cdiv class=\"hmb-grid-compact\"\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n \u003cp\u003eRéduit la fatigue au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n \u003cp\u003eSoutient le système immunitaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🧠 Cognition\u003c\/h3\u003e\n \u003cp\u003eFavorise la fonction cognitive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🧘 Sérénité\u003c\/h3\u003e\n \u003cp\u003eAide à mieux gérer le stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hmb-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire énergie et vitalité ?\u003c\/h2\u003e\n \u003cp class=\"hmb-section-intro\"\u003eContrairement aux gélules classiques, la formule en poudre permet un dosage généreux et une meilleure biodisponibilité des actifs. Chaque dosette de 14 g concentre un cocktail complet pensé pour vous.\u003c\/p\u003e\n \u003cdiv class=\"hmb-grid\"\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e💪 Réduire la fatigue\u003c\/h3\u003e\n \u003cp\u003eGrâce à la vitamine C, aux vitamines B et au magnésium pour retrouver un vrai coup d'énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🛡️ Soutenir l'immunité\u003c\/h3\u003e\n \u003cp\u003eLe zinc et la vitamine C contribuent au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🧠 Booster la cognition\u003c\/h3\u003e\n \u003cp\u003eLe zinc et les vitamines B favorisent une fonction cognitive normale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🌿 Mieux gérer le stress\u003c\/h3\u003e\n \u003cp\u003eL'extrait de Rhodiola rosea, plante adaptogène reconnue, aide à composer avec le stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 contribue à réguler l'activité hormonale au fil des cycles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-card\"\u003e\n \u003ch3\u003e🌱 Actifs végétaux\u003c\/h3\u003e\n \u003cp\u003eSpiruline, épinard et rhodiola pour un vrai concentré de nature dans votre verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hmb-section hmb-compo\"\u003e\n \u003ch2\u003eComposition détaillée par dose de 14 g\u003c\/h2\u003e\n \u003cp class=\"hmb-section-intro\"\u003eUne dosette de 14 g dans 250 ml d'eau ou de lait végétal. Voici exactement ce qu'elle vous apporte, avec la part des \u003cstrong\u003evaleurs nutritionnelles de référence (VNR)\u003c\/strong\u003e couverte chaque jour.\u003c\/p\u003e\n \u003cdiv class=\"hmb-accordion\"\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e💊 Vitamines\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eVitamine\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine C\u003c\/td\u003e\n\u003ctd\u003e94 mg\u003c\/td\u003e\n\u003ctd\u003e118 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine A\u003c\/td\u003e\n\u003ctd\u003e789 µg\u003c\/td\u003e\n\u003ctd\u003e99 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine D3\u003c\/td\u003e\n\u003ctd\u003e5 µg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine E\u003c\/td\u003e\n\u003ctd\u003e12 mg\u003c\/td\u003e\n\u003ctd\u003e98 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine K1\u003c\/td\u003e\n\u003ctd\u003e72 µg\u003c\/td\u003e\n\u003ctd\u003e96 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B1 (thiamine)\u003c\/td\u003e\n\u003ctd\u003e1,2 mg\u003c\/td\u003e\n\u003ctd\u003e107 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B2 (riboflavine)\u003c\/td\u003e\n\u003ctd\u003e1,5 mg\u003c\/td\u003e\n\u003ctd\u003e108 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B3 (niacine)\u003c\/td\u003e\n\u003ctd\u003e14 mg\u003c\/td\u003e\n\u003ctd\u003e86 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B5 (acide pantothénique)\u003c\/td\u003e\n\u003ctd\u003e6,1 mg\u003c\/td\u003e\n\u003ctd\u003e101 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B6 (pyridoxine)\u003c\/td\u003e\n\u003ctd\u003e1,5 mg\u003c\/td\u003e\n\u003ctd\u003e109 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B8 (biotine)\u003c\/td\u003e\n\u003ctd\u003e50 µg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B9 (acide folique)\u003c\/td\u003e\n\u003ctd\u003e178 µg\u003c\/td\u003e\n\u003ctd\u003e89 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B12 (cyanocobalamine)\u003c\/td\u003e\n\u003ctd\u003e2,5 µg\u003c\/td\u003e\n\u003ctd\u003e99 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e⚡ Minéraux\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eMinéral\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003ePotassium\u003c\/td\u003e\n\u003ctd\u003e409 mg\u003c\/td\u003e\n\u003ctd\u003e20 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMagnésium\u003c\/td\u003e\n\u003ctd\u003e120 mg\u003c\/td\u003e\n\u003ctd\u003e32 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCalcium\u003c\/td\u003e\n\u003ctd\u003e36,5 mg\u003c\/td\u003e\n\u003ctd\u003e5 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eZinc\u003c\/td\u003e\n\u003ctd\u003e10 mg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eIode\u003c\/td\u003e\n\u003ctd\u003e57,3 µg\u003c\/td\u003e\n\u003ctd\u003e38 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSélénium\u003c\/td\u003e\n\u003ctd\u003e22 µg\u003c\/td\u003e\n\u003ctd\u003e40 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eChrome\u003c\/td\u003e\n\u003ctd\u003e13 µg\u003c\/td\u003e\n\u003ctd\u003e31 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e🌿 Plantes et actifs\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri hmb-nutri--plain\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eActif\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003ePoudre d'épinard\u003c\/td\u003e\n\u003ctd\u003e363 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSpiruline\u003c\/td\u003e\n\u003ctd\u003e245 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eExtrait de Rhodiola rosea\u003c\/td\u003e\n\u003ctd\u003e200 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCholine (bitartrate)\u003c\/td\u003e\n\u003ctd\u003e160 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e📊 Valeurs nutritionnelles\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri hmb-nutri--plain\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e48 kcal \/ 204 kJ\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e3,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e6,8 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e  dont sucres\u003c\/td\u003e\n\u003ctd\u003e2,2 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFibres alimentaires\u003c\/td\u003e\n\u003ctd\u003e2,9 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e\u0026lt; 0,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e  dont acides gras saturés\u003c\/td\u003e\n\u003ctd\u003e\u0026lt; 0,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,22 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cp\u003eProtéine de pois (origine UE), fibre d'acacia (origine non UE), minéraux (12 %) : citrate de potassium, bisglycinate de magnésium, bisglycinate de zinc, picolinate de chrome, iodure de potassium ; sucre blond de canne, arôme naturel de citron et autres arômes naturels, poudre de citron (4,32 %), poudre de pomme (4,32 %), choline L-bitartrate enrobée, vitamines (2,7 %) : vitamine C (acide ascorbique), vitamine K1 (phylloquinone), extrait d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e L., fruit), vitamine E, vitamine B3 (nicotinamide), vitamine A (acétate de rétinol), vitamine B5, vitamine B12, vitamine B6, vitamine D3 (cholécalciférol), vitamine B1, vitamine B2, vitamine B9, vitamine B8 (biotine) ; poudre d'épinard (2,59 %), poudre de microalgues de spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) (1,75 %), extrait de \u003cem\u003eRhodiola rosea\u003c\/em\u003e (racine) (1,44 %), maltodextrine, basilic, L-sélénométhionine.\u003c\/p\u003e\n \u003cp class=\"hmb-nutri-traces\"\u003ePeut contenir des traces de sulfites, céleri, gluten, lait et moutarde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hmb-disclaimer\"\u003e* VNR : valeurs nutritionnelles de référence pour un adulte.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hmb-section\"\u003e\n \u003ch2\u003eComment prendre le Multi-Nutriments Vitalité ?\u003c\/h2\u003e\n \u003cdiv class=\"hmb-timeline\"\u003e\n \u003cdiv class=\"hmb-timeline-item\"\u003e\n \u003cdiv class=\"hmb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-content\"\u003e\n \u003ch3\u003eUne dosette par jour\u003c\/h3\u003e\n \u003cp\u003ePrenez 1 dosette (14 g), de préférence le matin ou en début de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-item\"\u003e\n \u003cdiv class=\"hmb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-content\"\u003e\n \u003ch3\u003eMélangez à 250 ml\u003c\/h3\u003e\n \u003cp\u003eDiluez dans 250 ml d'eau froide ou de lait végétal, selon votre préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-item\"\u003e\n \u003cdiv class=\"hmb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-content\"\u003e\n \u003ch3\u003eFouettez ou shakez\u003c\/h3\u003e\n \u003cp\u003eUtilisez un fouet ou un shaker pour une dissolution complète et onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-item\"\u003e\n \u003cdiv class=\"hmb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hmb-timeline-content\"\u003e\n \u003ch3\u003eBuvez immédiatement\u003c\/h3\u003e\n \u003cp\u003eÀ reconstituer juste avant consommation pour préserver toute la fraîcheur des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hmb-tip\"\u003e\n \u003cspan class=\"hmb-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eLe sachet de 420 g offre \u003cstrong\u003e30 doses\u003c\/strong\u003e, soit une cure complète d'un mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hmb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hmb-accordion\"\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé aux adultes. Ne pas dépasser la dose journalière recommandée. Usage prolongé déconseillé. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, désireuses de l'être et aux femmes ménopausées (présence de rétinol). Déconseillé aux personnes sous anticoagulants, souffrant de troubles thyroïdiens, aux fumeurs, aux personnes âgées ou atteintes de néphropathie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e👨‍⚕️ Traitement médicamenteux\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médicamenteux, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hmb-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hmb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFabrication française et exigence Humble+\u003c\/h2\u003e\n \u003cdiv class=\"hmb-cta-box\"\u003e\n \u003cp\u003eLe Multi-Nutriments Vitalité est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e et proposé en exclusivité par Humble+. Une formule pensée dans l'esprit de la marque : \u003cem\u003eLook good, feel good.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --hmb-cream: #f5efe3;\n --hmb-white: #ffffff;\n --hmb-primary: #a8c47a;\n --hmb-primary-dark: #2a3a26;\n --hmb-primary-light: #eaf1d8;\n --hmb-secondary: #6b8e3d;\n --hmb-accent: #d4e09b;\n --hmb-text: #1a1a1a;\n --hmb-text-light: #5a5a5a;\n --hmb-border: #e0e0e0;\n --hmb-shadow: 0 4px 24px rgba(42,58,38,.08);\n --hmb-shadow-lg: 0 12px 48px rgba(42,58,38,.15);\n --hmb-radius: 20px;\n --hmb-radius-sm: 12px;\n }\n\n .hmb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hmb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hmb-text);\n }\n\n .hmb-hero {\n position: relative;\n background: linear-gradient(135deg, #a8c47a 0%, #6b8e3d 50%, #2a3a26 100%);\n border-radius: var(--hmb-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(--hmb-shadow-lg);\n }\n\n .hmb-hero-pattern {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n }\n\n .hmb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .hmb-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,.2);\n line-height: 1.15;\n }\n\n .hmb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.8vw, 20px);\n font-weight: 600;\n font-style: italic;\n margin: 0 0 1rem 0;\n }\n\n .hmb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .hmb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .hmb-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(--hmb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .hmb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .hmb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .hmb-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--hmb-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 .hmb-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(--hmb-primary), var(--hmb-secondary));\n border-radius: 2px;\n }\n\n .hmb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hmb-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 .hmb-card {\n background: var(--hmb-white);\n border-radius: var(--hmb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hmb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .hmb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hmb-shadow-lg);\n border-color: var(--hmb-primary);\n }\n\n .hmb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hmb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .hmb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hmb-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .hmb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .hmb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .hmb-grid-compact .hmb-card {\n padding: 1rem;\n }\n\n .hmb-grid-compact .hmb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .hmb-grid-compact .hmb-card p {\n font-size: 12px;\n }\n\n .hmb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .hmb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .hmb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hmb-primary), var(--hmb-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 .hmb-timeline-content {\n flex: 1;\n background: var(--hmb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hmb-radius-sm);\n box-shadow: var(--hmb-shadow);\n }\n\n .hmb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hmb-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .hmb-timeline-content p {\n font-size: 14px;\n color: var(--hmb-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .hmb-accordion {\n background: var(--hmb-white);\n border-radius: var(--hmb-radius);\n box-shadow: var(--hmb-shadow);\n overflow: hidden;\n }\n\n .hmb-accordion-item {\n border-bottom: 1px solid var(--hmb-border);\n }\n\n .hmb-accordion-item:last-child {\n border-bottom: none;\n }\n\n .hmb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hmb-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 .hmb-accordion-header:hover {\n background: var(--hmb-primary-light);\n }\n\n .hmb-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .hmb-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hmb-primary);\n transition: transform .2s ease;\n }\n\n .hmb-accordion-item[open] .hmb-accordion-header::after {\n content: '−';\n }\n\n .hmb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hmb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .hmb-accordion-content p {\n margin: 0;\n }\n\n .hmb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hmb-primary-light);\n border-radius: var(--hmb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n }\n\n .hmb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .hmb-tip p {\n font-size: 14px;\n color: var(--hmb-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .hmb-cta-box {\n background: linear-gradient(135deg, var(--hmb-secondary) 0%, var(--hmb-primary-dark) 100%);\n border-radius: var(--hmb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .hmb-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 .hmb-disclaimer {\n font-size: 12px;\n color: var(--hmb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .hmb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hmb-card {\n padding: 1.125rem;\n }\n .hmb-section {\n margin-bottom: 1.75rem;\n }\n .hmb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hmb-radius-sm);\n }\n .hmb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hmb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hmb-grid-compact {\n gap: .625rem;\n }\n .hmb-grid-compact .hmb-card {\n padding: .75rem;\n }\n .hmb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hmb-timeline-content {\n padding: .875rem 1rem;\n }\n .hmb-timeline-content h3 {\n font-size: 14px;\n }\n .hmb-timeline-content p {\n font-size: 13px;\n }\n .hmb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hmb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .hmb-card {\n animation: hmbFadeInUp .5s ease backwards;\n }\n .hmb-card:nth-child(1) { animation-delay: .05s; }\n .hmb-card:nth-child(2) { animation-delay: .1s; }\n .hmb-card:nth-child(3) { animation-delay: .15s; }\n .hmb-card:nth-child(4) { animation-delay: .2s; }\n .hmb-card:nth-child(5) { animation-delay: .25s; }\n .hmb-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes hmbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .hmb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n \/* Tableaux de composition *\/\n .hmb-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n .hmb-premium table.hmb-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hmb-text); word-break: normal; }\n .hmb-premium table.hmb-nutri th, .hmb-premium table.hmb-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hmb-border); padding: .55rem .75rem !important; box-shadow: none; background-clip: border-box; }\n .hmb-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hmb-secondary); padding: .5rem .5rem .6rem; border-bottom: 2px solid var(--hmb-primary); }\n .hmb-nutri td { padding: .55rem .5rem; border-bottom: 1px solid var(--hmb-border); }\n .hmb-nutri tbody tr:last-child td { border-bottom: none; }\n .hmb-nutri tbody tr:nth-child(even) td { background: var(--hmb-primary-light); }\n .hmb-nutri th:not(:first-child), .hmb-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n .hmb-nutri td:last-child { font-weight: 700; color: var(--hmb-primary-dark); }\n .hmb-nutri--plain td:last-child { font-weight: 600; }\n .hmb-accordion-content .hmb-nutri-traces { margin-top: .75rem; font-style: italic; }\n @media (max-width: 767px) { .hmb-premium table.hmb-nutri { font-size: 13px; } .hmb-premium table.hmb-nutri th, .hmb-premium table.hmb-nutri td { padding: .5rem .4rem !important; } .hmb-premium table.hmb-nutri th { letter-spacing: 0; } }\n\n @media (min-width: 768px) { .hmb-premium .hmb-grid:has(\u003e :nth-child(5):last-child), .hmb-premium .hmb-grid:has(\u003e :nth-child(6):last-child) { grid-template-columns: repeat(3, 1fr); } }\n\n.hmb-premium .hmb-accordion-header { gap: .75rem; } .hmb-premium .hmb-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":55692167709049,"sku":"MULTINUTRIMENTSVITALIT","price":50.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/multi-nutriments-vitalite-420g-saveur-pomme-citron-humble-packshothd.webp?v=1789641157"},{"product_id":"creme-anti-age-collagene-marin-50-ml-humble","title":"Crème Anti-âge 4% de Collagène marin - 50 ml - Humble+","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Anti-âge 4% Collagène Marin Humble+\nPalette détectée:\n - Primaire: #8FB8CA (bleu ciel doux du packaging - étiquette gris-bleu)\n - Primaire dark: #5A8FA5 (version foncée pour contraste)\n - Primaire light: #E8F4F8 (version très claire pour backgrounds)\n - Secondaire: #D4C4B0 (beige naturel\/coton des éléments déco)\n - Accent: #F5F0EB (crème\/blanc cassé - texture du produit)\nAmbiance: Naturel, doux, épuré, fleur de coton, cosmétique clean\/premium\nPréfixe CSS: cc (collagen cream)\n--\u003e\n\n\u003cdiv class=\"cc-premium\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cc-hero\"\u003e\n \u003cdiv class=\"cc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cc-hero-content\"\u003e\n \u003cdiv class=\"cc-badges-top\"\u003e\n \u003cspan class=\"cc-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"cc-badge\"\u003e💯 100\/100 Yuka\u003c\/span\u003e\n \u003cspan class=\"cc-badge\"\u003e🧬 4% Collagène\u003c\/span\u003e\n \u003cspan class=\"cc-badge\"\u003e🌸 Fleur de coton\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cc-hero-title\"\u003eCrème Anti-âge 4% Collagène Marin\u003c\/span\u003e\n \u003cp class=\"cc-subtitle\"\u003eFermeté · Hydratation · Éclat naturel\u003c\/p\u003e\n \u003cp class=\"cc-description\"\u003e\u003cstrong\u003eEt si votre peau retrouvait la fraîcheur et la fermeté de ses 20 ans ?\u003c\/strong\u003e Découvrez un soin visage nouvelle génération qui allie la puissance d'un collagène marin breveté Naticol® à l'efficacité prouvée d'actifs hydratants nobles. En 4 semaines, la peau paraît plus ferme, plus lisse, plus lumineuse.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- PROMESSE --\u003e\n\u003csection class=\"cc-section\"\u003e\n \u003cdiv class=\"cc-promise-box\"\u003e\n \u003cp\u003e🌸 \u003cstrong\u003eUne expérience de beauté sensorielle et responsable.\u003c\/strong\u003e Fabriquée en France, notée \u003cstrong\u003e100\/100 sur Yuka\u003c\/strong\u003e et délicatement parfumée à la fleur de coton, cette crème anti-âge offre bien plus qu'un simple soin : \u003cem\u003ec'est un rituel quotidien de beauté consciente\u003c\/em\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"cc-section\"\u003e\n \u003ch2\u003e✨ Les bénéfices clés\u003c\/h2\u003e\n \u003cdiv class=\"cc-grid\"\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e💪 Fermeté \u0026amp; élasticité\u003c\/h3\u003e\n \u003cp\u003ePeau plus tonique, moins froissée, aspect rebondi retrouvé grâce au collagène marin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e💧 Hydratation longue durée\u003c\/h3\u003e\n \u003cp\u003eAcide hyaluronique + huiles végétales pour un confort intense qui dure toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e✨ Action éclat\u003c\/h3\u003e\n \u003cp\u003ePeau plus lisse, plus uniforme, teint lumineux naturellement révélé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e🌸 Texture fondante\u003c\/h3\u003e\n \u003cp\u003ePénètre sans pelucher, idéale sous le maquillage. Parfum délicat fleur de coton.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eCollagène marin d'une filière responsable et durable, certifié Friend of the Sea.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ACTIF STAR --\u003e\n\u003csection class=\"cc-section\"\u003e\n \u003cdiv class=\"cc-star-box\"\u003e\n \u003cdiv class=\"cc-star-badge\"\u003e🧬 4%\u003c\/div\u003e\n \u003cdiv class=\"cc-star-content\"\u003e\n \u003ch2\u003eCollagène marin breveté Naticol®\u003c\/h2\u003e\n \u003cp\u003e\u003cstrong\u003eL'actif star de la formule\u003c\/strong\u003e provient du spécialiste français \u003cstrong\u003eWeishardt\u003c\/strong\u003e (certifications HACCP \u0026amp; ISO9001). Ce collagène marin est reconnu pour sa pureté, sa traçabilité et sa biodisponibilité. Appliqué quotidiennement, il participe à améliorer la densité et la tonicité de la peau, et à lisser visiblement les zones relâchées.\u003c\/p\u003e\n \u003cdiv class=\"cc-star-features\"\u003e\n \u003cspan\u003e✅ Pureté maximale certifiée\u003c\/span\u003e\n \u003cspan\u003e✅ Traçabilité totale française\u003c\/span\u003e\n \u003cspan\u003e✅ Biodisponibilité optimale\u003c\/span\u003e\n \u003cspan\u003e✅ Concentration 4% rare\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"cc-section\"\u003e\n \u003ch2\u003e🧪 Les 4 actifs clés\u003c\/h2\u003e\n \u003cdiv class=\"cc-grid\"\u003e\n \u003cdiv class=\"cc-card cc-card-ingredient\"\u003e\n \u003ch3\u003e🧬 Collagène marin Naticol® 4%\u003c\/h3\u003e\n \u003cp\u003eAméliore la densité et la tonicité de la peau, lisse visiblement les zones relâchées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card cc-card-ingredient\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eRetient jusqu'à 1000× son poids en eau. Repulpe les traits et réduit l'aspect des ridules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card cc-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile d'argan\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine E et acides gras. Renforce le film hydrolipidique et lutte contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card cc-card-ingredient\"\u003e\n \u003ch3\u003e✨ Huile de jojoba\u003c\/h3\u003e\n \u003cp\u003eTrès proche du sébum naturel. Équilibre la peau et limite les sensations de tiraillement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- RÉSULTATS --\u003e\n\u003csection class=\"cc-section\"\u003e\n \u003cdiv class=\"cc-results-box\"\u003e\n \u003ch2\u003e📊 Résultats attendus en 4 semaines\u003c\/h2\u003e\n \u003cdiv class=\"cc-results-grid\"\u003e\n \u003cdiv class=\"cc-result-before\"\u003e\n \u003cspan class=\"cc-result-label\"\u003eAvant\u003c\/span\u003e\n \u003cul\u003e\n \u003cli\u003ePeau relâchée, manque de fermeté\u003c\/li\u003e\n \u003cli\u003eRidules de déshydratation visibles\u003c\/li\u003e\n \u003cli\u003eTeint terne, manque d'éclat\u003c\/li\u003e\n \u003cli\u003eSensation de tiraillement\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-result-arrow\"\u003e→\u003c\/div\u003e\n \u003cdiv class=\"cc-result-after\"\u003e\n \u003cspan class=\"cc-result-label\"\u003eAprès\u003c\/span\u003e\n \u003cul\u003e\n \u003cli\u003e\u003cstrong\u003ePeau plus ferme et tonique\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eRidules visiblement lissées\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eTeint lumineux et uniforme\u003c\/strong\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cstrong\u003eConfort et souplesse retrouvés\u003c\/strong\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"cc-results-note\"\u003eDonnées fournisseur sur actif collagène marin Naticol®\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"cc-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"cc-grid\"\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e👩 Dès 25 ans\u003c\/h3\u003e\n \u003cp\u003eEn prévention de la perte naturelle de collagène et des premiers signes de l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e👩‍🦳 35-50 ans\u003c\/h3\u003e\n \u003cp\u003eCorrection du relâchement cutané et des rides installées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e👵 50+ ans\u003c\/h3\u003e\n \u003cp\u003eRetrouver densité et fermeté pour une peau mature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e💧 Peaux sèches\u003c\/h3\u003e\n \u003cp\u003eQui manquent de confort et d'hydratation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e😔 Peaux déshydratées\u003c\/h3\u003e\n \u003cp\u003eExposées à la clim, au chauffage ou à la pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e🌿 Beauté consciente\u003c\/h3\u003e\n \u003cp\u003eRecherche de formules propres, responsables et efficaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- UTILISATION --\u003e\n\u003csection class=\"cc-section\"\u003e\n \u003ch2\u003e💆‍♀️ Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cc-usage-box\"\u003e\n \u003cdiv class=\"cc-usage-step\"\u003e\n \u003cspan class=\"cc-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eNettoyer\u003c\/strong\u003e\n \u003cp\u003eNettoyez et séchez votre visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-usage-step\"\u003e\n \u003cspan class=\"cc-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003ePrélever\u003c\/strong\u003e\n \u003cp\u003ePrélevez une noisette de crème.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-usage-step\"\u003e\n \u003cspan class=\"cc-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eAppliquer\u003c\/strong\u003e\n \u003cp\u003eSur le visage, le cou et le décolleté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-usage-step\"\u003e\n \u003cspan class=\"cc-step-num\"\u003e4\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cstrong\u003eMasser\u003c\/strong\u003e\n \u003cp\u003eDe l'intérieur vers l'extérieur jusqu'à absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003e1 fois par jour\u003c\/strong\u003e, matin ou soir. En période de froid, vous pouvez l'utiliser matin \u003cem\u003eet\u003c\/em\u003e soir. Un pot de 50 ml dure environ \u003cstrong\u003e3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"cc-section\"\u003e\n \u003ch2\u003e📋 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"cc-grid-compact\"\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml · ~3 mois d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e🐟 Certification\u003c\/h3\u003e\n \u003cp\u003eFriend of the Sea\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cc-card\"\u003e\n \u003ch3\u003e💯 Score Yuka\u003c\/h3\u003e\n \u003cp\u003e100\/100 · Excellent\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ACCORDÉON --\u003e\n\u003csection class=\"cc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"cc-accordion\"\u003e\n \u003cdetails class=\"cc-accordion-item\"\u003e\n \u003csummary class=\"cc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cc-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de la lumière directe. Refermer après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cc-accordion-item\"\u003e\n \u003csummary class=\"cc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"cc-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cc-accordion-item\"\u003e\n \u003csummary class=\"cc-accordion-header\"\u003e📜 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"cc-accordion-content\"\u003e\n \u003cp\u003eAQUA, PROPANEDIOL, DICAPRYLYL CARBONATE, \u003cstrong\u003eHYDROLYSED COLLAGEN\u003c\/strong\u003e, SIMMONDSIA CHINENSIS SEED OIL, CAPRYLIC\/CAPRIC TRIGLYCERIDE, GLYCERIN, ARGANIA SPINOSA KERNEL OIL, COCO-CAPRYLATE\/CAPRATE, CETEARYL ALCOHOL, ARACHIDYL ALCOHOL, BEHENYL ALCOHOL, GLUCONOLACTONE, BUTYROSPERMUM PARKII BUTTER, PARFUM, LEVULINIC ACID, SODIUM BENZOATE, ARACHIDYL GLUCOSIDE, CETEARYL GLUCOSIDE, CARRAGEENAN, SODIUM LEVULINATE, TOCOPHEROL, XANTHAN GUM, \u003cstrong\u003eSODIUM HYALURONATE\u003c\/strong\u003e, SODIUM HYDROXIDE, ALTEROMONAS FERMENT EXTRACT, PHENETHYL ALCOHOL, CALCIUM GLUCONATE.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cc-accordion-item\"\u003e\n \u003csummary class=\"cc-accordion-header\"\u003e🏆 Engagement qualité Humble+\u003c\/summary\u003e\n \u003cdiv class=\"cc-accordion-content\"\u003e\n \u003cp\u003eLa marque s'appuie sur une sélection d'ingrédients rigoureusement contrôlés : collagène marin certifié \"Friend of the Sea\" (pêche durable), formulation et fabrication en France, contrôles microbiologiques, tests dermatologiques de tolérance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CTA --\u003e\n\u003csection class=\"cc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cc-cta-box\"\u003e\n \u003cp\u003e🌸 \u003cstrong\u003eLa véritable beauté vient de l'intérieur... et de la science.\u003c\/strong\u003e Adoptez cette crème en cure de 3 mois et redonnez à votre peau un vrai toucher velouté. \u003cem\u003eLook good. Feel good. Age-well.\u003c\/em\u003e ✨\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --cc-cream: #FDFBF9;\n --cc-white: #ffffff;\n --cc-primary: #8FB8CA;\n --cc-primary-dark: #5A8FA5;\n --cc-primary-light: #E8F4F8;\n --cc-secondary: #D4C4B0;\n --cc-accent: #F5F0EB;\n --cc-text: #1a1a1a;\n --cc-text-light: #5a5a5a;\n --cc-border: #e0e0e0;\n --cc-shadow: 0 4px 24px rgba(143, 184, 202, .12);\n --cc-shadow-lg: 0 12px 48px rgba(143, 184, 202, .2);\n --cc-radius: 20px;\n --cc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cc-primary) 0%, var(--cc-primary-dark) 50%, #4A7A8C 100%);\n border-radius: var(--cc-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(--cc-shadow-lg);\n}\n\n.cc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n opacity: .6;\n}\n\n.cc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cc-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.cc-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(--cc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cc-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.cc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n}\n\n.cc-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cc-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.cc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cc-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.cc-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(--cc-primary), var(--cc-secondary));\n border-radius: 2px;\n}\n\n\/* === PROMISE BOX === *\/\n.cc-promise-box {\n background: var(--cc-white);\n border-radius: var(--cc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--cc-shadow);\n border-left: 4px solid var(--cc-primary);\n}\n\n.cc-promise-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--cc-text-light);\n margin: 0;\n}\n\n.cc-promise-box strong {\n color: var(--cc-text);\n}\n\n.cc-promise-box em {\n color: var(--cc-primary-dark);\n}\n\n\/* === CARDS === *\/\n.cc-card {\n background: var(--cc-white);\n border-radius: var(--cc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cc-shadow-lg);\n border-color: var(--cc-primary);\n}\n\n.cc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cc-card-ingredient {\n border-left: 4px solid var(--cc-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.cc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cc-grid-compact .cc-card {\n padding: 1rem;\n}\n\n.cc-grid-compact .cc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cc-grid-compact .cc-card p {\n font-size: 12px;\n}\n\n\/* === STAR BOX === *\/\n.cc-star-box {\n background: linear-gradient(135deg, var(--cc-primary-light) 0%, var(--cc-accent) 100%);\n border-radius: var(--cc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--cc-shadow-lg);\n border: 3px solid var(--cc-primary);\n position: relative;\n}\n\n.cc-star-badge {\n position: absolute;\n top: -15px;\n right: 20px;\n background: linear-gradient(135deg, var(--cc-primary) 0%, var(--cc-primary-dark) 100%);\n color: white;\n font-size: 28px;\n font-weight: 900;\n padding: .75rem 1.25rem;\n border-radius: var(--cc-radius-sm);\n box-shadow: 0 4px 16px rgba(143, 184, 202, .4);\n transform: rotate(5deg);\n}\n\n.cc-star-content h2 {\n font-size: clamp(20px, 4vw, 28px);\n margin-bottom: 1rem;\n text-align: left;\n padding-bottom: 0;\n}\n\n.cc-star-content h2::after {\n display: none;\n}\n\n.cc-star-content \u003e p {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.8;\n color: var(--cc-text-light);\n margin: 0 0 1.5rem 0;\n}\n\n.cc-star-content strong {\n color: var(--cc-text);\n}\n\n.cc-star-features {\n display: flex;\n flex-wrap: wrap;\n gap: .75rem;\n}\n\n.cc-star-features span {\n background: var(--cc-white);\n padding: .5rem 1rem;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--cc-primary-dark);\n}\n\n\/* === RESULTS BOX === *\/\n.cc-results-box {\n background: var(--cc-white);\n border-radius: var(--cc-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--cc-shadow-lg);\n border: 3px solid var(--cc-primary);\n}\n\n.cc-results-box h2 {\n margin-bottom: 1.5rem;\n}\n\n.cc-results-grid {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 1.5rem;\n align-items: center;\n}\n\n.cc-result-before,\n.cc-result-after {\n background: var(--cc-accent);\n border-radius: var(--cc-radius-sm);\n padding: 1.5rem;\n}\n\n.cc-result-label {\n display: block;\n font-size: 16px;\n font-weight: 800;\n text-align: center;\n padding: .5rem 1rem;\n border-radius: 999px;\n margin-bottom: 1rem;\n}\n\n.cc-result-before .cc-result-label {\n background: #ffebee;\n color: #c62828;\n}\n\n.cc-result-after .cc-result-label {\n background: #e8f5e9;\n color: #2e7d32;\n}\n\n.cc-result-before ul,\n.cc-result-after ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.cc-result-before li,\n.cc-result-after li {\n font-size: 14px;\n line-height: 1.7;\n color: var(--cc-text-light);\n margin-bottom: .5rem;\n padding-left: 1.25rem;\n position: relative;\n}\n\n.cc-result-before li::before,\n.cc-result-after li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--cc-primary);\n}\n\n.cc-result-arrow {\n font-size: 36px;\n font-weight: 900;\n color: var(--cc-primary);\n}\n\n.cc-results-note {\n font-size: 12px;\n font-style: italic;\n color: var(--cc-text-light);\n text-align: center;\n margin-top: 1.5rem;\n}\n\n\/* === USAGE === *\/\n.cc-usage-box {\n background: var(--cc-white);\n border-radius: var(--cc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--cc-shadow);\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.cc-usage-step {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cc-primary-light);\n border-radius: var(--cc-radius-sm);\n padding: 1rem;\n}\n\n.cc-step-num {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--cc-primary) 0%, var(--cc-primary-dark) 100%);\n color: white;\n font-size: 18px;\n font-weight: 900;\n display: grid;\n place-items: center;\n flex-shrink: 0;\n}\n\n.cc-usage-step strong {\n font-size: 15px;\n color: var(--cc-text);\n display: block;\n margin-bottom: .25rem;\n}\n\n.cc-usage-step p {\n font-size: 13px;\n color: var(--cc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cc-tip-box {\n background: var(--cc-primary-light);\n border-radius: var(--cc-radius);\n padding: 1.25rem 1.5rem;\n border: 2px solid var(--cc-primary);\n}\n\n.cc-tip-box p {\n font-size: 14px;\n line-height: 1.7;\n color: var(--cc-text);\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.cc-accordion {\n background: var(--cc-white);\n border-radius: var(--cc-radius);\n box-shadow: var(--cc-shadow);\n overflow: hidden;\n}\n\n.cc-accordion-item {\n border-bottom: 1px solid var(--cc-border);\n margin: 0;\n padding: 0;\n}\n\n.cc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cc-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.cc-accordion-header:hover {\n background: var(--cc-primary-light);\n}\n\n.cc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cc-primary);\n transition: transform .2s ease;\n}\n\n.cc-accordion-item[open] .cc-accordion-header::after {\n content: '−';\n}\n\n.cc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.cc-accordion-content p {\n margin: 0;\n}\n\n.cc-accordion-content strong {\n color: var(--cc-text);\n}\n\n\/* === CTA === *\/\n.cc-cta-box {\n background: linear-gradient(135deg, var(--cc-primary) 0%, var(--cc-primary-dark) 100%);\n border-radius: var(--cc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cc-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.cc-cta-box strong {\n color: white;\n}\n\n.cc-cta-box em {\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cc-card {\n padding: 1.125rem;\n }\n \n .cc-section {\n margin-bottom: 1.75rem;\n }\n \n .cc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cc-radius-sm);\n }\n \n .cc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cc-grid-compact {\n gap: .625rem;\n }\n \n .cc-grid-compact .cc-card {\n padding: .75rem;\n }\n \n .cc-star-badge {\n position: static;\n display: inline-block;\n transform: none;\n margin-bottom: 1rem;\n }\n \n .cc-results-grid {\n grid-template-columns: 1fr;\n }\n \n .cc-result-arrow {\n transform: rotate(90deg);\n text-align: center;\n }\n \n .cc-usage-box {\n grid-template-columns: 1fr;\n }\n \n .cc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cc-card:nth-child(1) { animation-delay: .05s; }\n .cc-card:nth-child(2) { animation-delay: .1s; }\n .cc-card:nth-child(3) { animation-delay: .15s; }\n .cc-card:nth-child(4) { animation-delay: .2s; }\n .cc-card:nth-child(5) { animation-delay: .25s; }\n .cc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cc-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":56102319784313,"sku":"HUMBLECREMECOLLAGENE","price":28.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/humble-creme-collagene-marin-pack_11zon.jpg?v=1765118592"},{"product_id":"magnesium-bisglycinate-90-gelules-humble","title":"Magnésium Bisglycinate - 90 gélules - Humble+","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Magnésium Bisglycinate Age-Well® - Humble+\nPalette détectée:\n - Primaire: #3d5a80 (bleu profond\/ardoise du packaging)\n - Secondaire: #98c1d9 (bleu clair pour accents)\n - Accent: #e8dfd5 (beige\/crème des gélules)\nAmbiance: Premium santé\/bien-être, moderne et épuré, professionnel avec une touche chaleureuse, univers sommeil\/relaxation\nPréfixe CSS: mg\n--\u003e\n\u003cdiv class=\"mg-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-content\"\u003e\n\u003cdiv class=\"mg-badges-top\"\u003e\n\u003cspan class=\"mg-badge\"\u003e🌙 Sommeil\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🧘 Anti-stress\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e⚡ Énergie\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eMagnésium Bisglycinate Age-Well Night Restore® \u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa formule complète pour votre sommeil, votre énergie et votre équilibre nerveux\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003eAssocie du bisglycinate de magnésium pur hautement assimilable aux vitamines D3, B6 et B12 sous leurs formes actives\u003c\/p\u003e\n\u003cdiv class=\"mg-hero-stats\"\u003e\n\u003cdiv class=\"mg-stat\"\u003e\n\u003cspan class=\"mg-stat-number\"\u003e227mg\u003c\/span\u003e \u003cspan class=\"mg-stat-label\"\u003eMagnésium élément\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-stat\"\u003e\n\u003cspan class=\"mg-stat-number\"\u003e90\u003c\/span\u003e \u003cspan class=\"mg-stat-label\"\u003eGélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-stat\"\u003e\n\u003cspan class=\"mg-stat-number\"\u003e30\u003c\/span\u003e \u003cspan class=\"mg-stat-label\"\u003eJours de cure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PROBLÉMATIQUE --\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eVous reconnaissez-vous ? 😴\u003c\/h2\u003e\n\u003cdiv class=\"mg-problem-box\"\u003e\n\u003cp\u003eVous vous sentez \u003cstrong\u003efatigué dès le réveil\u003c\/strong\u003e ? Vos nuits sont agitées et peu réparatrices ? Vous ressentez des \u003cstrong\u003etensions musculaires\u003c\/strong\u003e ou une \u003cstrong\u003enervosité persistante\u003c\/strong\u003e ?\u003c\/p\u003e\n\u003cp\u003eCes signaux sont souvent le reflet d'un manque de magnésium, un minéral essentiel dont \u003cstrong\u003eplus de 70% des Français\u003c\/strong\u003e présentent des apports insuffisants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI LE BISGLYCINATE --\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de magnésium ?\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eToutes les formes de magnésium ne se valent pas. Le bisglycinate présente des avantages significatifs qui en font la forme privilégiée par les professionnels de santé.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🎯 Biodisponibilité exceptionnelle\u003c\/h3\u003e\n\u003cp\u003eLe magnésium est lié à deux molécules de glycine, un acide aminé qui favorise son absorption intestinale optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌿 Douceur digestive\u003c\/h3\u003e\n\u003cp\u003eContrairement au magnésium marin ou à l'oxyde, il ne provoque pas d'effet laxatif ni d'inconfort gastrique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e😌 Action apaisante renforcée\u003c\/h3\u003e\n\u003cp\u003eLa glycine possède des propriétés relaxantes qui amplifient les bienfaits sur le système nerveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💎 Magnésium pur et non coupé\u003c\/h3\u003e\n\u003cp\u003eLa formule Humble+ garantit un bisglycinate de qualité premium, sans dilution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eLes bienfaits sur votre organisme\u003c\/h2\u003e\n\u003cdiv class=\"mg-benefits\"\u003e\n\u003cdiv class=\"mg-benefit-card mg-benefit-sleep\"\u003e\n\u003cdiv class=\"mg-benefit-header\"\u003e\n\u003cspan class=\"mg-benefit-icon\"\u003e🌙\u003c\/span\u003e\n\u003ch3\u003eUn sommeil véritablement réparateur\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eLe magnésium intervient dans la régulation de la mélatonine et du GABA, deux acteurs clés de l'endormissement et de la qualité du sommeil profond. La vitamine B6 participe à la synthèse de ces neurotransmetteurs.\u003c\/p\u003e\n\u003cdiv class=\"mg-benefit-results\"\u003e\n\u003cdiv class=\"mg-result\"\u003e\n\u003cspan class=\"mg-result-value\"\u003e+9%\u003c\/span\u003e \u003cspan class=\"mg-result-text\"\u003eDurée du sommeil\u003cbr\u003e\u003csmall\u003e(+36 min en moyenne)\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-result\"\u003e\n\u003cspan class=\"mg-result-value\"\u003e+10%\u003c\/span\u003e \u003cspan class=\"mg-result-text\"\u003eEfficacité du sommeil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-benefit-card mg-benefit-stress\"\u003e\n\u003cdiv class=\"mg-benefit-header\"\u003e\n\u003cspan class=\"mg-benefit-icon\"\u003e🧘\u003c\/span\u003e\n\u003ch3\u003eMeilleure gestion du stress\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eLe magnésium contribue au fonctionnement normal du système nerveux. Lorsque vous êtes stressé, votre corps puise dans ses réserves de magnésium, créant un cercle vicieux.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe bisglycinate aide à relâcher les tensions musculaires et nerveuses\u003c\/strong\u003e, favorisant un état de détente naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-benefit-card mg-benefit-energy\"\u003e\n\u003cdiv class=\"mg-benefit-header\"\u003e\n\u003cspan class=\"mg-benefit-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3\u003eÉnergie stable toute la journée\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eLe magnésium participe à \u003cstrong\u003eplus de 300 réactions enzymatiques\u003c\/strong\u003e dans votre corps, dont la production d'ATP, la molécule énergétique de vos cellules.\u003c\/p\u003e\n\u003cp\u003eAssocié aux vitamines B6 et B12, cette formule aide à réduire la fatigue et maintenir votre concentration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-benefit-card mg-benefit-immune\"\u003e\n\u003cdiv class=\"mg-benefit-header\"\u003e\n\u003cspan class=\"mg-benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3\u003eSoutien immunitaire\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp\u003eLa vitamine D3 issue d'algues contribue au fonctionnement normal du système immunitaire et agit en synergie avec le magnésium pour une meilleure assimilation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003ePour 3 gélules (dose journalière recommandée)\u003c\/p\u003e\n\u003cdiv class=\"mg-composition-grid\"\u003e\n\u003cdiv class=\"mg-ingredient-card mg-ingredient-main\"\u003e\n\u003cdiv class=\"mg-ingredient-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-name\"\u003eMagnésium bisglycinate\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-dose\"\u003e2064 mg\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-detail\"\u003edont \u003cstrong\u003e227 mg\u003c\/strong\u003e de magnésium élément\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-vnr\"\u003e60% des VNR*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-card\"\u003e\n\u003cdiv class=\"mg-ingredient-icon\"\u003e💊\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-detail\"\u003ePyridoxal-5'-phosphate\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-dose\"\u003e2,8 mg\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-vnr\"\u003e200% des VNR*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-card\"\u003e\n\u003cdiv class=\"mg-ingredient-icon\"\u003e💊\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-name\"\u003eVitamine B12\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-detail\"\u003eMéthylcobalamine\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-dose\"\u003e5 µg\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-vnr\"\u003e200% des VNR*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-card\"\u003e\n\u003cdiv class=\"mg-ingredient-icon\"\u003e☀️\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-name\"\u003eVitamine D3\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-detail\"\u003eCholécalciférol d'algues\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-dose\"\u003e25 µg\u003c\/div\u003e\n\u003cdiv class=\"mg-ingredient-vnr\"\u003e500% des VNR*\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-vnr-note\"\u003e*VNR : Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n\u003cdiv class=\"mg-ingredients-list\"\u003e\n\u003ch3\u003eListe complète des ingrédients\u003c\/h3\u003e\n\u003cp\u003ePur magnésium bisglycinate, gélule végétale (HPMC - humectant), huile de coco (triglycérides à chaîne moyenne), vitamine D3 (issue d'algues), vitamine B6 (pyridoxal-5'-phosphate), vitamine B12 (méthylcobalamine).\u003c\/p\u003e\n\u003cdiv class=\"mg-clean-badges\"\u003e\n\u003cspan class=\"mg-clean-badge\"\u003e✓ Sans additifs\u003c\/span\u003e \u003cspan class=\"mg-clean-badge\"\u003e✓ Sans conservateurs\u003c\/span\u003e \u003cspan class=\"mg-clean-badge\"\u003e✓ Sans gluten\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eComment prendre votre magnésium ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-usage-grid\"\u003e\n\u003cdiv class=\"mg-usage-step\"\u003e\n\u003cdiv class=\"mg-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mg-step-content\"\u003e\n\u003ch3\u003ePosologie\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-usage-step\"\u003e\n\u003cdiv class=\"mg-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mg-step-content\"\u003e\n\u003ch3\u003eMoment de prise\u003c\/h3\u003e\n\u003cp\u003eDe préférence \u003cstrong\u003ele soir\u003c\/strong\u003e, au cours du dîner ou avant le coucher pour favoriser la détente et l'endormissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-usage-step\"\u003e\n\u003cdiv class=\"mg-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mg-step-content\"\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e pour des résultats durables, renouvelable selon vos besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip-box\"\u003e\n\u003cspan class=\"mg-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Vous pouvez également répartir la prise sur la journée (1 gélule matin, midi et soir) si vous recherchez davantage un effet sur l'énergie et la concentration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"mg-faq\"\u003e\n\u003cdiv class=\"mg-faq-item\"\u003e\n\u003ch3\u003e🤔 Le magnésium bisglycinate a-t-il des effets secondaires ?\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de magnésium est reconnu pour sa \u003cstrong\u003etrès bonne tolérance digestive\u003c\/strong\u003e. Contrairement à d'autres formes comme le citrate ou l'oxyde, il ne provoque généralement pas de troubles intestinaux ni d'effet laxatif. C'est la forme idéale si vous avez un système digestif sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-faq-item\"\u003e\n\u003ch3\u003e😴 Peut-on prendre du magnésium en cas d'apnée du sommeil ?\u003c\/h3\u003e\n\u003cp\u003eLe magnésium peut contribuer à améliorer la qualité globale du sommeil. Toutefois, l'apnée du sommeil étant une pathologie spécifique, nous vous recommandons de consulter votre médecin pour un accompagnement adapté. Le magnésium ne remplace pas un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-faq-item\"\u003e\n\u003ch3\u003e⏱️ Combien de temps avant de ressentir les effets ?\u003c\/h3\u003e\n\u003cp\u003eLes premiers effets sur la détente et le sommeil peuvent se faire sentir dès les \u003cstrong\u003epremiers jours\u003c\/strong\u003e. Pour des résultats optimaux sur la fatigue et le bien-être général, comptez \u003cstrong\u003e2 à 4 semaines\u003c\/strong\u003e de prise régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-profiles-grid\"\u003e\n\u003cdiv class=\"mg-profile\"\u003e\n\u003cspan class=\"mg-profile-icon\"\u003e😴\u003c\/span\u003e\n\u003cp\u003eDifficultés d'endormissement ou sommeil de mauvaise qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-profile\"\u003e\n\u003cspan class=\"mg-profile-icon\"\u003e😫\u003c\/span\u003e\n\u003cp\u003eFatigue persistante malgré des nuits suffisantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-profile\"\u003e\n\u003cspan class=\"mg-profile-icon\"\u003e😰\u003c\/span\u003e\n\u003cp\u003eStress, anxiété ou tensions nerveuses\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-profile\"\u003e\n\u003cspan class=\"mg-profile-icon\"\u003e💪\u003c\/span\u003e\n\u003cp\u003eCrampes ou contractures musculaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-profile\"\u003e\n\u003cspan class=\"mg-profile-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eRecherche d'un magnésium doux pour le système digestif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-profile\"\u003e\n\u003cspan class=\"mg-profile-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eEnvie d'une formule complète avec vitamines synergiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- GARANTIES --\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eLes garanties qualité Humble+\u003c\/h2\u003e\n\u003cdiv class=\"mg-guarantees\"\u003e\n\u003cdiv class=\"mg-guarantee\"\u003e\n\u003cspan class=\"mg-guarantee-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFabrication française\u003c\/h3\u003e\n\u003cp\u003eProduit élaboré et conditionné en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-guarantee\"\u003e\n\u003cspan class=\"mg-guarantee-icon\"\u003e⚗️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFormes actives des vitamines\u003c\/h3\u003e\n\u003cp\u003eB6 sous forme P5P, B12 méthylcobalamine, D3 végétale d'algues\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-guarantee\"\u003e\n\u003cspan class=\"mg-guarantee-icon\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFormule clean\u003c\/h3\u003e\n\u003cp\u003eSans additifs inutiles, sans conservateurs, sans gluten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-guarantee\"\u003e\n\u003cspan class=\"mg-guarantee-icon\"\u003e🥬\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eGélules végétales\u003c\/h3\u003e\n\u003cp\u003eConvient aux régimes végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003cdiv class=\"mg-warning-box\"\u003e\n\u003cspan class=\"mg-warning-icon\"\u003e⚠️\u003c\/span\u003e\n\u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes et allaitantes sans avis médical. En cas de traitement médical, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003cdiv class=\"mg-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-cta-content\"\u003e\n\u003cp\u003e🌙 Retrouvez un sommeil réparateur, une énergie stable et un équilibre nerveux optimal avec le \u003cstrong\u003eMagnésium Bisglycinate Night Restore\u003c\/strong\u003e de la gamme \u003cstrong\u003eAge-Well®\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"mg-cta-subtitle\"\u003e90 gélules • 30 jours de cure • Formule complète\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mg-cream: #f8f6f3;\n --mg-white: #ffffff;\n --mg-primary: #3d5a80;\n --mg-primary-dark: #2c4159;\n --mg-primary-light: #e8eff5;\n --mg-secondary: #98c1d9;\n --mg-accent: #ee6c4d;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a6572;\n --mg-border: #e0e4e8;\n --mg-shadow: 0 4px 24px rgba(61, 90, 128, .08);\n --mg-shadow-lg: 0 12px 48px rgba(61, 90, 128, .15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mg-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary) 0%, #4a6d94 50%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(152,193,217,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mg-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(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mg-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 17px);\n margin: 0 0 2rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mg-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.mg-stat {\n text-align: center;\n}\n\n.mg-stat-number {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1.1;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.mg-stat-label {\n display: block;\n color: rgba(255,255,255,.8);\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mg-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(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2vw, 18px);\n color: var(--mg-text-light);\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n\/* === PROBLEM BOX === *\/\n.mg-problem-box {\n background: linear-gradient(135deg, var(--mg-primary-light) 0%, #f0f4f8 100%);\n border-radius: var(--mg-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n border: 2px solid var(--mg-secondary);\n}\n\n.mg-problem-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.mg-problem-box p {\n font-size: clamp(15px, 2vw, 18px);\n color: var(--mg-text);\n margin: 0 0 1rem 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mg-problem-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID \u0026 CARDS === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-secondary);\n}\n\n.mg-card-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n}\n\n.mg-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mg-card p {\n font-size: 15px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.mg-benefits {\n display: grid;\n gap: 1.5rem;\n}\n\n.mg-benefit-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n border-left: 5px solid var(--mg-primary);\n transition: all .3s ease;\n}\n\n.mg-benefit-card:hover {\n box-shadow: var(--mg-shadow-lg);\n transform: translateX(8px);\n}\n\n.mg-benefit-sleep { border-left-color: #6c5ce7; }\n.mg-benefit-stress { border-left-color: #00b894; }\n.mg-benefit-energy { border-left-color: #fdcb6e; }\n.mg-benefit-immune { border-left-color: #e17055; }\n\n.mg-benefit-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.mg-benefit-icon {\n font-size: 32px;\n}\n\n.mg-benefit-header h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0;\n}\n\n.mg-benefit-card p {\n font-size: 15px;\n color: var(--mg-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.7;\n}\n\n.mg-benefit-card p:last-child {\n margin-bottom: 0;\n}\n\n.mg-benefit-results {\n display: flex;\n gap: 2rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px dashed var(--mg-border);\n}\n\n.mg-result {\n display: flex;\n align-items: center;\n gap: .75rem;\n}\n\n.mg-result-value {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: #6c5ce7;\n}\n\n.mg-result-text {\n font-size: 14px;\n color: var(--mg-text-light);\n line-height: 1.4;\n}\n\n.mg-result-text small {\n font-size: 12px;\n opacity: .8;\n}\n\n\/* === COMPOSITION === *\/\n.mg-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.mg-ingredient-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mg-ingredient-card:hover {\n border-color: var(--mg-secondary);\n transform: translateY(-4px);\n}\n\n.mg-ingredient-main {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n color: white;\n grid-column: span 2;\n}\n\n.mg-ingredient-main .mg-ingredient-name,\n.mg-ingredient-main .mg-ingredient-detail,\n.mg-ingredient-main .mg-ingredient-vnr {\n color: rgba(255,255,255,.9);\n}\n\n.mg-ingredient-main .mg-ingredient-dose {\n color: white;\n}\n\n.mg-ingredient-icon {\n font-size: 32px;\n margin-bottom: .75rem;\n}\n\n.mg-ingredient-name {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin-bottom: .25rem;\n}\n\n.mg-ingredient-detail {\n font-size: 13px;\n color: var(--mg-text-light);\n margin-bottom: .5rem;\n}\n\n.mg-ingredient-dose {\n font-size: 24px;\n font-weight: 900;\n color: var(--mg-primary);\n margin-bottom: .25rem;\n}\n\n.mg-ingredient-vnr {\n font-size: 13px;\n color: var(--mg-text-light);\n font-weight: 600;\n}\n\n.mg-vnr-note {\n text-align: center;\n font-size: 13px;\n color: var(--mg-text-light);\n font-style: italic;\n margin: 1rem 0 2rem;\n}\n\n.mg-ingredients-list {\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n text-align: center;\n}\n\n.mg-ingredients-list h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mg-ingredients-list p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0 0 1rem 0;\n}\n\n.mg-clean-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n}\n\n.mg-clean-badge {\n padding: 6px 14px;\n background: var(--mg-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n}\n\n\/* === USAGE === *\/\n.mg-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mg-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--mg-shadow);\n}\n\n.mg-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 18px;\n font-weight: 900;\n}\n\n.mg-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mg-step-content p {\n font-size: 15px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-tip-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n border: 2px solid #f0d78c;\n}\n\n.mg-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.mg-tip-box p {\n font-size: 15px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === FAQ === *\/\n.mg-faq {\n display: grid;\n gap: 1rem;\n}\n\n.mg-faq-item {\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mg-faq-item:hover {\n border-color: var(--mg-secondary);\n}\n\n.mg-faq-item h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mg-faq-item p {\n font-size: 15px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === PROFILES === *\/\n.mg-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.mg-profile {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mg-profile:hover {\n border-color: var(--mg-secondary);\n transform: translateY(-4px);\n}\n\n.mg-profile-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.mg-profile p {\n font-size: 15px;\n color: var(--mg-text);\n margin: 0;\n font-weight: 500;\n}\n\n\/* === GUARANTEES === *\/\n.mg-guarantees {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.mg-guarantee {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--mg-white);\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--mg-shadow);\n}\n\n.mg-guarantee-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.mg-guarantee h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mg-guarantee p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING === *\/\n.mg-warning-box {\n background: linear-gradient(135deg, #fff5f5 0%, #fee) 100%;\n border: 2px solid #f8b4b4;\n border-radius: var(--mg-radius-sm);\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.mg-warning-icon {\n font-size: 32px;\n margin-bottom: .75rem;\n}\n\n.mg-warning-box h3 {\n font-size: 16px;\n font-weight: 800;\n color: #c53030;\n margin: 0 0 .75rem 0;\n}\n\n.mg-warning-box p {\n font-size: 14px;\n color: #742a2a;\n margin: 0;\n line-height: 1.7;\n max-width: 800px;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.mg-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mg-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.mg-cta-subtitle {\n font-size: clamp(14px, 2vw, 16px) !important;\n opacity: .9;\n font-weight: 500 !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n }\n \n .mg-ingredient-main {\n grid-column: span 1;\n }\n \n .mg-benefit-results {\n flex-direction: column;\n gap: 1rem;\n }\n \n .mg-hero-stats {\n gap: 1rem;\n }\n \n .mg-stat {\n min-width: 80px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card,\n .mg-benefit-card,\n .mg-ingredient-card,\n .mg-profile,\n .mg-guarantee,\n .mg-faq-item {\n animation: mgFadeInUp .6s ease backwards;\n }\n \n .mg-card:nth-child(1), .mg-benefit-card:nth-child(1), .mg-ingredient-card:nth-child(1) { animation-delay: .1s; }\n .mg-card:nth-child(2), .mg-benefit-card:nth-child(2), .mg-ingredient-card:nth-child(2) { animation-delay: .2s; }\n .mg-card:nth-child(3), .mg-benefit-card:nth-child(3), .mg-ingredient-card:nth-child(3) { animation-delay: .3s; }\n .mg-card:nth-child(4), .mg-benefit-card:nth-child(4), .mg-ingredient-card:nth-child(4) { animation-delay: .4s; }\n .mg-card:nth-child(5) { animation-delay: .5s; }\n .mg-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes mgFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mg-premium {\n --mg-text: #000000;\n --mg-text-light: #333333;\n }\n \n .mg-card,\n .mg-benefit-card,\n .mg-ingredient-card,\n .mg-profile,\n .mg-guarantee,\n .mg-faq-item {\n border: 2px solid var(--mg-text);\n }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56348817424761,"sku":"HUMBLEMAG","price":17.84,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/magnesium-bisglycinate-90-gelules-humble-packshothd_79f4a09a-3a3c-40a1-8763-a42317c174b4.webp?v=1789383723"},{"product_id":"creatine-age-well-300g-humble","title":"Créatine AGE-WELL - 300g - Humble +","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Créatine+ AGE-WELL par HUMBLE+\nPalette détectée:\n - Primaire: #1a4d4d (vert canard profond du packaging)\n - Secondaire: #2d6666 (vert canard moyen)\n - Accent: #00a693 (turquoise du badge \"VU À LA TV\")\n - Background: #f8f7f5 (beige crème très clair)\nAmbiance: Clean, minimaliste, lifestyle wellness moderne. Packaging épuré blanc avec typographie sobre. Cible adultes 30-60 ans soucieux de leur santé et longévité. Positionnement \"bien vieillir\" plutôt que performance sportive pure.\nPréfixe CSS: caw\n--\u003e\n\n\u003cdiv class=\"caw-premium\"\u003e\n \u003cdiv class=\"caw-hero\"\u003e\n \u003cdiv class=\"caw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"caw-hero-content\"\u003e\n \u003cdiv class=\"caw-badges-top\"\u003e\n \u003cspan class=\"caw-badge\"\u003e📺 Vu à la TV\u003c\/span\u003e\n \u003cspan class=\"caw-badge\"\u003e🔬 +1 000 études\u003c\/span\u003e\n \u003cspan class=\"caw-badge\"\u003e🇫🇷 Qualité premium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"caw-hero-title\"\u003eCréatine+ AGE-WELL™\u003c\/span\u003e\n \u003cp class=\"caw-subtitle\"\u003eL'essentiel quotidien pour bien vieillir\u003c\/p\u003e\n \u003cp class=\"caw-description\"\u003eCréatine monohydrate hautement biodisponible et bioactive. La formule scientifique pour préserver votre force, votre vitalité et votre énergie mentale dès 25 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"caw-section\"\u003e\n \u003ch2\u003e💎 Pourquoi choisir notre créatine ?\u003c\/h2\u003e\n \u003cdiv class=\"caw-grid\"\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e💪 Essentiel pour bien vieillir\u003c\/h3\u003e\n \u003cp\u003ePréservez votre masse musculaire, votre autonomie et votre qualité de vie au fil des années. La créatine est le complément longévité par excellence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e🔬 Bénéfices cliniquement prouvés\u003c\/h3\u003e\n \u003cp\u003ePlus de 1 000 études à travers le monde valident l'efficacité de la créatine sur la force, l'endurance, la cognition et la santé osseuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e⚡ Hautement biodisponible\u003c\/h3\u003e\n \u003cp\u003eCréatine monohydrate ultra-pure (99,9 %) pour une absorption optimale et des résultats visibles rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e✨ Qualité premium\u003c\/h3\u003e\n \u003cp\u003eFormule neutre sans goût, sans additifs inutiles. Pureté garantie pour une supplémentation sûre et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"caw-section\"\u003e\n \u003ch2\u003e🧬 Les bénéfices scientifiques\u003c\/h2\u003e\n \u003cdiv class=\"caw-benefits-list\"\u003e\n \u003cdiv class=\"caw-benefit-item\"\u003e\n \u003cdiv class=\"caw-benefit-number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"caw-benefit-content\"\u003e\n \u003ch3\u003eForce et masse musculaire\u003c\/h3\u003e\n \u003cp\u003eAugmente la production d'ATP, la source d'énergie de vos muscles. Jusqu'à +8 % de force maximale en moyenne, et favorise la prise de masse musculaire maigre, essentielle pour bien vieillir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-benefit-item\"\u003e\n \u003cdiv class=\"caw-benefit-number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"caw-benefit-content\"\u003e\n \u003ch3\u003ePerformance physique\u003c\/h3\u003e\n \u003cp\u003eAméliore les performances lors d'exercices intenses et répétés. Réduit la fatigue musculaire et accélère la récupération entre les efforts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-benefit-item\"\u003e\n \u003cdiv class=\"caw-benefit-number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"caw-benefit-content\"\u003e\n \u003ch3\u003eSanté cognitive\u003c\/h3\u003e\n \u003cp\u003eProtège les neurones et améliore les fonctions cognitives : mémoire, attention, vitesse de traitement. Particulièrement bénéfique après 50 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-benefit-item\"\u003e\n \u003cdiv class=\"caw-benefit-number\"\u003e04\u003c\/div\u003e\n \u003cdiv class=\"caw-benefit-content\"\u003e\n \u003ch3\u003eÉnergie au quotidien\u003c\/h3\u003e\n \u003cp\u003eCombat la fatigue chronique en optimisant la production d'énergie cellulaire. Vous aide à maintenir un mode de vie actif et dynamique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"caw-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"caw-grid\"\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e👨‍💼 Adultes actifs 30-60 ans\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez préserver votre vitalité, votre force et votre énergie au fil des années. Idéal pour un vieillissement actif et en bonne santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e🏋️ Sportifs réguliers\u003c\/h3\u003e\n \u003cp\u003eAméliorez vos performances, votre récupération et développez votre masse musculaire de manière naturelle et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e🧠 Professionnels exigeants\u003c\/h3\u003e\n \u003cp\u003eOptimisez vos capacités cognitives, votre concentration et votre énergie mentale pour performer au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e🌟 Seniors actifs\u003c\/h3\u003e\n \u003cp\u003ePrévenez la sarcopénie, maintenez votre autonomie et votre qualité de vie. Particulièrement bénéfique après 50 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"caw-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"caw-usage-timeline\"\u003e\n \u003cdiv class=\"caw-usage-step\"\u003e\n \u003cdiv class=\"caw-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"caw-step-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003eMélangez une mesure (3,4g) dans 200-300ml d'eau, de jus ou votre boisson préférée. Goût neutre, se dissout facilement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-usage-step\"\u003e\n \u003cdiv class=\"caw-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"caw-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eLe matin au petit-déjeuner ou 30-60 minutes avant l'entraînement pour maximiser les bénéfices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-usage-step\"\u003e\n \u003cdiv class=\"caw-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"caw-step-content\"\u003e\n \u003ch3\u003eRégularité\u003c\/h3\u003e\n \u003cp\u003ePrenez quotidiennement pendant au moins 8 semaines. Les bénéfices s'accumulent avec le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-usage-step\"\u003e\n \u003cdiv class=\"caw-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"caw-step-content\"\u003e\n \u003ch3\u003eHydratation\u003c\/h3\u003e\n \u003cp\u003eBuvez au moins 2L d'eau par jour. La créatine augmente l'hydratation intracellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"caw-section\"\u003e\n \u003ch2\u003e📈 Résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"caw-grid\"\u003e\n \u003cdiv class=\"caw-card caw-result-card\"\u003e\n \u003cspan class=\"caw-result-badge\"\u003e4 semaines\u003c\/span\u003e\n \u003ch3\u003ePremiers effets\u003c\/h3\u003e\n \u003cp\u003eAmélioration de l'énergie et de l'endurance. Meilleure récupération post-effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card caw-result-card\"\u003e\n \u003cspan class=\"caw-result-badge\"\u003e2-3 mois\u003c\/span\u003e\n \u003ch3\u003eGains mesurables\u003c\/h3\u003e\n \u003cp\u003e+8 % de force maximale en moyenne. Maintien de la masse musculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card caw-result-card\"\u003e\n \u003cspan class=\"caw-result-badge\"\u003eAu long cours\u003c\/span\u003e\n \u003ch3\u003eTransformation\u003c\/h3\u003e\n \u003cp\u003eForce préservée avec l'âge. Vitalité et bien-être général optimisés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"caw-section\"\u003e\n \u003ch2\u003eℹ️ Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"caw-grid-compact\"\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e📦 306g\u003c\/h3\u003e\n \u003cp\u003e90 portions • 3 mois de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e🥄 3,4g\/jour\u003c\/h3\u003e\n \u003cp\u003eDosage optimal validé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e🌱 Goût neutre\u003c\/h3\u003e\n \u003cp\u003eSe mélange partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"caw-card\"\u003e\n \u003ch3\u003e✅ Clean label\u003c\/h3\u003e\n \u003cp\u003eSans additifs • Sans OGM\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"caw-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"caw-accordion\"\u003e\n \u003cdetails class=\"caw-accordion-item\"\u003e\n \u003csummary class=\"caw-accordion-header\"\u003e🌿 Composition\u003c\/summary\u003e\n \u003cdiv class=\"caw-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient :\u003c\/strong\u003e créatine monohydrate Age-Well®, pureté +99,9 %. Sans arôme, sans additif, sans excipient.\u003c\/p\u003e\n \u003cdiv class=\"caw-nutri-wrap\"\u003e\n \u003ctable class=\"caw-nutri\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n\u003cth\u003eIngrédient\u003c\/th\u003e\n\u003cth\u003e1 dosette\u003c\/th\u003e\n\u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eCréatine monohydrate\u003c\/td\u003e\n\u003ctd\u003e3,4 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003edont créatine\u003c\/td\u003e\n\u003ctd\u003e3 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003cp class=\"caw-nutri-note\"\u003eAucune valeur nutritionnelle de référence (VNR) n'est établie pour la créatine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"caw-accordion-item\"\u003e\n \u003csummary class=\"caw-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"caw-accordion-content\"\u003e\n \u003cp\u003eNe remplace pas une alimentation variée et équilibrée. Respectez les doses recommandées. Déconseillé aux personnes souffrant de troubles rénaux. Femmes enceintes ou allaitantes, ou en cas de doute : demandez l'avis de votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"caw-accordion-item\"\u003e\n \u003csummary class=\"caw-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"caw-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants. Bien refermer le sachet après utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"caw-accordion-item\"\u003e\n \u003csummary class=\"caw-accordion-header\"\u003e💧 Hydratation importante\u003c\/summary\u003e\n \u003cdiv class=\"caw-accordion-content\"\u003e\n \u003cp\u003eAugmentez votre consommation d'eau quotidienne (minimum 2L) lors de la prise de créatine pour une efficacité optimale et éviter tout inconfort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"caw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"caw-cta-box\"\u003e\n \u003cp\u003e🎯 Faites le choix d'un vieillissement actif et en pleine santé. Créatine+ AGE-WELL est votre allié quotidien pour préserver votre force, votre vitalité et votre autonomie — validé par plus de 1 000 études scientifiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --caw-cream: #f8f7f5;\n --caw-white: #ffffff;\n --caw-primary: #1a4d4d;\n --caw-primary-dark: #0f3535;\n --caw-primary-light: #e8f2f2;\n --caw-secondary: #2d6666;\n --caw-accent: #00a693;\n --caw-text: #1a1a1a;\n --caw-text-light: #5a5a5a;\n --caw-border: #e0e0e0;\n --caw-shadow: 0 4px 24px rgba(26,77,77,.08);\n --caw-shadow-lg: 0 12px 48px rgba(26,77,77,.15);\n --caw-radius: 20px;\n --caw-radius-sm: 12px;\n}\n\n.caw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--caw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.caw-hero {\n position: relative;\n background: linear-gradient(135deg, var(--caw-primary) 0%, var(--caw-secondary) 50%, var(--caw-accent) 100%);\n border-radius: var(--caw-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(--caw-shadow-lg);\n}\n\n.caw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.caw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.caw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.caw-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(--caw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.caw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.caw-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.caw-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.caw-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.caw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.caw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--caw-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.caw-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(--caw-primary), var(--caw-accent));\n border-radius: 2px;\n}\n\n.caw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.caw-card {\n background: var(--caw-white);\n border-radius: var(--caw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--caw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.caw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--caw-shadow-lg);\n border-color: var(--caw-primary);\n}\n\n.caw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--caw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.caw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--caw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.caw-benefits-list {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.caw-benefit-item {\n display: flex;\n gap: 1.25rem;\n background: var(--caw-white);\n border-radius: var(--caw-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--caw-shadow);\n transition: all .3s ease;\n}\n\n.caw-benefit-item:hover {\n transform: translateX(6px);\n box-shadow: var(--caw-shadow-lg);\n}\n\n.caw-benefit-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--caw-primary), var(--caw-accent));\n color: white;\n border-radius: var(--caw-radius-sm);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n}\n\n.caw-benefit-content {\n flex: 1;\n}\n\n.caw-benefit-content h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--caw-primary-dark);\n margin: 0 0 .4rem 0;\n}\n\n.caw-benefit-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--caw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.caw-usage-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.caw-usage-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n}\n\n.caw-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: var(--caw-white);\n border: 3px solid var(--caw-primary);\n color: var(--caw-primary-dark);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n}\n\n.caw-step-content {\n flex: 1;\n background: var(--caw-white);\n border-radius: var(--caw-radius);\n padding: clamp(1rem, 2.5vw, 1.5rem);\n box-shadow: var(--caw-shadow);\n}\n\n.caw-step-content h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--caw-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.caw-step-content p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--caw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.caw-result-card {\n position: relative;\n padding-top: clamp(2.5rem, 4vw, 3rem);\n}\n\n.caw-result-badge {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--caw-accent), var(--caw-primary));\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n white-space: nowrap;\n}\n\n.caw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.caw-grid-compact .caw-card {\n padding: 1rem;\n}\n\n.caw-grid-compact .caw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.caw-grid-compact .caw-card p {\n font-size: 12px;\n}\n\n.caw-accordion {\n background: var(--caw-white);\n border-radius: var(--caw-radius);\n box-shadow: var(--caw-shadow);\n overflow: hidden;\n}\n\n.caw-accordion-item {\n border-bottom: 1px solid var(--caw-border);\n margin: 0;\n padding: 0;\n}\n\n.caw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.caw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--caw-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.caw-accordion-header:hover {\n background: var(--caw-primary-light);\n}\n\n.caw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.caw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--caw-primary);\n transition: transform .2s ease;\n}\n\n.caw-accordion-item[open] .caw-accordion-header::after {\n content: '−';\n}\n\n.caw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--caw-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.caw-accordion-content p {\n margin: 0;\n}\n\n.caw-nutri-wrap { overflow-x: auto; max-width: 720px; margin: .75rem auto; }\n.caw-premium table.caw-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--caw-text); word-break: normal; }\n.caw-premium table.caw-nutri th, .caw-premium table.caw-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--caw-border); padding: .55rem .75rem !important; box-shadow: none; }\n.caw-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--caw-secondary); border-bottom: 2px solid var(--caw-primary); }\n.caw-nutri tbody tr:last-child td { border-bottom: none; }\n.caw-nutri tbody tr:nth-child(even) td { background: var(--caw-primary-light); }\n.caw-nutri th:not(:first-child), .caw-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.caw-nutri td:last-child { font-weight: 700; color: var(--caw-primary-dark); }\n.caw-premium .caw-accordion-content p.caw-nutri-note { font-size: 12px; }\n@media (max-width: 767px) { .caw-premium table.caw-nutri { font-size: 13px; } }\n\n.caw-cta-box {\n background: linear-gradient(135deg, var(--caw-primary) 0%, var(--caw-primary-dark) 100%);\n border-radius: var(--caw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.caw-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .caw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .caw-card {\n padding: 1.125rem;\n }\n \n .caw-section {\n margin-bottom: 1.75rem;\n }\n \n .caw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--caw-radius-sm);\n }\n \n .caw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .caw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .caw-benefit-item {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .caw-benefit-number {\n margin: 0 auto;\n width: 44px;\n height: 44px;\n font-size: 18px;\n }\n \n .caw-usage-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .75rem;\n }\n \n .caw-step-number {\n width: 40px;\n height: 40px;\n font-size: 16px;\n }\n \n .caw-grid-compact {\n gap: .625rem;\n }\n \n .caw-grid-compact .caw-card {\n padding: .75rem;\n }\n \n .caw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .caw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .caw-card {\n animation: fadeInUp .5s ease backwards;\n }\n .caw-card:nth-child(1) { animation-delay: .05s; }\n .caw-card:nth-child(2) { animation-delay: .1s; }\n .caw-card:nth-child(3) { animation-delay: .15s; }\n .caw-card:nth-child(4) { animation-delay: .2s; }\n .caw-card:nth-child(5) { animation-delay: .25s; }\n .caw-card:nth-child(6) { animation-delay: .3s; }\n \n .caw-benefit-item {\n animation: fadeInUp .5s ease backwards;\n }\n .caw-benefit-item:nth-child(1) { animation-delay: .05s; }\n .caw-benefit-item:nth-child(2) { animation-delay: .1s; }\n .caw-benefit-item:nth-child(3) { animation-delay: .15s; }\n .caw-benefit-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .caw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n.caw-premium .caw-accordion-header { gap: .75rem; } .caw-premium .caw-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56349024321913,"sku":"HUMBLECREATINE","price":21.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creatine-age-well-300g-humble-lifestyle_aede8a1b-471e-401e-8d13-afe4323a6403.webp?v=1786005529"},{"product_id":"creatine-glow-age-well-300g-humble","title":"Créatine Glow AGE-WELL - 300g - Humble +","description":"\n\u003cdiv class=\"caw-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"caw-hero\"\u003e\n\u003cdiv class=\"caw-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"caw-hero-content\"\u003e\n\u003cdiv class=\"caw-badges-top\"\u003e\n\u003cspan class=\"caw-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e \u003cspan class=\"caw-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"caw-badge\"\u003e📦 90 doses \/ 3 mois\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"caw-hero-title\"\u003eCréatine Glow AGE-WELL®\u003c\/span\u003e\n\u003cp class=\"caw-subtitle\"\u003eHumble+ - Look Good, Feel Good\u003c\/p\u003e\n\u003cp class=\"caw-description\"\u003e3 g de créatine par jour, associés aux vitamines B6 \u0026amp; B12 pour accompagner les performances physiques, l'énergie et le quotidien des femmes actives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"caw-section\"\u003e\n\u003ch2\u003eCréatine Glow AGE-WELL® Humble+ : créatine, énergie et bien-être au quotidien\u003c\/h2\u003e\n\u003cp class=\"caw-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecréatine en poudre\u003c\/strong\u003e facile à intégrer à votre routine ? La \u003cstrong\u003eCréatine Glow AGE-WELL® de Humble+\u003c\/strong\u003e associe de la \u003cstrong\u003ecréatine monohydrate\u003c\/strong\u003e aux vitamines B6 et B12 dans une formule vegan pensée pour les femmes actives. Chaque dose journalière apporte \u003cstrong\u003e3 g de créatine\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"caw-grid-compact\"\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e💪 Performances physiques\u003c\/h3\u003e\n\u003cp\u003e3 g de créatine par jour pour accompagner les efforts intenses et répétés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n\u003cp\u003eLes vitamines B6 et B12 contribuent à un métabolisme énergétique normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e⚖️ Activité hormonale\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B6 contribue à la régulation de l'activité hormonale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e📅 90 doses\u003c\/h3\u003e\n\u003cp\u003eUn sachet de 306 g pour environ 3 mois d'utilisation quotidienne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"caw-section\"\u003e\n\u003ch2\u003eQu'est-ce que la créatine et pourquoi en prendre ?\u003c\/h2\u003e\n\u003cdiv class=\"caw-testimonial\"\u003e\n\u003cp class=\"caw-testimonial-text\"\u003eLa \u003cstrong\u003ecréatine\u003c\/strong\u003e est une substance naturellement présente dans l'organisme, notamment dans les muscles. Elle intervient dans la disponibilité rapide de l'énergie lors d'efforts intenses et de courte durée. À raison de \u003cstrong\u003e3 g par jour\u003c\/strong\u003e, la créatine améliore les capacités physiques lors de séries successives d'exercices très intenses de courte durée. Chez les adultes de plus de 55 ans, une consommation quotidienne de créatine peut également renforcer l'effet de l'entraînement en résistance sur la force musculaire lorsque les conditions d'utilisation associées à cette allégation sont respectées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"caw-section\"\u003e\n\u003ch2\u003eLes bienfaits de la formule Créatine Glow AGE-WELL®\u003c\/h2\u003e\n\u003cp class=\"caw-section-intro\"\u003eLa Créatine Glow associe la créatine monohydrate aux vitamines B6 et B12 afin de combiner performance physique et soutien du métabolisme énergétique.\u003c\/p\u003e\n\u003cdiv class=\"caw-grid\"\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e🏋️ Performances physiques\u003c\/h3\u003e\n\u003cp\u003eLa consommation quotidienne de 3 g de créatine améliore les capacités physiques lors de séries successives d'exercices très intenses de courte durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e💪 Entraînement en résistance\u003c\/h3\u003e\n\u003cp\u003eChez les adultes de plus de 55 ans, la créatine peut renforcer l'effet de l'entraînement en résistance sur la force musculaire dans les conditions prévues pour cette allégation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e⚖️ Activité hormonale\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B6 contribue à la régulation de l'activité hormonale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e🔋 Fatigue \u0026amp; énergie\u003c\/h3\u003e\n\u003cp\u003eLes vitamines B6 et B12 contribuent à réduire la fatigue et au fonctionnement normal du métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eLes vitamines B6 et B12 contribuent au fonctionnement normal du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"caw-section\"\u003e\n\u003ch2\u003eComposition et dosage\u003c\/h2\u003e\n\u003cp class=\"caw-section-intro\"\u003eChaque dose journalière de \u003cstrong\u003e3,4 g\u003c\/strong\u003e apporte une association de créatine monohydrate et de vitamines B6 et B12 :\u003c\/p\u003e\n\u003cdiv class=\"caw-accordion\"\u003e\n\u003cdetails class=\"caw-accordion-item\"\u003e\n\u003csummary class=\"caw-accordion-header\"\u003e📊 Quantités par dose journalière\u003c\/summary\u003e\n\u003cdiv class=\"caw-accordion-content mt-3\"\u003e\n\u003cdiv class=\"caw-nutri-wrap\"\u003e\n\u003ctable class=\"caw-nutri\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eIngrédient\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eCréatine monohydrate Age‑Well®\u003c\/td\u003e\n\u003ctd\u003e3,4 g\u003cbr\u003e\u003cspan class=\"caw-nutri-sub\"\u003edont 3 g de créatine\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd class=\"caw-nutri-na\"\u003e–\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVitamine B6\u003c\/td\u003e\n\u003ctd\u003e1,4 mg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVitamine B12\u003c\/td\u003e\n\u003ctd\u003e2,5 µg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"caw-nutri-note\"\u003e* VNR : valeurs nutritionnelles de référence pour un adulte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"caw-accordion-item\"\u003e\n\u003csummary class=\"caw-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n\u003cdiv class=\"caw-accordion-content mt-3\"\u003e\n\u003cp\u003eCréatine monohydrate Age-Well®, vitamine B6 (pyridoxine), vitamine B12 (méthylcobalamine).\u003c\/p\u003e\n\u003cp class=\"caw-nutri-note\"\u003eSans arôme, sans additif, sans édulcorant, sans sucre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-tip\"\u003e\n\u003cspan class=\"caw-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe sachet de \u003cstrong\u003e306 g\u003c\/strong\u003e contient environ \u003cstrong\u003e90 doses\u003c\/strong\u003e, soit environ trois mois d'utilisation à raison d'une dose par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"caw-section\"\u003e\n\u003ch2\u003eCréatine : quand la prendre et comment ?\u003c\/h2\u003e\n\u003cdiv class=\"caw-timeline\"\u003e\n\u003cdiv class=\"caw-timeline-item\"\u003e\n\u003cdiv class=\"caw-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"caw-timeline-content\"\u003e\n\u003ch3\u003e1 dosette par jour\u003c\/h3\u003e\n\u003cp\u003ePrélevez une dose de \u003cstrong\u003e3,4 g\u003c\/strong\u003e, apportant 3 g de créatine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-timeline-item\"\u003e\n\u003cdiv class=\"caw-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"caw-timeline-content\"\u003e\n\u003ch3\u003eLe matin ou le midi\u003c\/h3\u003e\n\u003cp\u003eHumble+ recommande de prendre la Créatine Glow de préférence au petit-déjeuner ou au déjeuner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-timeline-item\"\u003e\n\u003cdiv class=\"caw-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"caw-timeline-content\"\u003e\n\u003ch3\u003eFacile à intégrer à votre routine\u003c\/h3\u003e\n\u003cp\u003eDiluez la poudre dans de l'eau, un jus, un smoothie, du café ou du thé, ou incorporez-la à un yaourt. Son goût neutre facilite son utilisation quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-tip\"\u003e\n\u003cspan class=\"caw-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003eLa régularité quotidienne est importante. Prenez votre dose chaque jour et choisissez une routine facile à maintenir sur la durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"caw-section\"\u003e\n\u003ch2\u003eUne formule vegan conditionnée en France\u003c\/h2\u003e\n\u003cdiv class=\"caw-grid-compact\"\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eUne formule adaptée à une alimentation vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n\u003cp\u003eProduit conditionné en France par Humble+.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e🎯 Dose précise\u003c\/h3\u003e\n\u003cp\u003eUne dosette quotidienne apporte 3 g de créatine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"caw-card\"\u003e\n\u003ch3\u003e✨ Goût neutre\u003c\/h3\u003e\n\u003cp\u003eFacile à mélanger à une boisson ou à intégrer dans un aliment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"caw-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n\u003cdiv class=\"caw-accordion\"\u003e\n\u003cdetails class=\"caw-accordion-item\"\u003e\n\u003csummary class=\"caw-accordion-header\"\u003e📋 Conseils d'utilisation\u003c\/summary\u003e\n\u003cdiv class=\"caw-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Les compléments alimentaires ne doivent pas être utilisés comme substituts d'une alimentation variée et équilibrée et d'un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"caw-accordion-item\"\u003e\n\u003csummary class=\"caw-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n\u003cdiv class=\"caw-accordion-content mt-3\"\u003e\n\u003cp\u003eLes femmes enceintes ou allaitantes doivent demander conseil à un professionnel de santé avant toute utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"caw-accordion-item\"\u003e\n\u003csummary class=\"caw-accordion-header\"\u003e👩‍⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"caw-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical, de pathologie ou de doute sur l'utilisation de ce complément alimentaire, demandez conseil à un professionnel de santé. Les personnes présentant une maladie ou des troubles rénaux doivent consulter un professionnel de santé avant toute complémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"caw-accordion-item\"\u003e\n\u003csummary class=\"caw-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"caw-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver dans son emballage d'origine, dans un endroit \u003cstrong\u003esec, à l'abri de la chaleur et de la lumière\u003c\/strong\u003e, et hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"caw-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"caw-cta-box\"\u003e\n\u003cp\u003eAvec la \u003cstrong\u003eCréatine Glow AGE-WELL® Humble+\u003c\/strong\u003e, vous profitez chaque jour de \u003cstrong\u003e3 g de créatine\u003c\/strong\u003e associés aux vitamines B6 et B12, dans une formule vegan au goût neutre et facile à intégrer à votre routine. ✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"caw-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --caw-cream: #faf5f3;\n --caw-white: #ffffff;\n --caw-primary: #b5828e;\n --caw-primary-dark: #8a5566;\n --caw-primary-light: #f3e8eb;\n --caw-secondary: #c9a0a9;\n --caw-accent: #d4a8b2;\n --caw-text: #1a1a1a;\n --caw-text-light: #5a5a5a;\n --caw-border: #e8ddd9;\n --caw-shadow: 0 4px 24px rgba(139,85,102,.08);\n --caw-shadow-lg: 0 12px 48px rgba(139,85,102,.15);\n --caw-radius: 20px;\n --caw-radius-sm: 12px;\n}\n\n.caw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--caw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.caw-hero {\n position: relative;\n background: linear-gradient(135deg, #c4929d 0%, #b5828e 35%, #8a5566 100%);\n border-radius: var(--caw-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(--caw-shadow-lg);\n}\n\n.caw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.caw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.caw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.caw-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(--caw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.caw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.caw-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.caw-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.caw-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.caw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.caw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--caw-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.caw-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(--caw-primary), var(--caw-secondary));\n border-radius: 2px;\n}\n\n.caw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--caw-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.caw-card {\n background: var(--caw-white);\n border-radius: var(--caw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--caw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.caw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--caw-shadow-lg);\n border-color: var(--caw-primary);\n}\n\n.caw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--caw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.caw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--caw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.caw-card-highlight {\n background: var(--caw-primary-light);\n border: 2px solid var(--caw-primary);\n}\n\n\/* === GRILLES === *\/\n.caw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.caw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.caw-grid-compact .caw-card {\n padding: 1rem;\n}\n\n.caw-grid-compact .caw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.caw-grid-compact .caw-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.caw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.caw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.caw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--caw-primary), var(--caw-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}\n\n.caw-timeline-content {\n flex: 1;\n background: var(--caw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--caw-radius-sm);\n box-shadow: var(--caw-shadow);\n}\n\n.caw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--caw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.caw-timeline-content p {\n font-size: 14px;\n color: var(--caw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.caw-testimonial {\n background: var(--caw-white);\n border-radius: var(--caw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--caw-shadow);\n border-left: 4px solid var(--caw-primary);\n}\n\n.caw-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--caw-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.caw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--caw-primary-light);\n border-radius: var(--caw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.caw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.caw-tip p {\n font-size: 14px;\n color: var(--caw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.caw-accordion {\n background: var(--caw-white);\n border-radius: var(--caw-radius);\n box-shadow: var(--caw-shadow);\n overflow: hidden;\n}\n\n.caw-accordion-item {\n border-bottom: 1px solid var(--caw-border);\n margin: 0;\n padding: 0;\n}\n\n.caw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.caw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--caw-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.caw-accordion-header:hover {\n background: var(--caw-primary-light);\n}\n\n.caw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.caw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--caw-primary);\n transition: transform .2s ease;\n}\n\n.caw-accordion-item[open] .caw-accordion-header::after {\n content: '−';\n}\n\n.caw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--caw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.caw-accordion-content p {\n margin: 0;\n}\n\n\/* === COMPOSITION (tableau) === *\/\n.caw-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.caw-premium table.caw-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--caw-text); word-break: normal; }\n.caw-premium table.caw-nutri th, .caw-premium table.caw-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--caw-border); padding: .55rem .75rem !important; box-shadow: none; vertical-align: middle; }\n.caw-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--caw-primary); border-bottom: 2px solid var(--caw-primary); }\n.caw-premium table.caw-nutri th { border-bottom: 2px solid var(--caw-primary); }\n.caw-nutri tbody tr:last-child td { border-bottom: none; }\n.caw-nutri tbody tr:nth-child(even) td { background: var(--caw-primary-light); }\n.caw-nutri th:not(:first-child), .caw-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.caw-nutri td:last-child { font-weight: 700; color: var(--caw-primary-dark); }\n.caw-nutri-sub { display: block; font-size: 12px; color: var(--caw-text-light); line-height: 1.35; }\n.caw-nutri td.caw-nutri-na { font-weight: 400; color: var(--caw-text-light); }\n.caw-accordion-content .caw-nutri-note { margin-top: .75rem; font-size: 12px; font-style: italic; }\n.caw-nutri-wrap + .caw-nutri-note { max-width: 720px; margin-left: auto; margin-right: auto; }\n@media (max-width: 767px) { .caw-premium table.caw-nutri { font-size: 13px; } .caw-premium table.caw-nutri th, .caw-premium table.caw-nutri td { padding: .5rem .4rem !important; } .caw-nutri-sub { white-space: normal; } }\n\n\/* === CTA FINAL === *\/\n.caw-cta-box {\n background: linear-gradient(135deg, var(--caw-primary) 0%, var(--caw-primary-dark) 100%);\n border-radius: var(--caw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.caw-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.caw-disclaimer {\n font-size: 12px;\n color: var(--caw-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 .caw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .caw-card {\n padding: 1.125rem;\n }\n\n .caw-section {\n margin-bottom: 1.75rem;\n }\n\n .caw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--caw-radius-sm);\n }\n\n .caw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .caw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .caw-grid-compact {\n gap: .625rem;\n }\n\n .caw-grid-compact .caw-card {\n padding: .75rem;\n }\n\n .caw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .caw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .caw-timeline-content h3 {\n font-size: 14px;\n }\n\n .caw-timeline-content p {\n font-size: 13px;\n }\n\n .caw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .caw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .caw-testimonial {\n padding: 1.25rem;\n }\n\n .caw-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .caw-card {\n animation: cawFadeInUp .5s ease backwards;\n }\n .caw-card:nth-child(1) { animation-delay: .05s; }\n .caw-card:nth-child(2) { animation-delay: .1s; }\n .caw-card:nth-child(3) { animation-delay: .15s; }\n .caw-card:nth-child(4) { animation-delay: .2s; }\n .caw-card:nth-child(5) { animation-delay: .25s; }\n .caw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cawFadeInUp {\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 .caw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n @media (min-width: 768px) { .caw-premium .caw-grid:has(\u003e :nth-child(5):last-child), .caw-premium .caw-grid:has(\u003e :nth-child(6):last-child) { grid-template-columns: repeat(3, 1fr); } }\n\n.caw-premium .caw-accordion-header { gap: .75rem; } .caw-premium .caw-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56894509482361,"sku":"HUMBLECREATINEGLOW","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creatine-glow-age-well-300g-humble-lifestyle_e73322d9-ea2b-4362-b010-30a78820ade4.webp?v=1774343588"},{"product_id":"omega-3-age-well-60-capsules-humble","title":"Oméga 3 Vital-Core™ Age-Well - 60 capsules - Humble+","description":"\u003cdiv class=\"om3-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"om3-hero\"\u003e\n\u003cdiv class=\"om3-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"om3-hero-content\"\u003e\n\u003cdiv class=\"om3-badges-top\"\u003e\n\u003cspan class=\"om3-badge\"\u003e❤️ Cœur\u003c\/span\u003e \u003cspan class=\"om3-badge\"\u003e🧠 Cerveau\u003c\/span\u003e \u003cspan class=\"om3-badge\"\u003e👁️ Vision\u003c\/span\u003e \u003cspan class=\"om3-badge\"\u003e🇫🇷 Développé en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"om3-hero-title\"\u003eOméga 3 Vital-Core™ Age-Well\u003c\/span\u003e\n\u003cp class=\"om3-subtitle\"\u003eHumble+ · Look Good, Feel Good\u003c\/p\u003e\n\u003cp class=\"om3-description\"\u003e60 capsules d'huiles marines hautement purifiées : 920 mg d'oméga 3 par jour, dont 614 mg d'EPA et 306 mg de DHA, pour votre cœur, votre cerveau et votre vision. 2 capsules\/jour, 1 mois de cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eOméga 3 Age-Well® Humble+ : des acides gras essentiels pour votre cœur, votre cerveau et votre vision\u003c\/h2\u003e\n\u003cp class=\"om3-section-intro\"\u003eVous cherchez un complément en \u003cstrong\u003eoméga 3\u003c\/strong\u003e fiable, concentré et développé en France ? La formule \u003cstrong\u003eOméga 3 Age-Well®\u003c\/strong\u003e de Humble+ associe des huiles marines hautement purifiées, issues de poisson et de krill, pour vous apporter chaque jour les acides gras essentiels EPA et DHA dont votre organisme a besoin. Un flacon de \u003cstrong\u003e60 capsules\u003c\/strong\u003e pour un mois complet de cure, à raison de 2 capsules par jour.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003ePourquoi les oméga 3 sont-ils si importants ?\u003c\/h2\u003e\n\u003cdiv class=\"om3-testimonial\"\u003e\n\u003cp class=\"om3-testimonial-text\"\u003eLes \u003cstrong\u003ebienfaits des oméga 3\u003c\/strong\u003e sont aujourd'hui largement documentés. L'EPA et le DHA sont des acides gras polyinsaturés que notre corps ne sait pas fabriquer seul : il faut les apporter par l'\u003cstrong\u003ealimentation en oméga 3\u003c\/strong\u003e ou par la supplémentation. Or, notre alimentation moderne en est souvent carencée. Même en consommant régulièrement des \u003cstrong\u003ealiments riches en oméga 3\u003c\/strong\u003e comme les poissons gras, les noix ou les graines de lin, il reste difficile d'atteindre les apports recommandés au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-tip\"\u003e\n\u003cspan class=\"om3-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eC'est précisément là qu'un complément alimentaire bien formulé prend tout son sens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de cette formule\u003c\/h2\u003e\n\u003cp class=\"om3-section-intro\"\u003eLa formule Age-Well® ne se contente pas d'apporter des oméga 3 génériques. Elle concentre de l'EPA et du DHA hautement dosés, accompagnés de \u003cstrong\u003ecofacteurs antioxydants ciblés\u003c\/strong\u003e pour une efficacité optimisée :\u003c\/p\u003e\n\u003cdiv class=\"om3-grid\"\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e❤️ Fonction cardiaque normale\u003c\/h3\u003e\n\u003cp\u003eL'EPA et le DHA contribuent au bon fonctionnement du cœur, pour une santé cardiovasculaire préservée au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🧠 Fonction cérébrale normale\u003c\/h3\u003e\n\u003cp\u003eLe DHA soutient les fonctions cognitives et participe au maintien d'un cerveau en bonne santé, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n\u003cp\u003eLe DHA contribue au maintien d'une vision saine et au confort visuel au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🛡️ Vitamine E\u003c\/h3\u003e\n\u003cp\u003eAvec 20 mg de vitamine E par jour (166 % des VNR), qui contribue à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eUne qualité irréprochable, développée en France\u003c\/h2\u003e\n\u003cdiv class=\"om3-grid-compact\"\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🐟 Vivomega® + krill\u003c\/h3\u003e\n\u003cp\u003eHuile de poisson Vivomega® sous forme triglycérides et extrait lipidique de krill de l'Antarctique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🧪 Purification avancée\u003c\/h3\u003e\n\u003cp\u003eÉlimination des métaux lourds et contaminants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e📊 Totox \u0026lt; 10\u003c\/h3\u003e\n\u003cp\u003eIndice d'oxydation inférieur à 10, quand la norme internationale recommande moins de 26.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-card\"\u003e\n\u003ch3\u003e🛡️ Anti-oxydation\u003c\/h3\u003e\n\u003cp\u003eChlorophylle cuivrique et technologie de stabilisation avancée protègent les acides gras.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-tip\"\u003e\n\u003cspan class=\"om3-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eDes huiles marines sélectionnées, purifiées et contrôlées selon des standards stricts. Sans sucre, sans OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n\u003cp class=\"om3-section-intro\"\u003e2 capsules par jour apportent \u003cstrong\u003e920 mg d'oméga 3\u003c\/strong\u003e, dont 614 mg d'EPA et 306 mg de DHA, ainsi que 20 mg de vitamine E.\u003c\/p\u003e\n\u003cdiv class=\"om3-accordion\"\u003e\n\u003cdetails class=\"om3-accordion-item\"\u003e\n\u003csummary class=\"om3-accordion-header\"\u003e📊 Valeurs nutritionnelles\u003c\/summary\u003e\n\u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n\u003cdiv class=\"om3-table-wrap\"\u003e\n\u003ctable class=\"om3-table\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003ePour 2 capsules\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eOméga 3\u003c\/td\u003e\n\u003ctd\u003e920 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e↳ dont EPA\u003c\/td\u003e\n\u003ctd\u003e614 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e↳ dont DHA\u003c\/td\u003e\n\u003ctd\u003e306 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVitamine E (α-tocophérol)\u003c\/td\u003e\n\u003ctd\u003e20 mg\u003c\/td\u003e\n\u003ctd\u003e166 %\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"om3-table-note\"\u003e* VNR : valeurs nutritionnelles de référence (adulte). Aucune VNR n'est établie pour l'EPA et le DHA.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"om3-accordion-item\"\u003e\n\u003csummary class=\"om3-accordion-header\"\u003e🌿 Ingrédients et allergènes\u003c\/summary\u003e\n\u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n\u003cp\u003eHuile de poisson Vivomega® (triglycérides, antioxydant : tocophérols), gélatine bovine, extrait lipidique de krill de l'Antarctique (\u003cem\u003eEuphausia superba\u003c\/em\u003e, crustacés et mollusques), humectant : glycérol, antioxydants : tocotriénols (issus d'extrait de riz, support : huile de graines de tournesol) et tocophérols Nutrabiol®, eau, antioxydant : extrait de feuilles de romarin, colorant : complexes cuivriques de chlorophyllines.\u003c\/p\u003e\n\u003cp class=\"om3-table-note\"\u003e\u003cstrong\u003eAllergènes :\u003c\/strong\u003e poisson, crustacés et mollusques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eComment prendre vos oméga 3 Age-Well® ?\u003c\/h2\u003e\n\u003cdiv class=\"om3-timeline\"\u003e\n\u003cdiv class=\"om3-timeline-item\"\u003e\n\u003cdiv class=\"om3-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-content\"\u003e\n\u003ch3\u003ePrenez 2 capsules par jour\u003c\/h3\u003e\n\u003cp\u003eDe préférence au cours d'un repas contenant des matières grasses, pour favoriser l'absorption des acides gras. En cas d'oubli, reprenez le lendemain sans doubler la dose.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-item\"\u003e\n\u003cdiv class=\"om3-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-content\"\u003e\n\u003ch3\u003e1 flacon = 1 mois de cure\u003c\/h3\u003e\n\u003cp\u003eLe flacon de 60 capsules correspond à une cure complète d'un mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-item\"\u003e\n\u003cdiv class=\"om3-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-content\"\u003e\n\u003ch3\u003eSoyez régulier pour des résultats durables\u003c\/h3\u003e\n\u003cp\u003eUne prise régulière sur plusieurs semaines est recommandée pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-item\"\u003e\n\u003cdiv class=\"om3-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"om3-timeline-content\"\u003e\n\u003ch3\u003eConservez le flacon au frais\u003c\/h3\u003e\n\u003cp\u003eDe préférence au réfrigérateur, pour préserver la fraîcheur des huiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"om3-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cp class=\"om3-section-intro\"\u003eCette formule convient à toute personne souhaitant compléter ses apports en \u003cstrong\u003eoméga 3 par l'alimentation\u003c\/strong\u003e, que ce soit pour soutenir sa santé cardiovasculaire, préserver ses capacités cognitives ou prendre soin de sa vision. Elle est particulièrement adaptée si vous consommez peu de poissons gras ou si vous souhaitez un apport quotidien maîtrisé et de haute qualité.\u003c\/p\u003e\n\u003cdiv class=\"om3-accordion\"\u003e\n\u003cdetails class=\"om3-accordion-item\"\u003e\n\u003csummary class=\"om3-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n\u003cp\u003ePour les adultes : déconseillé aux enfants de moins de 6 ans. Ne convient pas en cas d'allergie au poisson, aux crustacés ou aux mollusques. Demandez l'avis de votre médecin si vous suivez un traitement anticoagulant, et celui d'un professionnel de santé si vous êtes enceinte ou allaitez. Capsule à base de gélatine bovine : ne convient pas aux végétariens. Ne pas dépasser 2 capsules par jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"om3-accordion-item\"\u003e\n\u003csummary class=\"om3-accordion-header\"\u003e⚠️ Rappel important\u003c\/summary\u003e\n\u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. En cas de doute, consultez votre médecin ou votre pharmacien avant de commencer une cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"om3-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"om3-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre cœur, votre cerveau et votre vision le meilleur des oméga 3, une formule concentrée, purifiée et développée en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"om3-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --om3-cream: #f5f5f0;\n --om3-white: #ffffff;\n --om3-primary: #5b8f6e;\n --om3-primary-dark: #3a6b4a;\n --om3-primary-light: #e8f2ec;\n --om3-secondary: #7aab8b;\n --om3-accent: #3d7a54;\n --om3-text: #1a1a1a;\n --om3-text-light: #5a5a5a;\n --om3-border: #dde5df;\n --om3-shadow: 0 4px 24px rgba(0,0,0,.08);\n --om3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, #3a6b4a 0%, #5b8f6e 50%, #7aab8b 100%);\n border-radius: var(--om3-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(--om3-shadow-lg);\n}\n\n.om3-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.om3-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.om3-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.om3-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.om3-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.om3-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(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.om3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.om3-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(--om3-primary), var(--om3-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.om3-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--om3-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.om3-section-intro strong {\n color: var(--om3-text);\n}\n\n\/* === CARDS === *\/\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-primary);\n}\n\n.om3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.om3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.om3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.om3-grid-compact .om3-card {\n padding: 1rem;\n}\n\n.om3-grid-compact .om3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.om3-grid-compact .om3-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.om3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.om3-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.om3-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--om3-primary), var(--om3-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.om3-timeline-content {\n flex: 1;\n background: var(--om3-white);\n padding: 1rem 1.25rem;\n border-radius: var(--om3-radius-sm);\n box-shadow: var(--om3-shadow);\n}\n\n.om3-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.om3-timeline-content p {\n font-size: 14px;\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.om3-testimonial {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--om3-shadow);\n border-left: 4px solid var(--om3-primary);\n}\n\n.om3-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--om3-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.om3-testimonial-text strong {\n color: var(--om3-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.om3-accordion {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.om3-accordion-item {\n border-bottom: 1px solid var(--om3-border);\n margin: 0;\n padding: 0;\n}\n\n.om3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.om3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--om3-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.om3-accordion-header:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.om3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--om3-primary);\n transition: transform .2s ease;\n}\n\n.om3-accordion-item[open] .om3-accordion-header::after {\n content: '−';\n}\n\n.om3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--om3-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.om3-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.om3-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--om3-primary-light);\n border-radius: var(--om3-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.om3-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.om3-tip p {\n font-size: 14px;\n color: var(--om3-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.om3-cta-box {\n background: linear-gradient(135deg, var(--om3-primary) 0%, var(--om3-primary-dark) 100%);\n border-radius: var(--om3-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.om3-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.om3-disclaimer {\n font-size: 12px;\n color: var(--om3-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === TABLEAU NUTRITIONNEL === *\/\n.om3-table-wrap { background: var(--om3-white); border-radius: var(--om3-radius); box-shadow: var(--om3-shadow); padding: clamp(1rem, 3vw, 1.5rem); max-width: 640px; margin: 0 auto; overflow-x: auto; }\n.om3-premium table.om3-table { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 15px; color: var(--om3-text); word-break: normal; }\n.om3-premium table.om3-table th, .om3-premium table.om3-table td { border-width: 0 0 1px; border-style: solid; border-color: var(--om3-border); padding: .6rem .5rem; }\n.om3-premium table.om3-table th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--om3-accent); border-bottom: 2px solid var(--om3-primary); }\n.om3-premium table.om3-table tbody tr:nth-child(even) td { background: var(--om3-primary-light); }\n.om3-premium table.om3-table tbody tr:last-child td { border-bottom: none; }\n.om3-premium table.om3-table th:not(:first-child), .om3-premium table.om3-table td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.om3-premium table.om3-table td:last-child { font-weight: 700; color: var(--om3-primary-dark); }\n.om3-table-note { font-size: 12px; color: var(--om3-text-light); margin: .75rem 0 0; font-style: italic; }\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .om3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .om3-card {\n padding: 1.125rem;\n }\n\n .om3-section {\n margin-bottom: 1.75rem;\n }\n\n .om3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--om3-radius-sm);\n }\n\n .om3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .om3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .om3-grid-compact {\n gap: .625rem;\n }\n\n .om3-grid-compact .om3-card {\n padding: .75rem;\n }\n\n .om3-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .om3-timeline-content {\n padding: .875rem 1rem;\n }\n\n .om3-timeline-content h3 {\n font-size: 14px;\n }\n\n .om3-timeline-content p {\n font-size: 13px;\n }\n\n .om3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .om3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .om3-testimonial {\n padding: 1.25rem;\n }\n\n .om3-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .om3-card {\n animation: om3FadeInUp .5s ease backwards;\n }\n .om3-card:nth-child(1) { animation-delay: .05s; }\n .om3-card:nth-child(2) { animation-delay: .1s; }\n .om3-card:nth-child(3) { animation-delay: .15s; }\n .om3-card:nth-child(4) { animation-delay: .2s; }\n .om3-card:nth-child(5) { animation-delay: .25s; }\n .om3-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes om3FadeInUp {\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 .om3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n.om3-premium .om3-accordion-header { gap: .75rem; } .om3-premium .om3-accordion-header::after { flex-shrink: 0; }\n\n.om3-accordion .om3-table-wrap { background: none; box-shadow: none; padding: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56946303402361,"sku":"OMEGA3HUMBLE","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega-3-age-well-60-capsules-humble-packshothd_7489fc49-2250-4283-830c-cbd808f7fef4.webp?v=1786006686"},{"product_id":"collagene-marin-30-doses-humble","title":"Collagène Marin - 30 doses - Humble+","description":"\u003cdiv class=\"cm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cm-hero\"\u003e\n \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cm-hero-content\"\u003e\n \u003cdiv class=\"cm-badges-top\"\u003e\n \u003cspan class=\"cm-badge\"\u003e🐟 Collagène marin pur\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e📦 30 sachets individuels\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e⚡ 5 g par dose\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e📺 Vu à la TV\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cm-hero-title\"\u003eCollagène Marin Humble+\u003c\/span\u003e\n \u003cp class=\"cm-subtitle\"\u003eLook Good, Feel Good\u003c\/p\u003e\n \u003cp class=\"cm-description\"\u003e30 sachets individuels de peptides de collagène marin hydrolysé pour une peau ferme, des articulations souples et des cheveux éclatants. Votre rituel beauté \u0026amp; bien-être, partout avec vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eCollagène Marin en sachets individuels : votre rituel beauté et bien-être au quotidien\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecollagène marin en poudre\u003c\/strong\u003e pratique et facile à emporter partout ? Les sachets individuels de \u003cstrong\u003eCollagène Marin Humble+\u003c\/strong\u003e contiennent chacun \u003cstrong\u003e5 g de peptides de collagène marin\u003c\/strong\u003e hautement assimilables.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid-compact\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n \u003cp\u003eSachets individuels à glisser dans votre sac, idéaux au bureau, en voyage ou à la maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e⚡ 5 g par sachet\u003c\/h3\u003e\n \u003cp\u003eLa dose quotidienne optimale de peptides de collagène marin dans un seul sachet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🧬 Hautement assimilable\u003c\/h3\u003e\n \u003cp\u003ePeptides hydrolysés à faible poids moléculaire pour une absorption maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✅ Zéro oubli\u003c\/h3\u003e\n \u003cp\u003eLe format dose individuelle vous assure de ne jamais manquer votre rituel quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eLes bienfaits du collagène marin pour votre corps\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eLe \u003cstrong\u003ecollagène marin\u003c\/strong\u003e est une protéine naturellement présente dans notre organisme, essentielle pour la peau, les articulations, les cheveux et les ongles. Dès 25 ans, sa production diminue d'environ \u003cstrong\u003e1 % par an\u003c\/strong\u003e, entraînant rides, perte de fermeté et inconfort articulaire.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✨ Fermeté et élasticité de la peau\u003c\/h3\u003e\n \u003cp\u003eLes peptides de collagène soutiennent le renouvellement des fibres cutanées pour un teint rebondi et lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eContribue à la souplesse des cartilages, tendons et ligaments, idéal pour les personnes actives ou sportives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💇 Cheveux et ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eNourrit les structures kératinées pour des ongles moins cassants et des cheveux plus résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 Hydratation cutanée\u003c\/h3\u003e\n \u003cp\u003eEn soutenant la matrice dermique, il aide la peau à mieux retenir l'eau pour un aspect souple et repulpé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eCollagène marin : dangers et précautions à connaître\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eBeaucoup se demandent si \u003cstrong\u003ele collagène marin présente des dangers\u003c\/strong\u003e. Aux dosages recommandés, cette protéine est très bien tolérée.\u003c\/p\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🐟 Allergène poisson\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eLe collagène marin est issu de poisson et constitue un \u003cstrong\u003eallergène\u003c\/strong\u003e pour les personnes sensibles aux produits de la mer. Vérifiez l'absence de sensibilité avant de débuter une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est déconseillé aux femmes enceintes ou allaitantes de débuter une cure sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e✅ Tolérance générale\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eAux dosages recommandés (5 à 10 g par jour), le collagène marin est très bien toléré. De légers troubles digestifs peuvent rarement apparaître en début de cure. En cas de difficultés rénales, évitez d'en consommer trop et demandez conseil à un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComposition et dosage par sachet\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eChaque sachet contient un seul ingrédient : \u003cstrong\u003e5 g de peptides de collagène marin hydrolysé\u003c\/strong\u003e, sans arôme, sans additif ni excipient.\u003c\/p\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e📋 Ingrédients et allergènes\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e peptides de collagène marin hydrolysé (\u003cstrong\u003epoisson\u003c\/strong\u003e).\u003c\/p\u003e\n \u003cp\u003eCollagène marin de type I Naticol®, issu de poissons d'élevage certifiés Friend of the Sea.\u003c\/p\u003e\n \u003cp class=\"cm-nutri-traces\"\u003eContient du poisson. Déconseillé en cas d'allergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e📊 Quantités par dose\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cdiv class=\"cm-nutri-wrap\"\u003e\n \u003ctable class=\"cm-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003ePar sachet (5 g)\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003ePeptides de collagène marin hydrolysé\u003c\/td\u003e\n\u003ctd\u003e5 000 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e4,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e19 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🏷️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans sucre ajouté, sans gluten, sans lactose et sans OGM.\u003c\/strong\u003e Collagène de type I pur avec un faible poids moléculaire pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComment prendre votre collagène marin Humble+ ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-timeline\"\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eChoisissez votre dosage\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eBeauté et entretien\u003c\/strong\u003e : 1 sachet par jour (5 g). \u003cstrong\u003eConfort articulaire renforcé\u003c\/strong\u003e : 2 sachets par jour (10 g).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eMélangez dans votre boisson\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu dans \u003cstrong\u003e200 à 300 ml\u003c\/strong\u003e d'eau, de jus, de smoothie ou de yaourt et mélangez bien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003ePrenez-le quand vous voulez\u003c\/h3\u003e\n \u003cp\u003eLe collagène se prend \u003cstrong\u003eà tout moment de la journée\u003c\/strong\u003e : l'essentiel est d'en faire un geste quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🍋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e associez votre collagène avec un jus de citron ou d'orange. La vitamine C stimule la synthèse du collagène dans l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\" style=\"margin-top:.75rem;\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eAvec la boîte de \u003cstrong\u003e30 sachets\u003c\/strong\u003e, vous disposez d'un mois complet de cure. Les premiers résultats peuvent se voir \u003cstrong\u003edès 4 semaines\u003c\/strong\u003e, avec un résultat optimal en \u003cstrong\u003e8 semaines\u003c\/strong\u003e d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePour qui est fait ce collagène marin ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-grid-compact\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e👩 +25 ans\u003c\/h3\u003e\n \u003cp\u003eLa production naturelle de collagène décline dès 25 ans : anticipez et préservez votre jeunesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eSoutien articulaire et récupération pour les personnes actives et les athlètes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✨ Beauté naturelle\u003c\/h3\u003e\n \u003cp\u003eUn geste beauté simple et efficace pour une peau ferme, des cheveux forts et des ongles résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🦴 Confort quotidien\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui souhaitent maintenir la souplesse de leurs articulations et améliorer leur bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003e30 sachets individuels de 5 g (150 g au total).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e📅 Durée de cure\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003e15 à 30 jours selon le dosage choisi (1 ou 2 sachets par jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🐟 Allergène\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eContient du \u003cstrong\u003epoisson\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cm-disclaimer\"\u003eCe produit est un complément alimentaire. Il ne se substitue pas à un régime alimentaire varié et équilibré ni à un suivi médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cm-cream: #f5f7fa;\n --cm-white: #ffffff;\n --cm-primary: #1a6b7a;\n --cm-primary-dark: #0e4a56;\n --cm-primary-light: #e8f4f7;\n --cm-secondary: #5aacbd;\n --cm-accent: #2d8fa1;\n --cm-text: #1a1a1a;\n --cm-text-light: #5a5a5a;\n --cm-border: #e0e0e0;\n --cm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cm-radius: 20px;\n --cm-radius-sm: 12px;\n}\n\n.cm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cm-hero {\n position: relative;\n background: linear-gradient(135deg, #0e4a56 0%, #1a6b7a 40%, #5aacbd 100%);\n border-radius: var(--cm-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(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n opacity: 1;\n}\n\n.cm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cm-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.cm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.cm-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.cm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cm-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(--cm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cm-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.cm-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(--cm-primary), var(--cm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-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.cm-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cm-grid-compact .cm-card {\n padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-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.cm-timeline-content {\n flex: 1;\n background: var(--cm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cm-radius-sm);\n box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n font-size: 14px;\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.cm-accordion {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n box-shadow: var(--cm-shadow);\n overflow: hidden;\n}\n\n.cm-accordion-item {\n border-bottom: 1px solid var(--cm-border);\n margin: 0;\n padding: 0;\n}\n\n.cm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cm-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.cm-accordion-header:hover {\n background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cm-primary);\n transition: transform .2s ease;\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n content: '−';\n}\n\n.cm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\n.cm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cm-primary-light);\n border-radius: var(--cm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cm-tip p {\n font-size: 14px;\n color: var(--cm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cm-testimonial {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cm-shadow);\n border-left: 4px solid var(--cm-primary);\n}\n\n.cm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cm-disclaimer {\n font-size: 12px;\n color: var(--cm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cm-card {\n padding: 1.125rem;\n }\n\n .cm-section {\n margin-bottom: 1.75rem;\n }\n\n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n\n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cm-grid-compact {\n gap: .625rem;\n }\n\n .cm-grid-compact .cm-card {\n padding: .75rem;\n }\n\n .cm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cm-timeline-content h3 {\n font-size: 14px;\n }\n\n .cm-timeline-content p {\n font-size: 13px;\n }\n\n .cm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cm-testimonial {\n padding: 1.25rem;\n }\n\n .cm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === TABLEAUX DE COMPOSITION === *\/\n.cm-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.cm-premium table.cm-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--cm-text); word-break: normal; }\n.cm-premium table.cm-nutri th, .cm-premium table.cm-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--cm-border); padding: .55rem .75rem !important; box-shadow: none; background-clip: border-box; }\n.cm-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--cm-accent); border-bottom: 2px solid var(--cm-primary); }\n.cm-nutri tbody tr:last-child td { border-bottom: none; }\n.cm-nutri tbody tr:nth-child(even) td { background: var(--cm-primary-light); }\n.cm-nutri th:not(:first-child), .cm-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.cm-nutri td:last-child { font-weight: 700; color: var(--cm-primary-dark); }\n.cm-accordion-content p + p { margin-top: .5rem; }\n.cm-accordion-content .cm-nutri-traces { margin-top: .75rem; font-style: italic; }\n@media (max-width: 767px) { .cm-premium table.cm-nutri { font-size: 13px; } .cm-premium table.cm-nutri th, .cm-premium table.cm-nutri td { padding-left: .4rem !important; padding-right: .4rem !important; } }\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cm-card {\n animation: cmFadeInUp .5s ease backwards;\n }\n .cm-card:nth-child(1) { animation-delay: .05s; }\n .cm-card:nth-child(2) { animation-delay: .1s; }\n .cm-card:nth-child(3) { animation-delay: .15s; }\n .cm-card:nth-child(4) { animation-delay: .2s; }\n .cm-card:nth-child(5) { animation-delay: .25s; }\n .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n.cm-premium .cm-accordion-header { gap: .75rem; } .cm-premium .cm-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56946482086265,"sku":"COLLAGENEMARINDOSE","price":20.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene_marin_stick_5g_humble__11zon.jpg?v=1775148496"},{"product_id":"collagene-marin-ultra-concentre-30-doses-menthe-citron-vert-humble","title":"Collagène Marin Ultra concentré - 30 doses - Menthe et Citron vert - Humble+","description":"\u003cdiv class=\"hc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hc-hero\"\u003e\n \u003cdiv class=\"hc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hc-hero-content\"\u003e\n \u003cdiv class=\"hc-badges-top\"\u003e\n \u003cspan class=\"hc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"hc-badge\"\u003e🐟 Certifié Friend of the Sea\u003c\/span\u003e\n \u003cspan class=\"hc-badge\"\u003e🍃 Orodispersible\u003c\/span\u003e\n \u003cspan class=\"hc-badge\"\u003e⚡ Tripeptides ultra concentrés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hc-hero-title\"\u003eCollagène Marin Ultra Concentré Humble+\u003c\/span\u003e\n \u003cp class=\"hc-subtitle\"\u003e30 sticks saveur menthe-citron vert · 2,5 g de collagène dont 625 mg de tripeptides par stick\u003c\/p\u003e\n \u003cp class=\"hc-description\"\u003eLe collagène marin nouvelle génération qui se prend sans eau. Résultats visibles dès 8 semaines : −42 % de rides, +34 % d'éclat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eCollagène marin ultra concentré Humble+ : des tripeptides orodispersibles pour votre peau et vos articulations\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eVous recherchez un \u003cstrong\u003ecollagène marin en poudre\u003c\/strong\u003e vraiment efficace et agréable à prendre ? Le \u003cstrong\u003eCollagène Marin Ultra Concentré Humble+\u003c\/strong\u003e se distingue par sa formule à base de \u003cstrong\u003etripeptides orodispersibles\u003c\/strong\u003e, qui se dissolvent directement en bouche pour une absorption rapide et optimale.\u003c\/p\u003e\n \u003cdiv class=\"hc-grid-compact\"\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🧬 Tripeptides\u003c\/h3\u003e\n \u003cp\u003eLes plus petites fractions de collagène pour une assimilation maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e💧 Orodispersible\u003c\/h3\u003e\n \u003cp\u003eFond directement sur la langue, sans besoin d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🍃 Menthe-citron vert\u003c\/h3\u003e\n \u003cp\u003eUne saveur fraîche et agréable pour un rituel quotidien plaisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eQualité premium, certifié Friend of the Sea\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003ePourquoi choisir des tripeptides de collagène marin ?\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eTous les collagènes ne se valent pas. Les tripeptides sont les plus petites fractions de collagène hydrolysé, composées de seulement trois acides aminés. Leur faible poids moléculaire leur permet de traverser la barrière intestinale bien plus facilement que les peptides classiques.\u003c\/p\u003e\n \u003cdiv class=\"hc-grid\"\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🔬 Poids moléculaire ultra faible\u003c\/h3\u003e\n \u003cp\u003eSeulement 3 acides aminés par fragment, soit la plus petite unité assimilable. Ils traversent la barrière intestinale bien plus facilement que les peptides classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e👅 Absorption buccale directe\u003c\/h3\u003e\n \u003cp\u003eLe format orodispersible fond directement sur la langue. L'assimilation démarre dès la cavité buccale, avant même d'atteindre l'estomac.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🥤 Flexible au quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez-le directement en bouche ou mélangez-le dans une boisson fraîche : eau, jus ou smoothie. L'efficacité reste la même dans tous les cas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eBienfaits du collagène marin : ce que vous pouvez en attendre\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eDès 25 ans, notre production naturelle de collagène diminue d'environ 1 % par an. Compléter cet apport aide à préserver votre capital jeunesse et votre mobilité.\u003c\/p\u003e\n \u003cdiv class=\"hc-grid\"\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e✨ Fermeté et éclat de la peau\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e42 % de rides en moins\u003c\/strong\u003e et \u003cstrong\u003e34 % d'éclat en plus\u003c\/strong\u003e après 8 semaines de cure. La peau retrouve rebond et luminosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eLes tripeptides nourrissent \u003cstrong\u003ecartilages, tendons et ligaments\u003c\/strong\u003e pour soutenir la mobilité et réduire les inconforts articulaires au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e💅 Cheveux et ongles renforcés\u003c\/h3\u003e\n \u003cp\u003eLe collagène de type I nourrit les \u003cstrong\u003estructures kératinées\u003c\/strong\u003e : ongles moins cassants, cheveux plus forts et résistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e💦 Hydratation cutanée\u003c\/h3\u003e\n \u003cp\u003eLa peau retient mieux l'eau au quotidien. Une hydratation profonde qui se ressent dès les premières semaines de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eComposition détaillée par stick de 2,5 g\u003c\/h2\u003e\n \u003cp class=\"hc-section-intro\"\u003eChaque stick apporte \u003cstrong\u003e2,5 g de collagène marin hydrolysé Naticol® X3Peptide\u003c\/strong\u003e (type I), dont 25 % de tripeptides, issu de poissons d'élevage certifiés Friend of the Sea.\u003c\/p\u003e\n \u003cdiv class=\"hc-grid-compact\"\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🧬 Collagène\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 500 mg\u003c\/strong\u003e par stick\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e⚡ Tripeptides\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e625 mg\u003c\/strong\u003e par stick\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e🚫 Sans ajouts\u003c\/h3\u003e\n \u003cp\u003eSans sucre ajouté, sans gluten, sans lactose, sans OGM\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-card\"\u003e\n \u003ch3\u003e⚠️ Allergène\u003c\/h3\u003e\n \u003cp\u003eContient du \u003cstrong\u003epoisson\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-accordion hc-accordion--compo\"\u003e\n \u003cdetails class=\"hc-accordion-item\"\u003e\n \u003csummary class=\"hc-accordion-header\"\u003e🌿 Ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n \u003cp\u003eCollagène marin hydrolysé (Naticol® X3Peptide – \u003cstrong\u003epoisson\u003c\/strong\u003e), édulcorant : érythritol, arômes naturels menthe-citron vert, acidifiant : acide citrique.\u003c\/p\u003e\n \u003cp\u003eAllergène : \u003cstrong\u003epoisson\u003c\/strong\u003e. Déconseillé en cas d'allergie. Sans arôme artificiel, sans sucre ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hc-accordion-item\"\u003e\n \u003csummary class=\"hc-accordion-header\"\u003e📊 Quantités par stick\u003c\/summary\u003e\n \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hc-nutri-wrap\"\u003e\n \u003ctable class=\"hc-nutri\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n\u003cth\u003eActif\u003c\/th\u003e\n\u003cth\u003ePar stick\u003c\/th\u003e\n\u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eCollagène marin hydrolysé Naticol® X3Peptide\u003c\/td\u003e\n\u003ctd\u003e2 500 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd class=\"hc-nutri-sub\"\u003edont tripeptides (25 %)\u003c\/td\u003e\n\u003ctd\u003e625 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eComment prendre votre collagène marin Humble+ ?\u003c\/h2\u003e\n \u003cdiv class=\"hc-timeline\"\u003e\n \u003cdiv class=\"hc-timeline-item\"\u003e\n \u003cdiv class=\"hc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hc-timeline-content\"\u003e\n \u003ch3\u003eVersez directement en bouche\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu d'un stick directement sur la langue, \u003cstrong\u003esans eau\u003c\/strong\u003e, en \u003cstrong\u003e3 à 4 prises successives\u003c\/strong\u003e que vous laissez fondre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-timeline-item\"\u003e\n \u003cdiv class=\"hc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hc-timeline-content\"\u003e\n \u003ch3\u003eAu moment qui vous convient\u003c\/h3\u003e\n \u003cp\u003ePrenez-le \u003cstrong\u003eà tout moment de la journée\u003c\/strong\u003e : le matin, autour du sport ou le soir. L'essentiel est d'être régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-timeline-item\"\u003e\n \u003cdiv class=\"hc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hc-timeline-content\"\u003e\n \u003ch3\u003eUn stick par jour\u003c\/h3\u003e\n \u003cp\u003eLa dose recommandée est d'\u003cstrong\u003eun stick (2,5 g) par jour\u003c\/strong\u003e : une boîte couvre un mois de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-timeline-item\"\u003e\n \u003cdiv class=\"hc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hc-timeline-content\"\u003e\n \u003ch3\u003eComptez 8 à 12 semaines\u003c\/h3\u003e\n \u003cp\u003eSoyez régulier pour obtenir des résultats visibles sur la peau. La constance est la clé de l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-tip\"\u003e\n \u003cspan class=\"hc-tip-icon\"\u003e🍋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e associez votre collagène à un jus riche en vitamine C (citron, orange) pour stimuler la synthèse naturelle du collagène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"hc-section\"\u003e\n \u003ch2\u003eLe collagène marin présente‑t‑il des dangers ?\u003c\/h2\u003e\n \u003cdiv class=\"hc-testimonial\"\u003e\n \u003cp class=\"hc-testimonial-text\"\u003eÀ la dose recommandée d'\u003cstrong\u003eun stick de 2,5 g par jour\u003c\/strong\u003e, le collagène marin est une protéine très bien tolérée. La seule précaution majeure concerne les personnes \u003cstrong\u003eallergiques au poisson\u003c\/strong\u003e. Les femmes enceintes ou allaitantes devraient consulter un professionnel de santé avant de débuter une cure. De rares troubles digestifs peuvent apparaître en début de cure ; ils disparaissent souvent rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"hc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"hc-accordion\"\u003e\n \u003cdetails class=\"hc-accordion-item\"\u003e\n \u003csummary class=\"hc-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n \u003cp\u003e30 sticks de 2,5 g de collagène – 1 mois de cure à raison d'un stick par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hc-accordion-item\"\u003e\n \u003csummary class=\"hc-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n \u003cp\u003eFabriqué en France – Qualité premium – Collagène issu de poissons d'élevage certifiés Friend of the Sea.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hc-accordion-item\"\u003e\n \u003csummary class=\"hc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hc-accordion-item\"\u003e\n \u003csummary class=\"hc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un complément alimentaire. Il ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Ne pas dépasser la dose journalière recommandée. Déconseillé en cas d'allergie au poisson. Éviter de consommer trop de collagène en cas de difficultés rénales ; en cas de doute, demandez conseil à un professionnel de santé. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hc-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre peau et à vos articulations le meilleur du collagène marin.\u003cbr\u003eTripeptides orodispersibles, saveur menthe-citron vert, résultats dès 8 semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hc-disclaimer\"\u003eComplément alimentaire à base de collagène marin orodispersible, avec édulcorant. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hc-cream: #f4f9f7;\n --hc-white: #ffffff;\n --hc-primary: #8cbcac;\n --hc-primary-dark: #2d5e4e;\n --hc-primary-light: #e6f2ed;\n --hc-secondary: #a8d8c8;\n --hc-accent: #5ba389;\n --hc-text: #1a1a1a;\n --hc-text-light: #5a5a5a;\n --hc-border: #d8e8e0;\n --hc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hc-radius: 20px;\n --hc-radius-sm: 12px;\n}\n\n.hc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hc-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5e4e 0%, #5ba389 50%, #8cbcac 100%);\n border-radius: var(--hc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hc-shadow-lg);\n}\n\n.hc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: .6;\n}\n\n.hc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.hc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.hc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hc-primary), var(--hc-secondary));\n border-radius: 2px;\n}\n\n.hc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.hc-card {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hc-shadow-lg);\n border-color: var(--hc-primary);\n}\n\n.hc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hc-grid-compact .hc-card {\n padding: 1rem;\n}\n\n.hc-grid-compact .hc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hc-grid-compact .hc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hc-primary), var(--hc-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.hc-timeline-content {\n flex: 1;\n background: var(--hc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hc-radius-sm);\n box-shadow: var(--hc-shadow);\n}\n\n.hc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hc-timeline-content p {\n font-size: 14px;\n color: var(--hc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hc-primary-light);\n border-radius: var(--hc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hc-tip p {\n font-size: 14px;\n color: var(--hc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.hc-testimonial {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hc-shadow);\n border-left: 4px solid var(--hc-primary);\n}\n\n.hc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hc-accordion {\n background: var(--hc-white);\n border-radius: var(--hc-radius);\n box-shadow: var(--hc-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.hc-accordion-item {\n border-bottom: 1px solid var(--hc-border);\n margin: 0;\n padding: 0;\n}\n\n.hc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hc-accordion-header:hover {\n background: var(--hc-primary-light);\n}\n\n.hc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hc-primary);\n transition: transform .2s ease;\n}\n\n.hc-accordion-item[open] .hc-accordion-header::after {\n content: '−';\n}\n\n.hc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hc-accordion-content p {\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.hc-accordion--compo { margin: 1.25rem 0 0; }\n.hc-accordion-content p + p { margin-top: .6rem; }\n.hc-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.hc-premium table.hc-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hc-text); word-break: normal; }\n.hc-premium table.hc-nutri th, .hc-premium table.hc-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hc-border); padding: .55rem .75rem !important; box-shadow: none; }\n.hc-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hc-accent); border-bottom: 2px solid var(--hc-primary); }\n.hc-premium table.hc-nutri th { border-bottom: 2px solid var(--hc-primary); }\n.hc-nutri tbody tr:last-child td { border-bottom: none; }\n.hc-nutri tbody tr:nth-child(even) td { background: var(--hc-primary-light); }\n.hc-nutri th:not(:first-child), .hc-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.hc-nutri td:last-child { font-weight: 700; color: var(--hc-primary-dark); }\n.hc-premium table.hc-nutri td.hc-nutri-sub { padding-left: 1.5rem !important; color: var(--hc-text-light); }\n@media (max-width: 767px) { .hc-premium table.hc-nutri { font-size: 13px; } }\n\n\/* === CTA === *\/\n.hc-cta-box {\n background: linear-gradient(135deg, var(--hc-accent) 0%, var(--hc-primary-dark) 100%);\n border-radius: var(--hc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hc-disclaimer {\n font-size: 12px;\n color: var(--hc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hc-card {\n padding: 1.125rem;\n }\n\n .hc-section {\n margin-bottom: 1.75rem;\n }\n\n .hc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hc-radius-sm);\n }\n\n .hc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hc-grid-compact {\n gap: .625rem;\n }\n\n .hc-grid-compact .hc-card {\n padding: .75rem;\n }\n\n .hc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hc-timeline-content h3 {\n font-size: 14px;\n }\n\n .hc-timeline-content p {\n font-size: 13px;\n }\n\n .hc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hc-testimonial {\n padding: 1.25rem;\n }\n\n .hc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hc-card {\n animation: hcFadeInUp .5s ease backwards;\n }\n .hc-card:nth-child(1) { animation-delay: .05s; }\n .hc-card:nth-child(2) { animation-delay: .1s; }\n .hc-card:nth-child(3) { animation-delay: .15s; }\n .hc-card:nth-child(4) { animation-delay: .2s; }\n .hc-card:nth-child(5) { animation-delay: .25s; }\n .hc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n.hc-premium .hc-accordion-header { gap: .75rem; } .hc-premium .hc-accordion-header::after { flex-shrink: 0; }\n\n@media (min-width: 768px) { .hc-premium .hc-grid-compact .hc-card p { font-size: 14px; } .hc-premium .hc-grid-compact .hc-card h3 { font-size: 16px; } }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56946647695737,"sku":"COLLAGENECONCENTRE","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-ultra-concentre-30-doses-menthe-et-citron-ve-lifestyle.webp?v=1775379029"},{"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💪 10g 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💪 10g de protéines\u003c\/h3\u003e\n \u003cp\u003eUne belle teneur en protéines, issues de l'amande et du collagène marin, 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 et lisible, sans sucres ajoutés : fibre de maïs, amandes, protéine d'amande, sirop de datte et \u003cstrong\u003e5g de collagène marin français\u003c\/strong\u003e par barre de 45g, Nutri‑Score A.\u003c\/p\u003e\n \u003cdiv class=\"hum-accordion\"\u003e\n \u003cdetails class=\"hum-accordion-item\"\u003e\n \u003csummary class=\"hum-accordion-header\"\u003e🌰 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n \u003cp\u003eFibre de maïs soluble, pâte d'\u003cstrong\u003eamande\u003c\/strong\u003e (19%), \u003cstrong\u003eamandes\u003c\/strong\u003e grillées (15%), poudre de protéine d'\u003cstrong\u003eamande\u003c\/strong\u003e, sirop de datte, peptides de collagène de \u003cstrong\u003epoisson\u003c\/strong\u003e (11%), farine de riz, sel, arôme naturel.\u003c\/p\u003e\n \u003cp class=\"hum-compo-note\"\u003e\u003cstrong\u003eAllergènes\u003c\/strong\u003e (en gras) : amande, poisson. Peut contenir des traces d'arachides, soja, lait, œuf et autres fruits à coque. Collagène marin français. Ingrédients issus de l'agriculture UE\/non-UE.\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📊 Valeurs nutritionnelles\u003c\/summary\u003e\n \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hum-nutri-wrap\"\u003e\n \u003ctable class=\"hum-nutri\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003ePar barre (45 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\u003e791 kJ \/ 190 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e10 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr class=\"hum-nutri-sub\"\u003e\n\u003ctd\u003edont saturés\u003c\/td\u003e\n\u003ctd\u003e0,8 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e8,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr class=\"hum-nutri-sub\"\u003e\n\u003ctd\u003edont sucres\u003c\/td\u003e\n\u003ctd\u003e5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e11 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e10 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCollagène marin\u003c\/td\u003e\n\u003ctd\u003e5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\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\u003eCette barre protéinée 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-compo-note {\n margin-top: .75rem !important;\n font-size: 13px;\n }\n\n .hum-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n .hum-premium table.hum-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hum-text); word-break: normal; }\n .hum-premium table.hum-nutri th, .hum-premium table.hum-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hum-border); padding: .55rem .75rem !important; box-shadow: none; }\n .hum-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hum-primary-dark); border-bottom: 2px solid var(--hum-primary); }\n .hum-premium table.hum-nutri tr.hum-nutri-sub td:first-child { padding-left: 1.75rem !important; color: var(--hum-text-light); }\n .hum-nutri tbody tr:last-child td { border-bottom: none; }\n .hum-nutri tbody tr:nth-child(even) td { background: var(--hum-primary-light); }\n .hum-nutri th:not(:first-child), .hum-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n .hum-nutri td:last-child { font-weight: 700; color: var(--hum-primary-dark); }\n @media (max-width: 767px) { .hum-premium table.hum-nutri { font-size: 13px; } }\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\n.hum-premium .hum-accordion-header { gap: .75rem; } .hum-premium .hum-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":57253992235385,"sku":"BARREAMANDEHUMBLE","price":2.51,"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.51,"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 belle teneur en protéines, issues de l'amande et du collagène marin, 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 et lisible : fibre de maïs, noisettes, protéine d'amande, sirop de datte et \u003cstrong\u003e5g de collagène marin français\u003c\/strong\u003e par barre de 45g, Nutri‑Score A.\u003c\/p\u003e\n\u003cdiv class=\"hum-accordion\"\u003e\n\u003cdetails class=\"hum-accordion-item\"\u003e\n\u003csummary class=\"hum-accordion-header\"\u003e🌰 Liste des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n\u003cp\u003eFibre de maïs soluble, pâte de \u003cstrong\u003enoisette\u003c\/strong\u003e (19%), \u003cstrong\u003enoisettes\u003c\/strong\u003e grillées (15%), poudre de protéine d'\u003cstrong\u003eamande\u003c\/strong\u003e, sirop de datte, peptides de collagène de \u003cstrong\u003epoisson\u003c\/strong\u003e (11%), farine de riz, sel.\u003c\/p\u003e\n\u003cp class=\"hum-compo-note\"\u003e\u003cstrong\u003eAllergènes\u003c\/strong\u003e (en gras) : noisette, amande, poisson. Peut contenir des traces d'arachides, soja, lait, œuf et autres fruits à coque. Collagène marin français. Ingrédients issus de l'agriculture UE\/non-UE.\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📊 Valeurs nutritionnelles\u003c\/summary\u003e\n\u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n\u003cdiv class=\"hum-nutri-wrap\"\u003e\n\u003ctable class=\"hum-nutri\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003ePar barre (45 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\u003e791 kJ \/ 190 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e10 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hum-nutri-sub\"\u003e\n\u003ctd\u003edont saturés\u003c\/td\u003e\n\u003ctd\u003e0,8 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e8,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hum-nutri-sub\"\u003e\n\u003ctd\u003edont sucres\u003c\/td\u003e\n\u003ctd\u003e5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e11 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e10 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCollagène marin\u003c\/td\u003e\n\u003ctd\u003e5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"hum-compo-note\"\u003eValeurs publiées par Humble+ pour sa gamme de barres au collagène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\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 son emballage d'origine, 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. 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👨‍⚕️ 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-compo-note {\n margin-top: .75rem !important;\n font-size: 13px;\n}\n\n.hum-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.hum-premium table.hum-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hum-text); word-break: normal; }\n.hum-premium table.hum-nutri th, .hum-premium table.hum-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hum-border); padding: .55rem .75rem !important; box-shadow: none; }\n.hum-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hum-primary-dark); border-bottom: 2px solid var(--hum-primary); }\n.hum-premium table.hum-nutri tr.hum-nutri-sub td:first-child { padding-left: 1.75rem !important; color: var(--hum-text-light); }\n.hum-nutri tbody tr:last-child td { border-bottom: none; }\n.hum-nutri tbody tr:nth-child(even) td { background: var(--hum-primary-light); }\n.hum-nutri th:not(:first-child), .hum-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.hum-nutri td:last-child { font-weight: 700; color: var(--hum-primary-dark); }\n@media (max-width: 767px) { .hum-premium table.hum-nutri { font-size: 13px; } }\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\n.hum-premium .hum-accordion-header { gap: .75rem; } .hum-premium .hum-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":57261570457977,"sku":"BARRENOISETTEHUMBLE","price":2.51,"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":"barre-proteines-brownie-humble","title":"Barre Protéinées - Brownie - 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🍫 Saveur Brownie\u003c\/span\u003e \u003cspan class=\"hum-badge\"\u003e💪 15 g de protéines\u003c\/span\u003e \u003cspan class=\"hum-badge\"\u003e🌾 Riche en fibres\u003c\/span\u003e \u003cspan class=\"hum-badge\"\u003e✨ Faible en sucres\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hum-hero-title\"\u003eBarre protéinée Brownie Humble+\u003c\/span\u003e\n\u003cp class=\"hum-subtitle\"\u003eUne pause gourmande, protéinée et facile à emporter.\u003c\/p\u003e\n\u003cp class=\"hum-description\"\u003eLa \u003cstrong\u003ebarre protéinée Brownie Humble+\u003c\/strong\u003e associe une texture fondante, un goût chocolaté intense et un apport de \u003cstrong\u003e15 g de protéines par barre\u003c\/strong\u003e. Elle est pensée pour les journées actives, les petites faims, le sport ou simplement pour profiter d’un encas plus fonctionnel qu’une barre classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"hum-section\"\u003e\n\u003ch2\u003eUne barre protéinée au bon goût de brownie\u003c\/h2\u003e\n\u003cp class=\"hum-section-intro\"\u003eEnvie d’un encas gourmand sans tomber dans la barre trop sucrée ? Cette barre Humble+ saveur Brownie mise sur une recette riche en protéines, riche en fibres et faible en sucres, avec seulement \u003cstrong\u003e1,7 g de sucres par barre de 50 g\u003c\/strong\u003e. Son format individuel se glisse facilement dans un sac de sport, un sac de travail ou une poche pour accompagner les journées bien remplies.\u003c\/p\u003e\n\u003cdiv class=\"hum-grid-compact\"\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🍫 Saveur brownie\u003c\/h3\u003e\n\u003cp\u003eUn goût chocolaté, gourmand et réconfortant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e💪 15 g de protéines\u003c\/h3\u003e\n\u003cp\u003eUn apport pratique pour compléter vos apports quotidiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🌾 Riche en fibres\u003c\/h3\u003e\n\u003cp\u003eUne barre rassasiante, idéale entre deux repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n\u003cp\u003eÀ emporter au bureau, en déplacement ou après le sport.\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 cette barre protéinée Humble+ ?\u003c\/h2\u003e\n\u003cp class=\"hum-section-intro\"\u003eCette barre ne se présente pas comme un complément de collagène classique. Son intérêt principal repose d’abord sur son \u003cstrong\u003eapport en protéines\u003c\/strong\u003e, sa faible teneur en sucres et son côté pratique au quotidien. Les peptides de collagène font partie de la formule, mais ils viennent en complément d’une base principalement protéinée.\u003c\/p\u003e\n\u003cdiv class=\"hum-grid\"\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e💪 Pour les muscles\u003c\/h3\u003e\n\u003cp\u003eLes protéines contribuent au maintien de la masse musculaire, notamment dans le cadre d’une alimentation équilibrée et d’une activité physique régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🍽️ Pour la satiété\u003c\/h3\u003e\n\u003cp\u003eAvec ses protéines et ses fibres, cette barre aide à calmer une petite faim de manière plus intéressante qu’un snack très sucré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hum-card\"\u003e\n\u003ch3\u003e🐟 Avec peptides de collagène\u003c\/h3\u003e\n\u003cp\u003eLa formule contient des peptides de collagène, intégrés dans une recette pensée avant tout comme une barre protéinée gourmande.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hum-section\"\u003e\n\u003ch2\u003eIngrédients et valeurs nutritionnelles\u003c\/h2\u003e\n\u003cp class=\"hum-section-intro\"\u003eUne barre de 50 g apporte 205 kcal, \u003cstrong\u003e15 g de protéines\u003c\/strong\u003e, 3,5 g de fibres et seulement 1,7 g de sucres.\u003c\/p\u003e\n\u003cdiv class=\"hum-accordion\"\u003e\n\u003cdetails class=\"hum-accordion-item\"\u003e\n\u003csummary class=\"hum-accordion-header\"\u003e📋 Ingrédients (saveur Brownie)\u003c\/summary\u003e\n\u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n\u003cp\u003eProtéines de \u003cstrong\u003elait\u003c\/strong\u003e, édulcorant (maltitol), humectant (glycérol végétal), huiles végétales (karité, illipé, tournesol, noix de coco), peptides de collagène, fibres de maïs solubles, eau, \u003cstrong\u003elait\u003c\/strong\u003e en poudre, masse de cacao, poudre de cacao (traitée à l'alcali), arôme naturel, émulsifiant (lécithine de tournesol), beurre concentré (\u003cstrong\u003elait\u003c\/strong\u003e), sel, édulcorants (glycosides de stéviol produits par voie enzymatique, sucralose), épaississant (pectine).\u003c\/p\u003e\n\u003cp class=\"hum-nutri-traces\"\u003e\u003cstrong\u003eContient :\u003c\/strong\u003e lait. Peut contenir des traces d'arachides, d'autres fruits à coque, d'œufs et de soja.\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📊 Valeurs nutritionnelles\u003c\/summary\u003e\n\u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n\u003cdiv class=\"hum-nutri-wrap\"\u003e\n\u003ctable class=\"hum-nutri\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003e100 g\u003c\/th\u003e\n\u003cth\u003e1 barre\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e411 kcal\u003cbr\u003e1719 kJ\u003c\/td\u003e\n\u003ctd\u003e205 kcal\u003cbr\u003e860 kJ\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e20 g\u003c\/td\u003e\n\u003ctd\u003e10 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hum-nutri-sub\"\u003e\n\u003ctd\u003edont acides gras saturés\u003c\/td\u003e\n\u003ctd\u003e7,0 g\u003c\/td\u003e\n\u003ctd\u003e3,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e31 g\u003c\/td\u003e\n\u003ctd\u003e15 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hum-nutri-sub\"\u003e\n\u003ctd\u003edont sucres\u003c\/td\u003e\n\u003ctd\u003e3,4 g\u003c\/td\u003e\n\u003ctd\u003e1,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hum-nutri-sub\"\u003e\n\u003ctd\u003edont polyols\u003c\/td\u003e\n\u003ctd\u003e24 g\u003c\/td\u003e\n\u003ctd\u003e12 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e6,9 g\u003c\/td\u003e\n\u003ctd\u003e3,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e30 g\u003c\/td\u003e\n\u003ctd\u003e15 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,34 g\u003c\/td\u003e\n\u003ctd\u003e0,17 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hum-section\"\u003e\n\u003ch2\u003eQuand consommer votre barre protéinée ?\u003c\/h2\u003e\n\u003cp class=\"hum-section-intro\"\u003eCette barre se consomme facilement à tout moment de la journée, selon vos besoins : en collation, autour de l’entraînement ou en déplacement.\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 compléter un repas un peu léger avec un apport en protéines.\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🍽️ En collation\u003c\/h3\u003e\n\u003cp\u003ePour calmer une petite faim sans se tourner vers une barre très sucrée.\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\u003ePour apporter des protéines après l’effort, dans le cadre d’une routine sportive équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\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 d’emploi\u003c\/summary\u003e\n\u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ consommer dans le cadre d’une alimentation variée, équilibrée et d’un mode de vie sain. Cette barre est une collation protéinée, elle ne remplace pas un repas complet.\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🌿 Édulcorants \u0026amp; polyols\u003c\/summary\u003e\n\u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n\u003cp\u003eLa recette contient notamment du maltitol, du sucralose et des glycosides de stéviol. Une consommation excessive de produits contenant des polyols peut entraîner des effets laxatifs.\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\u003eEn cas d’allergie, de grossesse, d’allaitement, de pathologie particulière ou de régime alimentaire spécifique, demandez conseil à un professionnel de santé avant consommation.\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: #f7f3ec;\n --hum-white: #ffffff;\n --hum-primary: #d99654;\n --hum-primary-dark: #a8662f;\n --hum-primary-light: #fbe9d4;\n --hum-secondary: #6b4423;\n --hum-accent: #e8a96a;\n --hum-text: #2a1f17;\n --hum-text-light: #6b5d52;\n --hum-border: #e8dfd2;\n --hum-shadow: 0 4px 24px rgba(122, 78, 38, .08);\n --hum-shadow-lg: 0 12px 48px rgba(122, 78, 38, .15);\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, #d99654 0%, #c47a3d 50%, #a8662f 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 40%),\n radial-gradient(circle at 80% 70%, rgba(0,0,0,.2) 0%, transparent 40%);\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, 2.8vw, 20px);\n font-weight: 700;\n font-style: italic;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\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-description strong {\n color: white;\n font-weight: 800;\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-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.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-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 font-weight: 700;\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-secondary);\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 max-width: 720px;\n margin: 0 auto;\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(168, 102, 47, .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-secondary);\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-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.5rem;\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.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-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.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.mt-3 { margin-top: .75rem; }\n\n@media (max-width: 767px) {\n .hum-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hum-card { padding: 1.125rem; }\n .hum-section { margin-bottom: 1.75rem; }\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 { gap: .625rem; }\n .hum-grid-compact .hum-card { padding: .75rem; }\n .hum-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hum-timeline-content { padding: .875rem 1rem; }\n .hum-timeline-content h3 { font-size: 14px; }\n .hum-timeline-content p { font-size: 13px; }\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\n\/* Tableau des valeurs nutritionnelles *\/\n.hum-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.hum-premium table.hum-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hum-text); word-break: normal; }\n.hum-premium table.hum-nutri th, .hum-premium table.hum-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hum-border); padding: .55rem .75rem !important; box-shadow: none; vertical-align: middle; line-height: 1.35; }\n.hum-nutri th { text-align: left; font-weight: 700; font-size: 13px; letter-spacing: .01em; color: var(--hum-text-light); border-bottom: 2px solid var(--hum-primary); }\n.hum-premium table.hum-nutri th { border-bottom: 2px solid var(--hum-primary); }\n.hum-nutri tbody tr:last-child td { border-bottom: none; }\n.hum-nutri tbody tr:nth-child(even) td { background: var(--hum-primary-light); }\n.hum-nutri th:not(:first-child), .hum-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.hum-premium table.hum-nutri th:not(:first-child) { vertical-align: bottom; }\n.hum-nutri td:last-child { font-weight: 700; color: var(--hum-primary-dark); }\n.hum-premium table.hum-nutri tr.hum-nutri-sub td:first-child { padding-left: 1.6rem !important; color: var(--hum-text-light); }\n.hum-accordion-content p.hum-nutri-traces { margin-top: .75rem; }\n@media (max-width: 767px) { .hum-premium table.hum-nutri { font-size: 13px; } .hum-premium table.hum-nutri th { font-size: 12px; } .hum-premium table.hum-nutri th:not(:first-child) { white-space: normal; } .hum-premium table.hum-nutri th, .hum-premium table.hum-nutri td { padding: .5rem .45rem !important; } .hum-premium table.hum-nutri tr.hum-nutri-sub td:first-child { padding-left: 1.1rem !important; } }\n\n.hum-premium .hum-accordion-header { gap: .75rem; } .hum-premium .hum-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":57378722480505,"sku":"BARREBROWNIEHUMBLE","price":2.62,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/barre-proteinees-brownie-humble-lifestyle.webp?v=1781706572"},{"product_id":"creatine-age-well-300-gelules-humble","title":"Créatine AGE-WELL - 300 gélules - Humble +","description":"\u003cdiv class=\"hbc-premium\"\u003e\n \u003cdiv class=\"hbc-hero\"\u003e\n \u003cdiv class=\"hbc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hbc-hero-content\"\u003e\n \u003cdiv class=\"hbc-badges-top\"\u003e\n \u003cspan class=\"hbc-badge\"\u003e✨ Pureté 99,98 %\u003c\/span\u003e\n \u003cspan class=\"hbc-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"hbc-badge\"\u003e📅 2 mois de cure\u003c\/span\u003e\n \u003cspan class=\"hbc-badge\"\u003e🔬 Age-Well®\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hbc-hero-title\"\u003eCréatine AGE-WELL®\u003c\/span\u003e\n \u003cp class=\"hbc-subtitle\"\u003e300 gélules • Humble+\u003c\/p\u003e\n \u003cp class=\"hbc-description\"\u003eLa formule pure et brevetée pour soutenir votre force, votre énergie et votre vitalité au fil des années. Pensée pour vous accompagner dès 30 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hbc-section\"\u003e\n \u003ch2\u003eCréatine AGE-WELL® Humble+ : la formule pure pour bien vieillir\u003c\/h2\u003e\n \u003cp class=\"hbc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecréatine\u003c\/strong\u003e efficace, pure et facile à intégrer dans votre quotidien ? La \u003cstrong\u003eCréatine AGE-WELL® Humble+\u003c\/strong\u003e en gélules combine la rigueur scientifique d'une formule brevetée à la praticité d'un format prêt à l'emploi. Pensée pour vous accompagner dès 30 ans, elle soutient votre force, votre énergie et votre vitalité au fil des années.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hbc-section\"\u003e\n \u003ch2\u003ePourquoi choisir la créatine en gélules Humble+ ?\u003c\/h2\u003e\n \u003cp class=\"hbc-section-intro\"\u003eLa \u003cstrong\u003ecréatine monohydrate\u003c\/strong\u003e est l'un des compléments les plus étudiés au monde, avec plus de \u003cstrong\u003e1 000 études scientifiques\u003c\/strong\u003e validant son efficacité. Notre formule \u003cem\u003eAge-Well®\u003c\/em\u003e est spécifiquement granulée pour la mise en gélule : même pureté, même efficacité que la créatine en poudre, mais sans goût, sans préparation, et transportable partout.\u003c\/p\u003e\n \u003cdiv class=\"hbc-grid-compact\"\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e💎 Pureté\u003c\/h3\u003e\n \u003cp\u003e99,98 %, certifiée BRC\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e📦 Format\u003c\/h3\u003e\n \u003cp\u003e300 gélules végétales (HPMC), 2 mois de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e💊 Posologie\u003c\/h3\u003e\n \u003cp\u003e5 gélules\/jour = 3 g de créatine pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e🌱 Clean label\u003c\/h3\u003e\n \u003cp\u003eVegan, sans additif, sans arôme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hbc-section\"\u003e\n \u003ch2\u003eLes bienfaits de la créatine au quotidien\u003c\/h2\u003e\n \u003cp class=\"hbc-section-intro\"\u003eLa créatine est naturellement présente dans vos muscles, votre cerveau et votre cœur. Elle participe à la production d'\u003cstrong\u003eATP\u003c\/strong\u003e, la source d'énergie directe de vos cellules.\u003c\/p\u003e\n \u003cdiv class=\"hbc-grid\"\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e💪 Force musculaire\u003c\/h3\u003e\n \u003cp\u003e+8 % de force maximale en moyenne chez nos testeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e🏋️ Masse musculaire\u003c\/h3\u003e\n \u003cp\u003eSoutien de la synthèse protéique, lutte contre la sarcopénie après 40 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e⚡ Récupération\u003c\/h3\u003e\n \u003cp\u003eMoins de fatigue après l'effort, des séances plus régulières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eÉtudes récentes prometteuses sur la mémoire et la concentration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-tip\"\u003e\n \u003cspan class=\"hbc-tip-icon\"\u003e📊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e87 % des utilisateurs\u003c\/strong\u003e ressentent une amélioration concrète dans leur quotidien : plus de tonus, plus de solidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hbc-section\"\u003e\n \u003ch2\u003eCréatine : quand la prendre et comment ?\u003c\/h2\u003e\n \u003cp class=\"hbc-section-intro\"\u003eUne question revient souvent : \u003cstrong\u003ela créatine, quand la prendre\u003c\/strong\u003e ? Bonne nouvelle, le moment importe peu. La régularité est la vraie clé.\u003c\/p\u003e\n \u003cdiv class=\"hbc-timeline\"\u003e\n \u003cdiv class=\"hbc-timeline-item\"\u003e\n \u003cdiv class=\"hbc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hbc-timeline-content\"\u003e\n \u003ch3\u003e💧 Prenez 5 gélules par jour\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau, en une fois ou réparties dans la journée selon votre préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-timeline-item\"\u003e\n \u003cdiv class=\"hbc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hbc-timeline-content\"\u003e\n \u003ch3\u003e📅 Soyez régulier\u003c\/h3\u003e\n \u003cp\u003eLa régularité est la vraie clé : intégrez la créatine à votre routine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-timeline-item\"\u003e\n \u003cdiv class=\"hbc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hbc-timeline-content\"\u003e\n \u003ch3\u003e✨ Premiers effets\u003c\/h3\u003e\n \u003cp\u003eLes premiers effets se ressentent généralement après \u003cstrong\u003e4 semaines\u003c\/strong\u003e de prise quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-timeline-item\"\u003e\n \u003cdiv class=\"hbc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hbc-timeline-content\"\u003e\n \u003ch3\u003e🚀 Résultats complets\u003c\/h3\u003e\n \u003cp\u003ePleinement après \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e de complémentation continue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hbc-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"hbc-section-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e créatine monohydrate Age-Well®, gélule végétale (agent d'enrobage : HPMC).\u003c\/p\u003e\n \u003cdiv class=\"hbc-grid-compact\"\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e🧪 Créatine Age-Well®\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3,4 g\u003c\/strong\u003e pour 5 gélules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e💎 Créatine pure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3 g\u003c\/strong\u003e par dose journalière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-tip\"\u003e\n \u003cspan class=\"hbc-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eChaque lot est analysé pour garantir une \u003cstrong\u003eabsence totale de métaux lourds\u003c\/strong\u003e et une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e. Aucun lien avec des marqueurs médicaux comme la \u003cem\u003ecréatine phosphokinase\u003c\/em\u003e ou la \u003cem\u003ecréatine urinaire\u003c\/em\u003e, qui relèvent d'analyses sanguines et non d'une supplémentation alimentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hbc-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette créatine ?\u003c\/h2\u003e\n \u003cdiv class=\"hbc-grid\"\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e🏃 Sportifs \u0026amp; actifs (25-45 ans)\u003c\/h3\u003e\n \u003cp\u003ePerformance, endurance, récupération optimisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e🌸 Femmes en péri\/ménopause\u003c\/h3\u003e\n \u003cp\u003eMaintien du tonus musculaire et de la vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e💼 Hommes 35-60 ans\u003c\/h3\u003e\n \u003cp\u003ePrévention de la perte de force liée à l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e🌿 Seniors 60+\u003c\/h3\u003e\n \u003cp\u003eMobilité, autonomie et vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hbc-card\"\u003e\n \u003ch3\u003e🥗 Végétariens et vegans\u003c\/h3\u003e\n \u003cp\u003eApport souvent insuffisant via l'alimentation seule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hbc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"hbc-accordion\"\u003e\n \u003cdetails class=\"hbc-accordion-item\"\u003e\n \u003csummary class=\"hbc-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n \u003cdiv class=\"hbc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hbc-accordion-item\"\u003e\n \u003csummary class=\"hbc-accordion-header\"\u003e🤰 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hbc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hbc-accordion-item\"\u003e\n \u003csummary class=\"hbc-accordion-header\"\u003e💊 Posologie\u003c\/summary\u003e\n \u003cdiv class=\"hbc-accordion-content mt-3\"\u003e\n \u003cp\u003eRespectez la dose journalière recommandée de 5 gélules par jour.\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 --hbc-cream: #fdf8f3;\n --hbc-white: #ffffff;\n --hbc-primary: #c8c5dc;\n --hbc-primary-dark: #1e3a35;\n --hbc-primary-light: #f0edf5;\n --hbc-secondary: #f5d4b8;\n --hbc-accent: #2d5a52;\n --hbc-text: #1e3a35;\n --hbc-text-light: #5a6a66;\n --hbc-border: #e8e2dc;\n --hbc-shadow: 0 4px 24px rgba(30,58,53,.08);\n --hbc-shadow-lg: 0 12px 48px rgba(30,58,53,.15);\n --hbc-radius: 20px;\n --hbc-radius-sm: 12px;\n}\n\n.hbc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hbc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.hbc-hero {\n position: relative;\n background: linear-gradient(135deg, #c8c5dc 0%, #e8d8c5 50%, #f5d4b8 100%);\n border-radius: var(--hbc-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(--hbc-shadow-lg);\n}\n\n.hbc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .6;\n}\n\n.hbc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hbc-hero-title {\n display: block;\n color: var(--hbc-primary-dark);\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 2px 12px rgba(255,255,255,.4);\n}\n\n.hbc-subtitle {\n font-size: clamp(16px, 3vw, 22px);\n color: var(--hbc-primary-dark);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .85;\n}\n\n.hbc-description {\n font-size: clamp(14px, 2.2vw, 17px);\n color: var(--hbc-primary-dark);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n opacity: .9;\n}\n\n.hbc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hbc-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(--hbc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.08);\n transition: all .3s ease;\n}\n\n.hbc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hbc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hbc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hbc-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.hbc-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(--hbc-primary), var(--hbc-secondary));\n border-radius: 2px;\n}\n\n.hbc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hbc-text-light);\n margin-bottom: 1.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.hbc-section-intro strong {\n color: var(--hbc-primary-dark);\n}\n\n.hbc-card {\n background: var(--hbc-white);\n border-radius: var(--hbc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hbc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hbc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hbc-shadow-lg);\n border-color: var(--hbc-primary);\n}\n\n.hbc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hbc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hbc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hbc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hbc-card p strong {\n color: var(--hbc-primary-dark);\n}\n\n.hbc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hbc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hbc-grid-compact .hbc-card {\n padding: 1rem;\n}\n\n.hbc-grid-compact .hbc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hbc-grid-compact .hbc-card p {\n font-size: 12px;\n}\n\n.hbc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.hbc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hbc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hbc-primary-dark), var(--hbc-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.hbc-timeline-content {\n flex: 1;\n background: var(--hbc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hbc-radius-sm);\n box-shadow: var(--hbc-shadow);\n}\n\n.hbc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hbc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hbc-timeline-content p {\n font-size: 14px;\n color: var(--hbc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hbc-timeline-content p strong {\n color: var(--hbc-primary-dark);\n}\n\n.hbc-accordion {\n background: var(--hbc-white);\n border-radius: var(--hbc-radius);\n box-shadow: var(--hbc-shadow);\n overflow: hidden;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.hbc-accordion-item {\n border-bottom: 1px solid var(--hbc-border);\n margin: 0;\n padding: 0;\n}\n\n.hbc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hbc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hbc-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.hbc-accordion-header:hover {\n background: var(--hbc-primary-light);\n}\n\n.hbc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hbc-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hbc-primary-dark);\n transition: transform .2s ease;\n}\n\n.hbc-accordion-item[open] .hbc-accordion-header::after {\n content: '−';\n}\n\n.hbc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hbc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hbc-accordion-content p {\n margin: 0;\n}\n\n.hbc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hbc-primary-light);\n border-radius: var(--hbc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n border-left: 4px solid var(--hbc-primary-dark);\n}\n\n.hbc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hbc-tip p {\n font-size: 14px;\n color: var(--hbc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hbc-tip p strong {\n color: var(--hbc-primary-dark);\n}\n\n@media (max-width: 767px) {\n .hbc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hbc-card {\n padding: 1.125rem;\n }\n .hbc-section {\n margin-bottom: 1.75rem;\n }\n .hbc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hbc-radius-sm);\n }\n .hbc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hbc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hbc-grid-compact {\n gap: .625rem;\n }\n .hbc-grid-compact .hbc-card {\n padding: .75rem;\n }\n .hbc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hbc-timeline-content {\n padding: .875rem 1rem;\n }\n .hbc-timeline-content h3 {\n font-size: 14px;\n }\n .hbc-timeline-content p {\n font-size: 13px;\n }\n .hbc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hbc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hbc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hbc-card:nth-child(1) { animation-delay: .05s; }\n .hbc-card:nth-child(2) { animation-delay: .1s; }\n .hbc-card:nth-child(3) { animation-delay: .15s; }\n .hbc-card:nth-child(4) { animation-delay: .2s; }\n .hbc-card:nth-child(5) { animation-delay: .25s; }\n .hbc-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 .hbc-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":63743268684153,"sku":"HUMBLECREATINEGELULES","price":29.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creatine-age-well-300-gelules-humble-lifestyle.webp?v=1781187493"},{"product_id":"creatine-water-330ml-humble","title":"Créatine Water - Pack de 4x330ml - Humble +","description":"\u003cdiv class=\"hcw-premium\"\u003e\n\u003cdiv class=\"hcw-hero\"\u003e\n\u003cdiv class=\"hcw-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hcw-hero-content\"\u003e\n\u003cdiv class=\"hcw-badges-top\"\u003e\n\u003cspan class=\"hcw-badge\"\u003e🥫 3g de créatine\u003c\/span\u003e \u003cspan class=\"hcw-badge\"\u003e🚫 Sans sucre\u003c\/span\u003e \u003cspan class=\"hcw-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"hcw-badge\"\u003e💧 Prête à boire\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hcw-hero-title\"\u003eCréatine Water Humble+\u003c\/span\u003e\n\u003cp class=\"hcw-subtitle\"\u003eTangor · Citron vert · Pétillante · 4x330 ml\u003c\/p\u003e\n\u003cp class=\"hcw-description\"\u003eLa créatine n'a jamais été aussi agréable. Une canette pétillante, 3g de créatine monohydrate, zéro shaker. Buvez, c'est pris.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"hcw-section\"\u003e\n\u003ch2\u003eCréatine Water Humble+ : la créatine prête à boire, pétillante et savoureuse\u003c\/h2\u003e\n\u003cp class=\"hcw-section-intro\"\u003eEt si prendre votre \u003cstrong\u003ecréatine\u003c\/strong\u003e quotidienne devenait un véritable plaisir ? Avec la \u003cstrong\u003eCréatine Water\u003c\/strong\u003e Humble+, fini la poudre à doser, le shaker à laver et la texture granuleuse. Vous ouvrez une canette pétillante de 330 ml aux saveurs solaires de tangor et citron vert, vous buvez, et vos \u003cstrong\u003e3 g de créatine monohydrate\u003c\/strong\u003e sont avalés en quelques gorgées. Une nouvelle façon, simple et rafraîchissante, de prendre soin de votre corps au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"hcw-section\"\u003e\n\u003ch2\u003ePourquoi choisir la Créatine Water plutôt qu'une poudre classique ?\u003c\/h2\u003e\n\u003cp class=\"hcw-section-intro\"\u003eBeaucoup se demandent \u003cstrong\u003equand prendre la créatine\u003c\/strong\u003e ou comment l'intégrer durablement à leur routine. La réponse Humble+ : à n'importe quel moment, sans contrainte.\u003c\/p\u003e\n\u003cdiv class=\"hcw-grid\"\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e⚡ Ultra-pratique\u003c\/h3\u003e\n\u003cp\u003eAucune préparation, aucun mélange. Emportable partout : bureau, salle de sport, balade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e🍊 Goût exceptionnel\u003c\/h3\u003e\n\u003cp\u003eUn duo tangor – citron vert finement infusé, sans sucre ni édulcorant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e🎯 Dosage précis\u003c\/h3\u003e\n\u003cp\u003e3 g de créatine monohydrate par canette, soit la dose validée scientifiquement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e💧 Hydratation bonus\u003c\/h3\u003e\n\u003cp\u003e330 ml d'eau gazéifiée par dose, idéal après l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-tip\"\u003e\n\u003cspan class=\"hcw-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eÀ la différence des autres créatines, le format liquide élimine la principale cause d'abandon : l'oubli ou la corvée de préparation. C'est la créatine que vous prendrez vraiment, tous les jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hcw-section\"\u003e\n\u003ch2\u003eLes bienfaits de la créatine, expliqués simplement\u003c\/h2\u003e\n\u003cp class=\"hcw-section-intro\"\u003eLa \u003cstrong\u003ecréatine monohydrate\u003c\/strong\u003e est l'une des molécules les plus étudiées au monde, avec plus de \u003cstrong\u003e1 000 publications scientifiques\u003c\/strong\u003e. Naturellement produite par l'organisme à partir d'acides aminés, elle est stockée à 95 % dans vos muscles, où elle reconstitue les \u003cstrong\u003eréserves d'ATP\u003c\/strong\u003e, votre carburant cellulaire.\u003c\/p\u003e\n\u003cdiv class=\"hcw-grid\"\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e🔥 Performance physique\u003c\/h3\u003e\n\u003cp\u003eAméliore les capacités physiques lors d'efforts courts et intenses répétés (effet reconnu par l'EFSA).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e💪 Force musculaire\u003c\/h3\u003e\n\u003cp\u003eRenforce l'effet de l'entraînement en résistance sur la force musculaire chez les adultes de plus de 55 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e🧬 Carburant cellulaire\u003c\/h3\u003e\n\u003cp\u003eReconstitue les réserves d'ATP dans vos muscles pour une énergie disponible immédiatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-tip\"\u003e\n\u003cspan class=\"hcw-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eÀ noter : la créatine alimentaire n'a rien à voir avec la \u003cstrong\u003ecréatinine urinaire\u003c\/strong\u003e ou la \u003cstrong\u003ecréatine phosphokinase\u003c\/strong\u003e (CPK) mesurées lors de prises de sang, qui sont des marqueurs biologiques distincts. Si votre créatinine est \u003cstrong\u003ebasse\u003c\/strong\u003e ou élevée, parlez-en à votre médecin avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hcw-section\"\u003e\n\u003ch2\u003eComposition transparente\u003c\/h2\u003e\n\u003cp class=\"hcw-section-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e eau gazéifiée, créatine monohydrate Age-Well® (1 %), arômes naturels de tangor (0,3 %) et de citron vert (0,1 %), jus de citron concentré.\u003c\/p\u003e\n\u003cdiv class=\"hcw-grid-compact\"\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e🚫 Sans sucre\u003c\/h3\u003e\n\u003cp\u003eZéro sucre ajouté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e🌿 Sans édulcorant\u003c\/h3\u003e\n\u003cp\u003eAucun édulcorant artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eCouleur 100% naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-tip\"\u003e\n\u003cspan class=\"hcw-tip-icon\"\u003e📊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eValeurs nutritionnelles par canette (330 ml) :\u003c\/strong\u003e Créatine monohydrate \u003cstrong\u003e3,4 g\u003c\/strong\u003e (dont 3 g de créatine pure à 99,9 %) · \u003cstrong\u003e0 sucre\u003c\/strong\u003e · \u003cstrong\u003e0 calorie ajoutée\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hcw-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"hcw-timeline\"\u003e\n\u003cdiv class=\"hcw-timeline-item\"\u003e\n\u003cdiv class=\"hcw-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hcw-timeline-content\"\u003e\n\u003ch3\u003e🥫 1 canette par jour\u003c\/h3\u003e\n\u003cp\u003e330 ml à tout moment : matin, avant ou après l'entraînement, ou en collation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-timeline-item\"\u003e\n\u003cdiv class=\"hcw-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hcw-timeline-content\"\u003e\n\u003ch3\u003e📅 Régularité avant tout\u003c\/h3\u003e\n\u003cp\u003eLes premiers effets se ressentent après 2 à 3 mois de consommation quotidienne régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-timeline-item\"\u003e\n\u003cdiv class=\"hcw-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hcw-timeline-content\"\u003e\n\u003ch3\u003e🥗 Mode de vie sain\u003c\/h3\u003e\n\u003cp\u003eÀ consommer dans le cadre d'une alimentation variée et équilibrée et d'un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-timeline-item\"\u003e\n\u003cdiv class=\"hcw-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hcw-timeline-content\"\u003e\n\u003ch3\u003e❄️ Conservation\u003c\/h3\u003e\n\u003cp\u003eÀ conserver dans un endroit sec et frais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-tip\"\u003e\n\u003cspan class=\"hcw-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eVous pouvez tout à fait associer la Créatine Water à notre \u003cstrong\u003eCollagène Marin Humble+\u003c\/strong\u003e pour un duo complet : force musculaire d'un côté, peau et articulations de l'autre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hcw-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eAvis et précautions\u003c\/h2\u003e\n\u003cdiv class=\"hcw-testimonial\"\u003e\n\u003cp class=\"hcw-testimonial-text\"\u003e\"Les premiers retours sont enthousiastes : \u003cstrong\u003e87 % des testeurs\u003c\/strong\u003e déclarent se sentir plus solides au quotidien après quelques semaines.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hcw-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"hcw-accordion-item\"\u003e\n\u003csummary class=\"hcw-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"hcw-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à un traitement médical ni à un suivi par un professionnel de santé. Déconseillé aux femmes enceintes, allaitantes et aux personnes souffrant d'une pathologie rénale. En cas de doute, demandez conseil à votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"hcw-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hcw-cream: #fdf6ef;\n --hcw-white: #ffffff;\n --hcw-primary: #ef7c2a;\n --hcw-primary-dark: #b8480d;\n --hcw-primary-light: #fde6d3;\n --hcw-secondary: #f5a85c;\n --hcw-accent: #7ec4e6;\n --hcw-text: #1a1a1a;\n --hcw-text-light: #5a5a5a;\n --hcw-border: #e8d9c8;\n --hcw-shadow: 0 4px 24px rgba(184,72,13,.08);\n --hcw-shadow-lg: 0 12px 48px rgba(184,72,13,.15);\n --hcw-radius: 20px;\n --hcw-radius-sm: 12px;\n}\n\n.hcw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hcw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hcw-text);\n line-height: 1.6;\n}\n\n.hcw-premium *, .hcw-premium *::before, .hcw-premium *::after {\n box-sizing: border-box;\n}\n\n\/* HERO *\/\n.hcw-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a85c 0%, #ef7c2a 50%, #d85e15 100%);\n border-radius: var(--hcw-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(--hcw-shadow-lg);\n}\n\n.hcw-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,.6) 0%, transparent 8%),\n radial-gradient(circle at 75% 60%, rgba(255,255,255,.5) 0%, transparent 6%),\n radial-gradient(circle at 50% 80%, rgba(255,255,255,.5) 0%, transparent 7%),\n radial-gradient(circle at 85% 20%, rgba(255,255,255,.4) 0%, transparent 5%),\n radial-gradient(circle at 10% 70%, rgba(255,255,255,.4) 0%, transparent 6%);\n opacity: .25;\n pointer-events: none;\n}\n\n.hcw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hcw-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.hcw-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.hcw-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.hcw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hcw-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(--hcw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hcw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.hcw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hcw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hcw-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.hcw-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(--hcw-primary), var(--hcw-secondary));\n border-radius: 2px;\n}\n\n.hcw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hcw-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.hcw-section-intro strong {\n color: var(--hcw-primary-dark);\n}\n\n\/* CARDS *\/\n.hcw-card {\n background: var(--hcw-white);\n border-radius: var(--hcw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hcw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hcw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hcw-shadow-lg);\n border-color: var(--hcw-primary);\n}\n\n.hcw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hcw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hcw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hcw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* GRIDS *\/\n.hcw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hcw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hcw-grid-compact .hcw-card {\n padding: 1rem;\n}\n\n.hcw-grid-compact .hcw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hcw-grid-compact .hcw-card p {\n font-size: 12px;\n}\n\n\/* TIMELINE *\/\n.hcw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hcw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hcw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hcw-primary), var(--hcw-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(239,124,42,.3);\n}\n\n.hcw-timeline-content {\n flex: 1;\n background: var(--hcw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hcw-radius-sm);\n box-shadow: var(--hcw-shadow);\n}\n\n.hcw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hcw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hcw-timeline-content p {\n font-size: 14px;\n color: var(--hcw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* TESTIMONIAL *\/\n.hcw-testimonial {\n background: var(--hcw-white);\n border-radius: var(--hcw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hcw-shadow);\n border-left: 4px solid var(--hcw-primary);\n}\n\n.hcw-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hcw-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.hcw-testimonial-text strong {\n color: var(--hcw-primary-dark);\n font-style: normal;\n}\n\n\/* ACCORDION *\/\n.hcw-accordion {\n background: var(--hcw-white);\n border-radius: var(--hcw-radius);\n box-shadow: var(--hcw-shadow);\n overflow: hidden;\n}\n\n.hcw-accordion-item {\n border-bottom: 1px solid var(--hcw-border);\n margin: 0;\n padding: 0;\n}\n\n.hcw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hcw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hcw-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.hcw-accordion-header:hover {\n background: var(--hcw-primary-light);\n}\n\n.hcw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hcw-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hcw-primary);\n transition: transform .2s ease;\n}\n\n.hcw-accordion-item[open] .hcw-accordion-header::after {\n content: '−';\n}\n\n.hcw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hcw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hcw-accordion-content p {\n margin: 0;\n}\n\n\/* TIP *\/\n.hcw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hcw-primary-light);\n border-radius: var(--hcw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hcw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.hcw-tip p {\n font-size: 14px;\n color: var(--hcw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hcw-tip p strong {\n color: var(--hcw-primary-dark);\n}\n\n\/* DISCLAIMER *\/\n.hcw-disclaimer {\n font-size: 12px;\n color: var(--hcw-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .hcw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hcw-card {\n padding: 1.125rem;\n }\n .hcw-section {\n margin-bottom: 1.75rem;\n }\n .hcw-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hcw-radius-sm);\n }\n .hcw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hcw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hcw-grid-compact {\n gap: .625rem;\n }\n .hcw-grid-compact .hcw-card {\n padding: .75rem;\n }\n .hcw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hcw-timeline-content {\n padding: .875rem 1rem;\n }\n .hcw-timeline-content h3 {\n font-size: 14px;\n }\n .hcw-timeline-content p {\n font-size: 13px;\n }\n .hcw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hcw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .hcw-testimonial {\n padding: 1.25rem;\n }\n .hcw-testimonial-text {\n font-size: 14px;\n }\n .hcw-tip {\n padding: .875rem 1rem;\n gap: .75rem;\n }\n .hcw-tip p {\n font-size: 13px;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .hcw-card {\n animation: hcwFadeInUp .5s ease backwards;\n }\n .hcw-card:nth-child(1) { animation-delay: .05s; }\n .hcw-card:nth-child(2) { animation-delay: .1s; }\n .hcw-card:nth-child(3) { animation-delay: .15s; }\n .hcw-card:nth-child(4) { animation-delay: .2s; }\n .hcw-card:nth-child(5) { animation-delay: .25s; }\n .hcw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hcwFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hcw-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":63749005214073,"sku":"HUMBLECREATINEWATER","price":9.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creatine-water-pack-de-4x330ml-humble-packshothd.webp?v=1782809836"},{"product_id":"barre-proteinees-caramel-humble","title":"Barre Protéinées - Caramel - Humble+","description":"\u003cdiv class=\"hp-premium\"\u003e\n \u003cdiv class=\"hp-hero\"\u003e\n \u003cdiv class=\"hp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hp-hero-content\"\u003e\n \u003cdiv class=\"hp-badges-top\"\u003e\n \u003cspan class=\"hp-badge\"\u003e💪 15g de protéines\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e🍯 Saveur caramel\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e⚡ Snack nomade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hp-hero-title\"\u003eBarre Protéinée Caramel Humble+\u003c\/span\u003e\n \u003cp class=\"hp-subtitle\"\u003eLook Good. Feel Good.\u003c\/p\u003e\n \u003cp class=\"hp-description\"\u003eLe snack gourmand qui allie plaisir et nutrition. 15 g de protéines, une saveur caramel intense et un format pratique pour vous accompagner partout au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eBarre Protéinée Caramel Humble+ : le snack gourmand qui allie plaisir et nutrition\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eVous cherchez une barre protéinée à la fois savoureuse, nourrissante et pratique à emporter partout ? La \u003cstrong\u003eBarre Protéinée Caramel de Humble+\u003c\/strong\u003e est faite pour vous. Avec ses \u003cstrong\u003e15 g de protéines\u003c\/strong\u003e par barre et son délicieux goût de caramel, elle vous accompagne au quotidien : après une séance de sport, en collation au bureau ou pour combler une petite faim sans céder aux grignotages ultra-sucrés.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003ePourquoi choisir la barre protéinée Humble+ ?\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eHumble+ s'inscrit dans la philosophie \u003cem\u003e\"Look Good. Feel Good.\"\u003c\/em\u003e : prendre soin de son corps sans renoncer au plaisir.\u003c\/p\u003e\n \u003cdiv class=\"hp-grid\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e💪 15 g de protéines\u003c\/h3\u003e\n \u003cp\u003eUn apport optimal pour soutenir vos muscles et favoriser la récupération après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🍯 Saveur caramel gourmande\u003c\/h3\u003e\n \u003cp\u003eUn goût intense et réconfortant qui rappelle les douceurs d'enfance, sans excès de sucre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n \u003cp\u003eGlissez-la dans votre sac de sport ou votre bureau : elle vous suit partout, à tout moment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e✨ Alternative équilibrée\u003c\/h3\u003e\n \u003cp\u003eUn vrai plaisir gourmand qui remplace avantageusement les barres chocolatées classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eQuand consommer votre barre protéinée caramel ?\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003ePolyvalente, cette barre s'adapte à votre rythme de vie et à tous vos moments de la journée.\u003c\/p\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\u003e🏋️ Avant une séance de sport\u003c\/h3\u003e\n \u003cp\u003ePour un apport énergétique rapide et un boost avant l'effort.\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\u003e💧 Après l'entraînement\u003c\/h3\u003e\n \u003cp\u003ePour favoriser la récupération musculaire grâce aux 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\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hp-timeline-content\"\u003e\n \u003ch3\u003e☕ En collation\u003c\/h3\u003e\n \u003cp\u003ePour tenir entre deux repas sans craquer sur des sucreries.\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\u003e🚗 En déplacement\u003c\/h3\u003e\n \u003cp\u003eUn encas sain et facile à transporter, prêt à dégainer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-tip\"\u003e\n \u003cspan class=\"hp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa recette Humble+ est prête à être dégustée, partout, à tout moment. Pas besoin de préparation ni de longue liste d'ingrédients à réunir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eUne saveur caramel qui change tout\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eLe caramel, c'est cette note réconfortante qui transforme une simple collation en moment de pure gourmandise.\u003c\/p\u003e\n \u003cdiv class=\"hp-grid-compact\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🍮 Goût intense\u003c\/h3\u003e\n \u003cp\u003eUne recette équilibrée, sans excès de sucre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e😋 Texture moelleuse\u003c\/h3\u003e\n \u003cp\u003eLe plaisir d'une vraie barre premium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🍫 Enrobage chocolaté\u003c\/h3\u003e\n \u003cp\u003ePour une expérience gourmande complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🧠 Snacking intelligent\u003c\/h3\u003e\n \u003cp\u003eUne gourmandise pensée pour les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eIngrédients et valeurs nutritionnelles\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eUne barre de 50 g apporte 205 kcal, \u003cstrong\u003e15 g de protéines\u003c\/strong\u003e, 3,5 g de fibres et seulement 1,7 g de sucres.\u003c\/p\u003e\n \u003cdiv class=\"hp-accordion\"\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e📋 Ingrédients (saveur Caramel)\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eProtéines de \u003cstrong\u003elait\u003c\/strong\u003e, humectant (glycérol végétal), édulcorant (maltitol), huiles végétales (karité, illipé, tournesol, noix de coco), peptides de collagène, eau, \u003cstrong\u003elait\u003c\/strong\u003e en poudre, fibres de maïs solubles, inuline (racine de chicorée), masse de cacao, arôme naturel, émulsifiant (lécithine de tournesol), beurre concentré (\u003cstrong\u003elait\u003c\/strong\u003e), sel, épaississant (pectine), édulcorants (glycosides de stéviol produits par voie enzymatique, sucralose).\u003c\/p\u003e\n \u003cp class=\"hp-nutri-traces\"\u003e\u003cstrong\u003eContient :\u003c\/strong\u003e lait. Peut contenir des traces d'arachides, d'autres fruits à coque, d'œufs et de soja.\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📊 Valeurs nutritionnelles\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hp-nutri-wrap\"\u003e\n \u003ctable class=\"hp-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003e100 g\u003c\/th\u003e\n\u003cth\u003e1 barre\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e411 kcal\u003cbr\u003e1719 kJ\u003c\/td\u003e\n\u003ctd\u003e205 kcal\u003cbr\u003e860 kJ\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e20 g\u003c\/td\u003e\n\u003ctd\u003e10 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr class=\"hp-nutri-sub\"\u003e\n\u003ctd\u003edont acides gras saturés\u003c\/td\u003e\n\u003ctd\u003e7,0 g\u003c\/td\u003e\n\u003ctd\u003e3,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e31 g\u003c\/td\u003e\n\u003ctd\u003e15 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr class=\"hp-nutri-sub\"\u003e\n\u003ctd\u003edont sucres\u003c\/td\u003e\n\u003ctd\u003e3,4 g\u003c\/td\u003e\n\u003ctd\u003e1,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr class=\"hp-nutri-sub\"\u003e\n\u003ctd\u003edont polyols\u003c\/td\u003e\n\u003ctd\u003e24 g\u003c\/td\u003e\n\u003ctd\u003e12 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e6,9 g\u003c\/td\u003e\n\u003ctd\u003e3,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e30 g\u003c\/td\u003e\n\u003ctd\u003e15 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,34 g\u003c\/td\u003e\n\u003ctd\u003e0,17 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eComment intégrer la barre protéinée à votre routine ?\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eLa \u003cstrong\u003eBarre Protéinée Caramel Humble+\u003c\/strong\u003e complète une alimentation équilibrée, mais ne remplace ni un repas complet, ni un régime varié.\u003c\/p\u003e\n \u003cdiv class=\"hp-grid\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🔢 1 barre par jour\u003c\/h3\u003e\n \u003cp\u003eConsommez selon vos besoins en protéines et votre niveau d'activité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e💦 Hydratation suffisante\u003c\/h3\u003e\n \u003cp\u003eAssociez à une alimentation diversifiée pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🏃 Activité régulière\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez la consommation dans le cadre d'une pratique sportive régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-tip\"\u003e\n \u003cspan class=\"hp-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eCette barre protéinée Humble+ est vendue \u003cstrong\u003eà l'unité\u003c\/strong\u003e, pour vous laisser tester la saveur caramel sans engagement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"hp-accordion\"\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e⚠️ Un complément à votre alimentation\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un complément à votre alimentation et ne saurait remplacer un régime alimentaire varié et équilibré, ni un traitement médical.\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👶 Tenir hors de portée des enfants\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. En cas de doute, demandez conseil à un professionnel de santé.\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🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre barre dans un endroit frais et sec, à l'abri de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eAvec Humble+, faites le choix d'un snack qui vous veut du bien : \u003cstrong\u003eplaisir, sport et corps\u003c\/strong\u003e réunis dans une seule barre. 🧡\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hp-cream: #fdf4ea;\n --hp-white: #ffffff;\n --hp-primary: #e89344;\n --hp-primary-dark: #b86a1f;\n --hp-primary-light: #fce7d0;\n --hp-secondary: #d97a2c;\n --hp-accent: #f4b06a;\n --hp-text: #2a1f15;\n --hp-text-light: #6b5a47;\n --hp-border: #ecdccb;\n --hp-shadow: 0 4px 24px rgba(184,106,31,.08);\n --hp-shadow-lg: 0 12px 48px rgba(184,106,31,.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}\n\n.hp-hero {\n position: relative;\n background: linear-gradient(135deg, #f4b06a 0%, #e89344 50%, #b86a1f 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,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.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: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .15em;\n text-transform: uppercase;\n opacity: .95;\n}\n\n.hp-description {\n color: white;\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n opacity: .95;\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-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\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: 14px;\n margin-bottom: .35rem;\n}\n\n.hp-grid-compact .hp-card p {\n font-size: 12px;\n}\n\n.hp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\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-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(232,147,68,.4);\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-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: 22px;\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}\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.5rem;\n border-left: 4px solid var(--hp-primary);\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@media (max-width: 767px) {\n .hp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hp-card { padding: 1.125rem; }\n .hp-section { margin-bottom: 1.75rem; }\n .hp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hp-radius-sm);\n }\n .hp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hp-grid-compact { gap: .625rem; }\n .hp-grid-compact .hp-card { padding: .75rem; }\n .hp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hp-timeline-content { padding: .875rem 1rem; }\n .hp-timeline-content h3 { font-size: 14px; }\n .hp-timeline-content p { font-size: 13px; }\n .hp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\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\n \/* Tableau des valeurs nutritionnelles *\/\n .hp-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n .hp-premium table.hp-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hp-text); word-break: normal; }\n .hp-premium table.hp-nutri th, .hp-premium table.hp-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hp-border); padding: .55rem .75rem !important; box-shadow: none; vertical-align: middle; line-height: 1.35; }\n .hp-nutri th { text-align: left; font-weight: 700; font-size: 13px; letter-spacing: .01em; color: var(--hp-text-light); border-bottom: 2px solid var(--hp-primary); }\n .hp-premium table.hp-nutri th { border-bottom: 2px solid var(--hp-primary); }\n .hp-nutri tbody tr:last-child td { border-bottom: none; }\n .hp-nutri tbody tr:nth-child(even) td { background: var(--hp-primary-light); }\n .hp-nutri th:not(:first-child), .hp-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n .hp-premium table.hp-nutri th:not(:first-child) { vertical-align: bottom; }\n .hp-nutri td:last-child { font-weight: 700; color: var(--hp-primary-dark); }\n .hp-premium table.hp-nutri tr.hp-nutri-sub td:first-child { padding-left: 1.6rem !important; color: var(--hp-text-light); }\n .hp-accordion-content p.hp-nutri-traces { margin-top: .75rem; }\n @media (max-width: 767px) { .hp-premium table.hp-nutri { font-size: 13px; } .hp-premium table.hp-nutri th { font-size: 12px; } .hp-premium table.hp-nutri th:not(:first-child) { white-space: normal; } .hp-premium table.hp-nutri th, .hp-premium table.hp-nutri td { padding: .5rem .45rem !important; } .hp-premium table.hp-nutri tr.hp-nutri-sub td:first-child { padding-left: 1.1rem !important; } }\n\n.hp-premium .hp-accordion-header { gap: .75rem; } .hp-premium .hp-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":63805325574521,"sku":"BARREPROTEINEESCARAMEL","price":2.62,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/barre_protines_caramel_humble.jpg?v=1781953601"},{"product_id":"barre-proteinees-amande-humble","title":"Barre Protéinées - Amande - Humble+","description":"\u003cdiv class=\"hmb-premium\"\u003e\n\u003cdiv class=\"hmb-hero\"\u003e\n\u003cdiv class=\"hmb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hmb-hero-content\"\u003e\n\u003cdiv class=\"hmb-badges-top\"\u003e\n\u003cspan class=\"hmb-badge\"\u003e💪 15g de protéines\u003c\/span\u003e \u003cspan class=\"hmb-badge\"\u003e🌰 Saveur amande\u003c\/span\u003e \u003cspan class=\"hmb-badge\"\u003e✨ Collagène\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hmb-hero-title\"\u003eBarre Protéinée Amande Humble+\u003c\/span\u003e\n\u003cp class=\"hmb-subtitle\"\u003eLook Good. Feel Good.\u003c\/p\u003e\n\u003cp class=\"hmb-description\"\u003eUne barre gourmande, fondante et nutritive pour soutenir votre rythme de vie actif. 15 g de protéines, une touche de collagène et le goût naturel de l'amande dans un format ultra pratique à emporter partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"hmb-section\"\u003e\n\u003ch2\u003eBarre protéinée Amande Humble+ : votre allié gourmand au quotidien\u003c\/h2\u003e\n\u003cp class=\"hmb-section-intro\"\u003eVous cherchez une \u003cstrong\u003ebarre protéinée\u003c\/strong\u003e savoureuse, pratique et utile pour soutenir votre rythme de vie actif ? La \u003cstrong\u003eBarre Protéinée Amande de Humble+\u003c\/strong\u003e a été pensée pour combiner plaisir et nutrition.\u003c\/p\u003e\n\u003cp class=\"hmb-section-intro\"\u003eAvec son goût d'amande douce et sa texture fondante, elle accompagne aussi bien vos séances de sport que vos pauses gourmandes en journée. Que vous soyez sportif aguerri, étudiant pressé ou simplement à la recherche d'un en-cas équilibré, cette barre se glisse facilement dans votre sac et répond aux petits creux sans culpabilité.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"hmb-section\"\u003e\n\u003ch2\u003ePourquoi choisir la barre protéinée Humble+ ?\u003c\/h2\u003e\n\u003cp class=\"hmb-section-intro\"\u003eHumble+ mise sur une approche claire : un produit qui a bon goût, qui rassasie et qui s'inscrit dans une démarche « Look Good. Feel Good. ».\u003c\/p\u003e\n\u003cdiv class=\"hmb-grid\"\u003e\n\u003cdiv class=\"hmb-card\"\u003e\n\u003ch3\u003e💪 15 g de protéines\u003c\/h3\u003e\n\u003cp\u003eUn apport généreux par barre pour soutenir vos muscles après l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-card\"\u003e\n\u003ch3\u003e🌰 Saveur amande naturelle\u003c\/h3\u003e\n\u003cp\u003eUn goût doux et reconnaissable, fondant en bouche à chaque bouchée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-card\"\u003e\n\u003ch3\u003e🎒 Format 50 g pratique\u003c\/h3\u003e\n\u003cp\u003eIdéal à emporter partout : sac de sport, sac à main ou tiroir de bureau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-card\"\u003e\n\n\u003ch3\u003e✨ Enrichie en collagène\u003c\/h3\u003e\n\u003cp\u003eUn atout bien-être pour celles et ceux qui prennent soin de leur routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-card\"\u003e\n\u003ch3\u003e❤️ Sport · Plaisir · Corps\u003c\/h3\u003e\n\u003cp\u003eTrois piliers Humble+ pour allier performance et satisfaction gustative.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hmb-section\"\u003e\n\u003ch2\u003eQuand consommer votre barre protéinée ?\u003c\/h2\u003e\n\u003cp class=\"hmb-section-intro\"\u003eLa beauté d'une bonne \u003cstrong\u003ebarre protéinée\u003c\/strong\u003e, c'est sa polyvalence. Voici quelques moments où elle s'avère particulièrement utile :\u003c\/p\u003e\n\u003cdiv class=\"hmb-timeline\"\u003e\n\u003cdiv class=\"hmb-timeline-item\"\u003e\n\u003cdiv class=\"hmb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hmb-timeline-content\"\u003e\n\u003ch3\u003e🏋️ Avant l'entraînement\u003c\/h3\u003e\n\u003cp\u003ePour un apport rapide en énergie avant votre séance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-timeline-item\"\u003e\n\u003cdiv class=\"hmb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hmb-timeline-content\"\u003e\n\u003ch3\u003e💧 Après le sport\u003c\/h3\u003e\n\u003cp\u003ePour contribuer à la récupération musculaire grâce aux 15 g de protéines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-timeline-item\"\u003e\n\u003cdiv class=\"hmb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hmb-timeline-content\"\u003e\n\u003ch3\u003e🥨 En collation\u003c\/h3\u003e\n\u003cp\u003eEntre deux réunions, en voyage ou avant un long trajet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-timeline-item\"\u003e\n\u003cdiv class=\"hmb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hmb-timeline-content\"\u003e\n\u003ch3\u003e💼 Au bureau ou en cours\u003c\/h3\u003e\n\u003cp\u003eUn coup de fatigue en milieu d'après-midi ? Croquez-la !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-tip\"\u003e\n\u003cspan class=\"hmb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUne à deux barres par jour suffisent généralement, en complément d'une alimentation variée et équilibrée. Écoutez vos sensations et adaptez selon votre niveau d'activité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hmb-section\"\u003e\n\u003ch2\u003eCaractéristiques du produit\u003c\/h2\u003e\n\u003cdiv class=\"hmb-grid-compact\"\u003e\n\u003cdiv class=\"hmb-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003eHumble+\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-card\"\u003e\n\u003ch3\u003e🌰 Saveur\u003c\/h3\u003e\n\u003cp\u003eAmande\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-card\"\u003e\n\u003ch3\u003e⚖️ Poids\u003c\/h3\u003e\n\u003cp\u003e50 g par barre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-card\"\u003e\n\n\u003ch3\u003e💪 Protéines\u003c\/h3\u003e\n\u003cp\u003e15 g par barre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hmb-card\"\u003e\n\u003ch3\u003e🌿 Ingrédients clés\u003c\/h3\u003e\n\u003cp\u003eAmande, collagène, pointe de sel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hmb-section\"\u003e\n\u003ch2\u003eIngrédients et valeurs nutritionnelles\u003c\/h2\u003e\n\u003cp class=\"hmb-section-intro\"\u003eUne barre de 50 g apporte 205 kcal, \u003cstrong\u003e15 g de protéines\u003c\/strong\u003e, 3,5 g de fibres et seulement 1,7 g de sucres.\u003c\/p\u003e\n\u003cdiv class=\"hmb-accordion\"\u003e\n\u003cdetails class=\"hmb-accordion-item\"\u003e\n\u003csummary class=\"hmb-accordion-header\"\u003e📋 Ingrédients (saveur Amande)\u003c\/summary\u003e\n\u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n\u003cp\u003eProtéines de \u003cstrong\u003elait\u003c\/strong\u003e, humectant (glycérol végétal), \u003cstrong\u003eamandes\u003c\/strong\u003e grillées (12 %), huiles végétales (illipé, karité, tournesol, noix de coco), édulcorant (maltitol), peptides de collagène, eau, \u003cstrong\u003elait\u003c\/strong\u003e en poudre, fibres de maïs solubles, inuline (racine de chicorée), masse de cacao, arôme naturel, émulsifiant (lécithine de tournesol), beurre concentré (\u003cstrong\u003elait\u003c\/strong\u003e), sel, édulcorants (glycosides de stéviol produits par voie enzymatique, sucralose), épaississant (pectine).\u003c\/p\u003e\n\u003cp class=\"hmb-nutri-traces\"\u003e\u003cstrong\u003eContient :\u003c\/strong\u003e lait, amandes. Peut contenir des traces d'arachides, d'autres fruits à coque, d'œufs et de soja.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hmb-accordion-item\"\u003e\n\u003csummary class=\"hmb-accordion-header\"\u003e📊 Valeurs nutritionnelles\u003c\/summary\u003e\n\u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n\u003cdiv class=\"hmb-nutri-wrap\"\u003e\n\u003ctable class=\"hmb-nutri\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003e100 g\u003c\/th\u003e\n\u003cth\u003e1 barre\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e411 kcal\u003cbr\u003e1719 kJ\u003c\/td\u003e\n\u003ctd\u003e205 kcal\u003cbr\u003e860 kJ\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e20 g\u003c\/td\u003e\n\u003ctd\u003e10 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hmb-nutri-sub\"\u003e\n\u003ctd\u003edont acides gras saturés\u003c\/td\u003e\n\u003ctd\u003e7,0 g\u003c\/td\u003e\n\u003ctd\u003e3,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e31 g\u003c\/td\u003e\n\u003ctd\u003e15 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hmb-nutri-sub\"\u003e\n\u003ctd\u003edont sucres\u003c\/td\u003e\n\u003ctd\u003e3,4 g\u003c\/td\u003e\n\u003ctd\u003e1,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"hmb-nutri-sub\"\u003e\n\u003ctd\u003edont polyols\u003c\/td\u003e\n\u003ctd\u003e24 g\u003c\/td\u003e\n\u003ctd\u003e12 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e6,9 g\u003c\/td\u003e\n\u003ctd\u003e3,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e30 g\u003c\/td\u003e\n\u003ctd\u003e15 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,34 g\u003c\/td\u003e\n\u003ctd\u003e0,17 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hmb-section\"\u003e\n\u003ch2\u003eUne alternative à la barre protéinée maison\u003c\/h2\u003e\n\u003cdiv class=\"hmb-testimonial\"\u003e\n\u003cp class=\"hmb-testimonial-text\"\u003e\"Si vous avez déjà tenté une recette de barre protéinée chez vous, vous savez qu'entre les ingrédients à acheter, la cuisson et la conservation, l'exercice peut devenir chronophage. La barre Humble+ vous offre la même satisfaction : un encas riche en protéines, sans avoir à passer du temps en cuisine. Pour beaucoup, c'est tout simplement la meilleure barre protéinée du quotidien : pratique, savoureuse et fiable.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hmb-section\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdiv class=\"hmb-accordion\"\u003e\n\u003cdetails class=\"hmb-accordion-item\"\u003e\n\u003csummary class=\"hmb-accordion-header\"\u003e🏃 La barre protéinée Humble+ convient-elle aux sportifs ?\u003c\/summary\u003e\n\u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, son apport de 15 g de protéines en fait un choix pertinent pour soutenir la récupération musculaire après l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hmb-accordion-item\"\u003e\n\u003csummary class=\"hmb-accordion-header\"\u003e📅 Peut-on la consommer tous les jours ?\u003c\/summary\u003e\n\u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, dans le cadre d'une alimentation équilibrée. Variez vos sources de protéines pour optimiser votre apport global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hmb-accordion-item\"\u003e\n\u003csummary class=\"hmb-accordion-header\"\u003e🍬 Convient-elle en cas de régime sans sucre ?\u003c\/summary\u003e\n\u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n\u003cp\u003eElle n'est pas totalement sans sucres, mais elle en contient très peu : 1,7 g par barre. Elle est édulcorée au maltitol, aux glycosides de stéviol et au sucralose.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hmb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"hmb-cta-box\"\u003e\n\u003cp\u003eLook Good. Feel Good. Croquez dans une barre Humble+ et offrez à votre corps le plaisir d'un encas gourmand, protéiné et toujours à portée de main. 🌰💪\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"hmb-disclaimer\"\u003eCe produit est un complément à une alimentation équilibrée et ne remplace en aucun cas un traitement médical ni l'avis d'un professionnel de santé. En cas de doute, consultez votre médecin ou nutritionniste.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --hmb-cream: #faf6f1;\n --hmb-white: #ffffff;\n --hmb-primary: #c9a25c;\n --hmb-primary-dark: #8a6a2f;\n --hmb-primary-light: #f5ead6;\n --hmb-secondary: #e8b87a;\n --hmb-accent: #f4cfa8;\n\n --hmb-text: #2a2218;\n --hmb-text-light: #6b5e4d;\n\n --hmb-border: #e8ddc9;\n --hmb-shadow: 0 4px 24px rgba(138,106,47,.08);\n --hmb-shadow-lg: 0 12px 48px rgba(138,106,47,.18);\n --hmb-radius: 20px;\n --hmb-radius-sm: 12px;\n}\n\n.hmb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hmb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hmb-text);\n}\n\n.hmb-hero {\n position: relative;\n background: linear-gradient(135deg, #c9a25c 0%, #d9b878 50%, #f4cfa8 100%);\n border-radius: var(--hmb-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(--hmb-shadow-lg);\n}\n\n.hmb-hero-pattern {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 8%),\n radial-gradient(circle at 80% 60%, rgba(255,255,255,.4) 0%, transparent 8%),\n radial-gradient(circle at 50% 80%, rgba(255,255,255,.4) 0%, transparent 8%);\n opacity: .35;\n}\n\n.hmb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hmb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hmb-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n letter-spacing: .1em;\n margin: 0 0 1.25rem 0;\n text-transform: uppercase;\n opacity: .95;\n}\n\n.hmb-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.hmb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hmb-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(--hmb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hmb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hmb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hmb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hmb-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.hmb-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(--hmb-primary), var(--hmb-secondary));\n border-radius: 2px;\n}\n\n.hmb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hmb-text-light);\n margin: 0 auto 1.25rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.hmb-section-intro strong {\n color: var(--hmb-primary-dark);\n}\n\n.hmb-card {\n background: var(--hmb-white);\n border-radius: var(--hmb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hmb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hmb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hmb-shadow-lg);\n border-color: var(--hmb-primary);\n}\n\n.hmb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hmb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hmb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hmb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hmb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hmb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hmb-grid-compact .hmb-card {\n padding: 1rem;\n}\n\n.hmb-grid-compact .hmb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hmb-grid-compact .hmb-card p {\n font-size: 12px;\n}\n\n.hmb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hmb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hmb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hmb-primary), var(--hmb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(201,162,92,.3);\n}\n\n.hmb-timeline-content {\n flex: 1;\n background: var(--hmb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hmb-radius-sm);\n box-shadow: var(--hmb-shadow);\n}\n\n.hmb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hmb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hmb-timeline-content p {\n font-size: 14px;\n color: var(--hmb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hmb-testimonial {\n background: var(--hmb-white);\n border-radius: var(--hmb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hmb-shadow);\n border-left: 4px solid var(--hmb-primary);\n}\n\n.hmb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hmb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.hmb-accordion {\n background: var(--hmb-white);\n border-radius: var(--hmb-radius);\n box-shadow: var(--hmb-shadow);\n overflow: hidden;\n}\n\n.hmb-accordion-item {\n border-bottom: 1px solid var(--hmb-border);\n}\n\n.hmb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hmb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hmb-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.hmb-accordion-header:hover {\n background: var(--hmb-primary-light);\n}\n\n.hmb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hmb-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hmb-primary);\n transition: transform .2s ease;\n}\n\n.hmb-accordion-item[open] .hmb-accordion-header::after {\n content: '−';\n}\n\n.hmb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hmb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hmb-accordion-content p {\n margin: 0;\n}\n\n.hmb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hmb-primary-light);\n border-radius: var(--hmb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hmb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hmb-tip p {\n font-size: 14px;\n color: var(--hmb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hmb-cta-box {\n background: linear-gradient(135deg, var(--hmb-primary) 0%, var(--hmb-primary-dark) 100%);\n border-radius: var(--hmb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n box-shadow: var(--hmb-shadow-lg);\n}\n\n.hmb-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.hmb-disclaimer {\n font-size: 12px;\n color: var(--hmb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .hmb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hmb-card {\n padding: 1.125rem;\n }\n .hmb-section {\n margin-bottom: 1.75rem;\n }\n .hmb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hmb-radius-sm);\n }\n .hmb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hmb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hmb-grid-compact {\n gap: .625rem;\n }\n .hmb-grid-compact .hmb-card {\n padding: .75rem;\n }\n .hmb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hmb-timeline-content {\n padding: .875rem 1rem;\n }\n .hmb-timeline-content h3 {\n font-size: 14px;\n }\n .hmb-timeline-content p {\n font-size: 13px;\n }\n .hmb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hmb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .hmb-testimonial {\n padding: 1.25rem;\n }\n .hmb-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hmb-card {\n animation: hmbFadeInUp .5s ease backwards;\n }\n .hmb-card:nth-child(1) { animation-delay: .05s; }\n .hmb-card:nth-child(2) { animation-delay: .1s; }\n .hmb-card:nth-child(3) { animation-delay: .15s; }\n .hmb-card:nth-child(4) { animation-delay: .2s; }\n .hmb-card:nth-child(5) { animation-delay: .25s; }\n .hmb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hmbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hmb-premium * {\n animation-duration: .01ms !important;\n transition-duration: .01ms !important;\n }\n}\n\n\/* Tableau des valeurs nutritionnelles *\/\n.hmb-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.hmb-premium table.hmb-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hmb-text); word-break: normal; }\n.hmb-premium table.hmb-nutri th, .hmb-premium table.hmb-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hmb-border); padding: .55rem .75rem !important; box-shadow: none; vertical-align: middle; line-height: 1.35; }\n.hmb-nutri th { text-align: left; font-weight: 700; font-size: 13px; letter-spacing: .01em; color: var(--hmb-text-light); border-bottom: 2px solid var(--hmb-primary); }\n.hmb-premium table.hmb-nutri th { border-bottom: 2px solid var(--hmb-primary); }\n.hmb-nutri tbody tr:last-child td { border-bottom: none; }\n.hmb-nutri tbody tr:nth-child(even) td { background: var(--hmb-primary-light); }\n.hmb-nutri th:not(:first-child), .hmb-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.hmb-premium table.hmb-nutri th:not(:first-child) { vertical-align: bottom; }\n.hmb-nutri td:last-child { font-weight: 700; color: var(--hmb-primary-dark); }\n.hmb-premium table.hmb-nutri tr.hmb-nutri-sub td:first-child { padding-left: 1.6rem !important; color: var(--hmb-text-light); }\n.hmb-accordion-content p.hmb-nutri-traces { margin-top: .75rem; }\n@media (max-width: 767px) { .hmb-premium table.hmb-nutri { font-size: 13px; } .hmb-premium table.hmb-nutri th { font-size: 12px; } .hmb-premium table.hmb-nutri th:not(:first-child) { white-space: normal; } .hmb-premium table.hmb-nutri th, .hmb-premium table.hmb-nutri td { padding: .5rem .45rem !important; } .hmb-premium table.hmb-nutri tr.hmb-nutri-sub td:first-child { padding-left: 1.1rem !important; } }\n\n.hmb-premium .hmb-accordion-header { gap: .75rem; } .hmb-premium .hmb-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":63805327573369,"sku":"BARREPROTEINEESAMANDE","price":2.62,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/barre_proteines_amande_humble.jpg?v=1781953792"},{"product_id":"barre-proteinees-cacahuete-humble","title":"Barre Protéinées - Cacahuète - Humble+","description":"\u003cdiv class=\"hp-premium\"\u003e\n \u003cdiv class=\"hp-hero\"\u003e\n \u003cdiv class=\"hp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hp-hero-content\"\u003e\n \u003cdiv class=\"hp-badges-top\"\u003e\n \u003cspan class=\"hp-badge\"\u003e🥜 Cacahuète gourmande\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e💪 15g de protéines\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e✨ Au collagène\u003c\/span\u003e\n \u003cspan class=\"hp-badge\"\u003e📏 50g par barre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hp-hero-title\"\u003eBarre Protéinée Cacahuète Humble+\u003c\/span\u003e\n \u003cp class=\"hp-subtitle\"\u003eLook Good. Feel Good.\u003c\/p\u003e\n \u003cp class=\"hp-description\"\u003eLe snack gourmand et fonctionnel pensé pour les sportifs, les actifs et tous les amateurs de plaisir équilibré. Une recette enrichie en collagène, prête à l'emploi, qui change des barres industrielles ultra-sucrées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eBarre Protéinée Cacahuète Humble+ : le snack gourmand et fonctionnel\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eVous cherchez une \u003cstrong\u003ebarre protéinée\u003c\/strong\u003e savoureuse, pratique et adaptée à votre rythme de vie ? La \u003cstrong\u003eBarre Protéinée Cacahuète Humble+\u003c\/strong\u003e coche toutes les cases.\u003c\/p\u003e\n \u003cp class=\"hp-section-intro\"\u003ePensée pour les sportifs, les actifs et les amateurs de snacks équilibrés, elle conjugue le bon goût gourmand de la cacahuète à une formulation enrichie en collagène. Une alternative idéale aux recettes industrielles ultra-sucrées.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette barre protéinée plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eSur le marché des barres protéinées, qu'est-ce qui fait de Humble+ une des meilleures barres protéinées du moment ?\u003c\/p\u003e\n \u003cdiv class=\"hp-grid\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e🥜 Saveur authentique\u003c\/h3\u003e\n \u003cp\u003eUn vrai goût de cacahuète, gourmand sans être écœurant. Le plaisir d'un snack qui ne déçoit jamais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e✨ Enrichie en collagène\u003c\/h3\u003e\n \u003cp\u003eUn atout rare sur le marché : du collagène intégré à la recette pour accompagner les sportifs et le bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e📏 Format pratique 50 g\u003c\/h3\u003e\n \u003cp\u003eParfait pour glisser dans un sac de sport, un cartable ou un sac à main. Toujours prêt quand vous l'êtes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e💛 Look Good. Feel Good.\u003c\/h3\u003e\n \u003cp\u003eLa signature Humble+ : se faire plaisir tout en prenant soin de soi. Une philosophie en bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eQuand consommer la barre protéinée Humble+ ?\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eCette barre s'intègre facilement à votre quotidien, selon vos besoins et vos envies.\u003c\/p\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\u003e🏋️ Avant l'entraînement\u003c\/h3\u003e\n \u003cp\u003eUn apport énergétique rapide pour démarrer votre séance avec du carburant de qualité.\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\u003e💪 Après le sport\u003c\/h3\u003e\n \u003cp\u003eEn complément de votre repas pour soutenir la récupération musculaire après l'effort.\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\u003e☕ En collation l'après-midi\u003c\/h3\u003e\n \u003cp\u003ePour calmer une petite faim sans craquer sur du sucré industriel. Plaisir et équilibre.\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\u003e✈️ En déplacement\u003c\/h3\u003e\n \u003cp\u003eQuand vous n'avez pas le temps de cuisiner un encas équilibré, elle a toujours réponse à votre faim.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-tip\"\u003e\n \u003cspan class=\"hp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à une \u003cstrong\u003erecette de barre protéinée maison\u003c\/strong\u003e qui demande temps et matériel, vous obtenez ici un format prêt à l'emploi, stable et savoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eComposition et format\u003c\/h2\u003e\n \u003cdiv class=\"hp-grid-compact\"\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e⚖️ 50 g\u003c\/h3\u003e\n \u003cp\u003ePoids unitaire de la barre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e📦 Vendue à l'unité\u003c\/h3\u003e\n \u003cp\u003ePour tester ou se faire plaisir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e💪 15 g\u003c\/h3\u003e\n \u003cp\u003eDe protéines par barre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-card\"\u003e\n \u003ch3\u003e✨ Collagène\u003c\/h3\u003e\n \u003cp\u003eIntégré à la recette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"hp-section-intro\" style=\"margin-top:1.5rem;\"\u003eChaque barre Humble+ est conditionnée individuellement dans un emballage soigné. La recette met en avant le \u003cstrong\u003ecollagène\u003c\/strong\u003e, un ingrédient apprécié pour accompagner les sportifs et les personnes soucieuses de leur bien-être global.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eIngrédients et valeurs nutritionnelles\u003c\/h2\u003e\n \u003cp class=\"hp-section-intro\"\u003eUne barre de 50 g apporte 205 kcal, \u003cstrong\u003e15 g de protéines\u003c\/strong\u003e, 3,5 g de fibres et seulement 1,7 g de sucres.\u003c\/p\u003e\n \u003cdiv class=\"hp-accordion\"\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e📋 Ingrédients (saveur Cacahuète)\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eProtéines de \u003cstrong\u003elait\u003c\/strong\u003e, humectant (glycérol végétal), édulcorant (maltitol), huiles végétales (karité, illipé, tournesol, noix de coco), \u003cstrong\u003earachides\u003c\/strong\u003e grillées (11 %), peptides de collagène, eau, \u003cstrong\u003elait\u003c\/strong\u003e en poudre, fibres de maïs solubles, inuline (racine de chicorée), masse de cacao, farine d'\u003cstrong\u003earachide\u003c\/strong\u003e (1 %), arôme naturel, émulsifiant (lécithine de tournesol), beurre concentré (\u003cstrong\u003elait\u003c\/strong\u003e), sel, épaississant (pectine), édulcorants (glycosides de stéviol produits par voie enzymatique, sucralose).\u003c\/p\u003e\n \u003cp class=\"hp-nutri-traces\"\u003e\u003cstrong\u003eContient :\u003c\/strong\u003e lait, arachides. Peut contenir des traces d'autres fruits à coque, d'œufs et de soja.\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📊 Valeurs nutritionnelles\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hp-nutri-wrap\"\u003e\n \u003ctable class=\"hp-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003e100 g\u003c\/th\u003e\n\u003cth\u003e1 barre\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e411 kcal\u003cbr\u003e1719 kJ\u003c\/td\u003e\n\u003ctd\u003e205 kcal\u003cbr\u003e860 kJ\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e20 g\u003c\/td\u003e\n\u003ctd\u003e10 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr class=\"hp-nutri-sub\"\u003e\n\u003ctd\u003edont acides gras saturés\u003c\/td\u003e\n\u003ctd\u003e7,0 g\u003c\/td\u003e\n\u003ctd\u003e3,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e31 g\u003c\/td\u003e\n\u003ctd\u003e15 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr class=\"hp-nutri-sub\"\u003e\n\u003ctd\u003edont sucres\u003c\/td\u003e\n\u003ctd\u003e3,4 g\u003c\/td\u003e\n\u003ctd\u003e1,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr class=\"hp-nutri-sub\"\u003e\n\u003ctd\u003edont polyols\u003c\/td\u003e\n\u003ctd\u003e24 g\u003c\/td\u003e\n\u003ctd\u003e12 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e6,9 g\u003c\/td\u003e\n\u003ctd\u003e3,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e30 g\u003c\/td\u003e\n\u003ctd\u003e15 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,34 g\u003c\/td\u003e\n\u003ctd\u003e0,17 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hp-tip\"\u003e\n \u003cspan class=\"hp-tip-icon\"\u003e📝\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e si vous recherchez une \u003cstrong\u003ebarre protéinée sans sucre\u003c\/strong\u003e stricte, vérifiez toujours les informations nutritionnelles avant achat, car les formulations peuvent évoluer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"hp-accordion\"\u003e\n \u003cdetails class=\"hp-accordion-item\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e🥄 Dosage recommandé\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eConsommez 1 barre par prise, selon vos objectifs et votre activité physique. Associez-la à une \u003cstrong\u003ealimentation variée et équilibrée\u003c\/strong\u003e et à une bonne hydratation.\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🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez la barre dans un endroit sec, à l'abri de la chaleur et de la lumière directe. 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\"\u003e\n \u003csummary class=\"hp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n \u003cp\u003eCette barre est une collation, un complément à votre alimentation : elle \u003cstrong\u003ene se substitue pas à un régime alimentaire varié\u003c\/strong\u003e ni à un mode de vie sain, et ne remplace en aucun cas un traitement médical. En cas de doute, demandez l'avis de votre médecin ou de votre pharmacien, en particulier en cas de grossesse, d'allaitement ou de pathologie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eHumble+ : la marque qui rend le bien-être accessible\u003c\/h2\u003e\n \u003cdiv class=\"hp-cta-box\"\u003e\n \u003cp\u003eAvec son identité « Look Good. Feel Good. », Humble+ propose des produits pensés pour ceux qui veulent allier \u003cstrong\u003eplaisir, sport et soin du corps\u003c\/strong\u003e. La Barre Protéinée Cacahuète s'inscrit dans cette gamme, comme une option simple, gourmande et fonctionnelle pour reprendre le contrôle de vos collations sans sacrifier le goût.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"hp-disclaimer\"\u003eCollation à intégrer dans le cadre d'une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --hp-cream: #fdf6ee;\n --hp-white: #ffffff;\n --hp-primary: #d98a3d;\n --hp-primary-dark: #a85f1f;\n --hp-primary-light: #fbeadb;\n --hp-secondary: #e6a463;\n --hp-accent: #f4b878;\n --hp-text: #2a1f15;\n --hp-text-light: #6b5a4a;\n --hp-border: #ecdfd0;\n --hp-shadow: 0 4px 24px rgba(168,95,31,.08);\n --hp-shadow-lg: 0 12px 48px rgba(168,95,31,.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 }\n\n .hp-hero {\n position: relative;\n background: linear-gradient(135deg, #f4b878 0%, #d98a3d 50%, #a85f1f 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,.4) 0%, transparent 8%),\n radial-gradient(circle at 80% 60%, rgba(255,255,255,.3) 0%, transparent 10%),\n radial-gradient(circle at 50% 85%, rgba(255,255,255,.35) 0%, transparent 9%);\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 line-height: 1.1;\n }\n\n .hp-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n letter-spacing: .1em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n }\n\n .hp-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.3vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n }\n\n .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.25rem;\n max-width: 720px;\n line-height: 1.7;\n }\n\n .hp-section-intro strong {\n color: var(--hp-text);\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: 18px;\n margin-bottom: .35rem;\n }\n\n .hp-grid-compact .hp-card p {\n font-size: 12px;\n }\n\n .hp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\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-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(217,138,61,.3);\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-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: 22px;\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 }\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 border-left: 4px solid var(--hp-primary);\n }\n\n .hp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\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: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n }\n\n .hp-cta-box strong {\n font-weight: 800;\n }\n\n .hp-disclaimer {\n font-size: 12px;\n color: var(--hp-text-light);\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 .hp-card {\n padding: 1.125rem;\n }\n .hp-section {\n margin-bottom: 1.75rem;\n }\n .hp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hp-radius-sm);\n }\n .hp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hp-grid-compact {\n gap: .625rem;\n }\n .hp-grid-compact .hp-card {\n padding: .75rem;\n }\n .hp-grid-compact .hp-card h3 {\n font-size: 16px;\n }\n .hp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hp-timeline-content {\n padding: .875rem 1rem;\n }\n .hp-timeline-content h3 {\n font-size: 14px;\n }\n .hp-timeline-content p {\n font-size: 13px;\n }\n .hp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .hp-card {\n animation: fadeInUp .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 fadeInUp {\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\n \/* Tableau des valeurs nutritionnelles *\/\n .hp-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n .hp-premium table.hp-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hp-text); word-break: normal; }\n .hp-premium table.hp-nutri th, .hp-premium table.hp-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hp-border); padding: .55rem .75rem !important; box-shadow: none; vertical-align: middle; line-height: 1.35; }\n .hp-nutri th { text-align: left; font-weight: 700; font-size: 13px; letter-spacing: .01em; color: var(--hp-text-light); border-bottom: 2px solid var(--hp-primary); }\n .hp-premium table.hp-nutri th { border-bottom: 2px solid var(--hp-primary); }\n .hp-nutri tbody tr:last-child td { border-bottom: none; }\n .hp-nutri tbody tr:nth-child(even) td { background: var(--hp-primary-light); }\n .hp-nutri th:not(:first-child), .hp-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n .hp-premium table.hp-nutri th:not(:first-child) { vertical-align: bottom; }\n .hp-nutri td:last-child { font-weight: 700; color: var(--hp-primary-dark); }\n .hp-premium table.hp-nutri tr.hp-nutri-sub td:first-child { padding-left: 1.6rem !important; color: var(--hp-text-light); }\n .hp-accordion-content p.hp-nutri-traces { margin-top: .75rem; }\n @media (max-width: 767px) { .hp-premium table.hp-nutri { font-size: 13px; } .hp-premium table.hp-nutri th { font-size: 12px; } .hp-premium table.hp-nutri th:not(:first-child) { white-space: normal; } .hp-premium table.hp-nutri th, .hp-premium table.hp-nutri td { padding: .5rem .45rem !important; } .hp-premium table.hp-nutri tr.hp-nutri-sub td:first-child { padding-left: 1.1rem !important; } }\n\n.hp-premium .hp-accordion-header { gap: .75rem; } .hp-premium .hp-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":63805327671673,"sku":"BARREPROTEINEESCACAHUETE","price":2.62,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/barre_proteines_cacahute_humble.jpg?v=1781953690"},{"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\u003cp class=\"hp-section-intro\"\u003eUne formule courte : \u003cstrong\u003e87,35 % de whey concentrée\u003c\/strong\u003e française, du sucre blond et des arômes naturels, sans édulcorant ni additif.\u003c\/p\u003e\n\u003cdiv class=\"hp-accordion\"\u003e\n\u003cdetails class=\"hp-accordion-item\"\u003e\n\u003csummary class=\"hp-accordion-header\"\u003e🥄 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n\u003cp\u003eConcentré de protéines de lactosérum (\u003cstrong\u003elait\u003c\/strong\u003e, origine France) 87,35 %, sucre blond, arômes naturels (dont arôme naturel de vanille).\u003c\/p\u003e\n\u003cp class=\"hp-nutri-note\"\u003eAllergène : \u003cstrong\u003elait\u003c\/strong\u003e. Peut contenir des traces de sulfites, céleri, gluten et moutarde.\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📊 Valeurs nutritionnelles\u003c\/summary\u003e\n\u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n\u003cdiv class=\"hp-nutri-wrap\"\u003e\n\u003ctable class=\"hp-nutri\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003e100 g\u003c\/th\u003e\n\u003cth\u003eDose 30 g\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e360 kcal\u003cbr\u003e1526 kJ\u003c\/td\u003e\n\u003ctd\u003e108 kcal\u003cbr\u003e458 kJ\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e2,9 g\u003c\/td\u003e\n\u003ctd\u003e0,9 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e  dont acides gras saturés\u003c\/td\u003e\n\u003ctd\u003e2 g\u003c\/td\u003e\n\u003ctd\u003e0,6 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e17 g\u003c\/td\u003e\n\u003ctd\u003e5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e  dont sucres\u003c\/td\u003e\n\u003ctd\u003e9,7 g\u003c\/td\u003e\n\u003ctd\u003e2,9 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres alimentaires\u003c\/td\u003e\n\u003ctd\u003e0,7 g\u003c\/td\u003e\n\u003ctd\u003e0,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e67 g\u003c\/td\u003e\n\u003ctd\u003e20 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,47 g\u003c\/td\u003e\n\u003ctd\u003e0,14 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\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\"\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\n.hp-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.hp-premium table.hp-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hp-text); word-break: normal; }\n.hp-premium table.hp-nutri th, .hp-premium table.hp-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hp-border); padding: .55rem .75rem !important; box-shadow: none; }\n.hp-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hp-text-light); border-bottom: 2px solid var(--hp-primary); }\n.hp-nutri tbody tr:last-child td { border-bottom: none; }\n.hp-nutri tbody tr:nth-child(even) td { background: var(--hp-primary-light); }\n.hp-nutri th:not(:first-child), .hp-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.hp-nutri td:last-child { font-weight: 700; color: var(--hp-primary-dark); }\n.hp-accordion-content .hp-nutri-note { margin-top: .75rem; font-size: 13px; font-style: italic; }\n@media (max-width: 767px) { .hp-premium table.hp-nutri { font-size: 13px; } .hp-premium table.hp-nutri th, .hp-premium table.hp-nutri td { padding: .5rem .45rem !important; } }\n\n @media (min-width: 768px) { .hp-premium .hp-grid:has(\u003e :nth-child(5):last-child), .hp-premium .hp-grid:has(\u003e :nth-child(6):last-child) { grid-template-columns: repeat(3, 1fr); } }\n\n.hp-premium .hp-accordion-header { gap: .75rem; } .hp-premium .hp-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":63855386788217,"sku":"1PROTVANILLE","price":39.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":"collagen-water-framboise-gingembre-humble","title":"Collagen Water Framboise-Gingembre - Pack de 4x330ml - Humble +","description":"\u003cdiv class=\"hcw-premium\"\u003e\n \u003cdiv class=\"hcw-hero\"\u003e\n \u003cdiv class=\"hcw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hcw-hero-content\"\u003e\n \u003cdiv class=\"hcw-badges-top\"\u003e\n \u003cspan class=\"hcw-badge\"\u003e💧 5g de collagène marin\u003c\/span\u003e\n \u003cspan class=\"hcw-badge\"\u003e🚫 Sans sucres\u003c\/span\u003e\n \u003cspan class=\"hcw-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hcw-hero-title\"\u003eL'eau qui nourrit ton bien-être\u003c\/span\u003e\n \u003cp class=\"hcw-subtitle\"\u003eFramboise • Gingembre • Finement pétillante\u003c\/p\u003e\n \u003cp class=\"hcw-description\"\u003eUne boisson gourmande enrichie en collagène marin hydrolysé Naticol® pour prendre soin de votre peau, vos articulations et vos muscles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hcw-section\"\u003e\n \u003ch2\u003eCollagen Water Framboise-Gingembre Humble+ : la boisson au collagène qui allie plaisir et bien-être\u003c\/h2\u003e\n \u003cp class=\"hcw-section-intro\"\u003eEnvie de prendre soin de votre peau, de vos articulations et de vos muscles sans effort ? La \u003cstrong\u003eCollagen Water Framboise-Gingembre de Humble+\u003c\/strong\u003e est une boisson pétillante, savoureuse et sans sucres, qui apporte \u003cstrong\u003e5g de collagène marin hydrolysé Naticol®\u003c\/strong\u003e par canette. Une manière simple et gourmande d'intégrer un complément alimentaire au collagène dans votre routine quotidienne.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hcw-section\"\u003e\n \u003ch2\u003ePourquoi choisir une boisson au collagène ?\u003c\/h2\u003e\n \u003cp class=\"hcw-section-intro\"\u003eLe collagène est la protéine la plus abondante de notre corps. Il compose la peau, les tendons, les articulations et les muscles. Mais à partir de 25 ans, sa production naturelle diminue progressivement.\u003c\/p\u003e\n \u003cdiv class=\"hcw-grid-compact\"\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🥤 Ultra pratique\u003c\/h3\u003e\n \u003cp\u003ePlus besoin de doser une poudre ou d'avaler des gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e✨ Format nomade\u003c\/h3\u003e\n \u003cp\u003eOuvrez, savourez, et bénéficiez de tous les atouts du collagène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🍓 Saveur fruitée\u003c\/h3\u003e\n \u003cp\u003eNotes gourmandes de framboise finement pétillantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🌶️ Pointe épicée\u003c\/h3\u003e\n \u003cp\u003eUn gingembre subtil qui réveille les papilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hcw-section\"\u003e\n \u003ch2\u003eLes bienfaits du collagène marin Naticol®\u003c\/h2\u003e\n \u003cdiv class=\"hcw-grid\"\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e💫 Peau ferme \u0026amp; lumineuse\u003c\/h3\u003e\n \u003cp\u003eÉlasticité améliorée jusqu'à \u003cstrong\u003e+20%\u003c\/strong\u003e et réduction des rides jusqu'à \u003cstrong\u003e-11%\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e💪 Récupération musculaire\u003c\/h3\u003e\n \u003cp\u003eOptimisée après l'effort pour retrouver rapidement votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eSoutien quotidien des articulations et des tendons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e⚡ Haute assimilation\u003c\/h3\u003e\n \u003cp\u003ePeptides hydrolysés de \u003cstrong\u003e2 000 Daltons\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🧬 Collagène de type I\u003c\/h3\u003e\n \u003cp\u003eIdéal pour la peau et les tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🌊 Origine marine\u003c\/h3\u003e\n \u003cp\u003eUn collagène pur, traçable et hautement biodisponible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hcw-section\"\u003e\n \u003ch2\u003eComposition : une recette 100% clean\u003c\/h2\u003e\n \u003cp class=\"hcw-section-intro\"\u003eHumble+ mise sur une formulation transparente et naturelle.\u003c\/p\u003e\n \u003cdiv class=\"hcw-grid-compact\"\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e💧 Eau gazéifiée\u003c\/h3\u003e\n \u003cp\u003eBase finement pétillante et rafraîchissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🐟 Collagène Naticol®\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5g\u003c\/strong\u003e de collagène marin hydrolysé par canette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🍓 Arômes framboise\u003c\/h3\u003e\n \u003cp\u003eArômes naturels de framboise (0,3%).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🌶️ Arômes gingembre\u003c\/h3\u003e\n \u003cp\u003eArômes naturels de gingembre (0,2%).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🍋 Jus de citron\u003c\/h3\u003e\n \u003cp\u003eJus de citron concentré pour la fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e♻️ Canette recyclable\u003c\/h3\u003e\n \u003cp\u003eMade in France, 100% recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-tip\"\u003e\n \u003cspan class=\"hcw-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans sucres ajoutés\u003c\/strong\u003e, sans conservateurs, sans additifs, sans édulcorant, sans OGM et sans métaux lourds.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-accordion hcw-compo-accordion\"\u003e\n \u003cdetails class=\"hcw-accordion-item\"\u003e\n \u003csummary class=\"hcw-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n \u003cdiv class=\"hcw-accordion-content mt-3\"\u003e\n \u003cp\u003eEau gazéifiée, collagène hydrolysé de \u003cstrong\u003epoisson\u003c\/strong\u003e (1,5 %), arômes naturels de framboise (0,3 %) et de gingembre (0,2 %), jus de citron concentré.\u003cbr\u003e\n \u003cstrong\u003eAllergène :\u003c\/strong\u003e poisson. Canette aluminium de 330 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hcw-accordion-item\"\u003e\n \u003csummary class=\"hcw-accordion-header\"\u003e📊 Valeurs nutritionnelles\u003c\/summary\u003e\n \u003cdiv class=\"hcw-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hcw-nutri-wrap\"\u003e\n \u003ctable class=\"hcw-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003ePour 330 ml\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e113 kJ \/ 27 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e0 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e0,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003edont sucres\u003c\/td\u003e\n\u003ctd\u003e0 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e4,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hcw-section\"\u003e\n \u003ch2\u003eComment consommer votre Collagen Water ?\u003c\/h2\u003e\n \u003cdiv class=\"hcw-timeline\"\u003e\n \u003cdiv class=\"hcw-timeline-item\"\u003e\n \u003cdiv class=\"hcw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hcw-timeline-content\"\u003e\n \u003ch3\u003eDose quotidienne\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 canette par jour\u003c\/strong\u003e pour un apport de 5g de collagène marin hydrolysé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-timeline-item\"\u003e\n \u003cdiv class=\"hcw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hcw-timeline-content\"\u003e\n \u003ch3\u003eSans préparation\u003c\/h3\u003e\n \u003cp\u003eOuvrez, buvez : aucun dosage. \u003cstrong\u003eNe pas dépasser 1 canette par jour.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-timeline-item\"\u003e\n \u003cdiv class=\"hcw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hcw-timeline-content\"\u003e\n \u003ch3\u003eÀ tout moment\u003c\/h3\u003e\n \u003cp\u003eÀ boire fraîche : au petit-déjeuner, en collation ou après le sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-timeline-item\"\u003e\n \u003cdiv class=\"hcw-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hcw-timeline-content\"\u003e\n \u003ch3\u003eRésultats visibles\u003c\/h3\u003e\n \u003cp\u003eUne consommation régulière sur plusieurs semaines est recommandée pour des effets durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hcw-section\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"hcw-grid-compact\"\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e💄 Adeptes beauté\u003c\/h3\u003e\n \u003cp\u003ePour une peau ferme, lumineuse et éclatante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour une récupération musculaire et articulaire optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e⚡ Actifs\u003c\/h3\u003e\n \u003cp\u003ePour un confort quotidien dans un format nomade.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hcw-card\"\u003e\n \u003ch3\u003e🌿 Clean beauty\u003c\/h3\u003e\n \u003cp\u003ePour une routine naturelle, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hcw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hcw-accordion\"\u003e\n \u003cdetails class=\"hcw-accordion-item\"\u003e\n \u003csummary class=\"hcw-accordion-header\"\u003e🐟 Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"hcw-accordion-content mt-3\"\u003e\n \u003cp\u003eContient du poisson (allergène déclaré).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hcw-accordion-item\"\u003e\n \u003csummary class=\"hcw-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hcw-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la chaleur et de la lumière. À consommer rapidement après ouverture. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hcw-accordion-item\"\u003e\n \u003csummary class=\"hcw-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hcw-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hcw-disclaimer\"\u003eCe produit est un complément alimentaire et ne se substitue pas à une alimentation variée, équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hcw-cream: #faf7f7;\n --hcw-white: #ffffff;\n --hcw-primary: #8b1e2e;\n --hcw-primary-dark: #5c1420;\n --hcw-primary-light: #fbe9ec;\n --hcw-secondary: #c9455a;\n --hcw-accent: #e8a5b0;\n --hcw-text: #1a1a1a;\n --hcw-text-light: #5a5a5a;\n --hcw-border: #e8dcde;\n --hcw-shadow: 0 4px 24px rgba(139,30,46,.08);\n --hcw-shadow-lg: 0 12px 48px rgba(139,30,46,.18);\n --hcw-radius: 20px;\n --hcw-radius-sm: 12px;\n}\n\n.hcw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hcw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--hcw-text);\n}\n\n.hcw-hero {\n position: relative;\n background: linear-gradient(135deg, #5c1420 0%, #8b1e2e 50%, #c9455a 100%);\n border-radius: var(--hcw-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(--hcw-shadow-lg);\n}\n\n.hcw-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(255,255,255,.1) 0%, transparent 40%);\n opacity: .6;\n}\n\n.hcw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hcw-hero-title {\n display: block;\n color: white;\n font-size: clamp(24px, 7vw, 46px);\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.hcw-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.hcw-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.6;\n max-width: 620px;\n margin: 0 auto;\n}\n\n.hcw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hcw-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(--hcw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hcw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hcw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hcw-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--hcw-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.hcw-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(--hcw-primary), var(--hcw-secondary));\n border-radius: 2px;\n}\n\n.hcw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hcw-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.hcw-section-intro strong {\n color: var(--hcw-primary-dark);\n}\n\n.hcw-card {\n background: var(--hcw-white);\n border-radius: var(--hcw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hcw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hcw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hcw-shadow-lg);\n border-color: var(--hcw-primary);\n}\n\n.hcw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hcw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hcw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hcw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hcw-card strong {\n color: var(--hcw-primary);\n}\n\n.hcw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hcw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hcw-grid-compact .hcw-card {\n padding: 1rem;\n}\n\n.hcw-grid-compact .hcw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hcw-grid-compact .hcw-card p {\n font-size: 12px;\n}\n\n.hcw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hcw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hcw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hcw-primary), var(--hcw-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(139,30,46,.3);\n}\n\n.hcw-timeline-content {\n flex: 1;\n background: var(--hcw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hcw-radius-sm);\n box-shadow: var(--hcw-shadow);\n}\n\n.hcw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hcw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hcw-timeline-content p {\n font-size: 14px;\n color: var(--hcw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.hcw-timeline-content strong {\n color: var(--hcw-primary);\n}\n\n.hcw-accordion {\n background: var(--hcw-white);\n border-radius: var(--hcw-radius);\n box-shadow: var(--hcw-shadow);\n overflow: hidden;\n}\n\n.hcw-accordion-item {\n border-bottom: 1px solid var(--hcw-border);\n margin: 0;\n padding: 0;\n}\n\n.hcw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hcw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hcw-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.hcw-accordion-header:hover {\n background: var(--hcw-primary-light);\n}\n\n.hcw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hcw-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--hcw-primary);\n transition: transform .2s ease;\n}\n\n.hcw-accordion-item[open] .hcw-accordion-header::after {\n content: '−';\n}\n\n.hcw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hcw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hcw-accordion-content p {\n margin: 0;\n}\n\n.hcw-accordion-content strong {\n color: var(--hcw-primary-dark);\n}\n\n.hcw-compo-accordion { margin-top: 1.25rem; }\n.hcw-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.hcw-premium table.hcw-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hcw-text); word-break: normal; }\n.hcw-premium table.hcw-nutri th, .hcw-premium table.hcw-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hcw-border); padding: .55rem .75rem !important; box-shadow: none; }\n.hcw-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hcw-secondary); border-bottom: 2px solid var(--hcw-primary); }\n.hcw-nutri tbody tr:last-child td { border-bottom: none; }\n.hcw-nutri tbody tr:nth-child(even) td { background: var(--hcw-primary-light); }\n.hcw-nutri th:not(:first-child), .hcw-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.hcw-nutri td:last-child { font-weight: 700; color: var(--hcw-primary-dark); }\n.hcw-nutri tbody tr:nth-child(4) td:first-child { padding-left: 1.75rem !important; }\n\n.hcw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hcw-primary-light);\n border-radius: var(--hcw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hcw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hcw-tip p {\n font-size: 14px;\n color: var(--hcw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.hcw-tip p strong {\n color: var(--hcw-primary-dark);\n}\n\n.hcw-disclaimer {\n font-size: 12px;\n color: var(--hcw-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .hcw-premium table.hcw-nutri { font-size: 13px; }\n .hcw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .hcw-card { padding: 1.125rem; }\n .hcw-section { margin-bottom: 1.75rem; }\n .hcw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hcw-radius-sm);\n }\n .hcw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .hcw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .hcw-grid-compact { gap: .625rem; }\n .hcw-grid-compact .hcw-card { padding: .75rem; }\n .hcw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .hcw-timeline-content { padding: .875rem 1rem; }\n .hcw-timeline-content h3 { font-size: 14px; }\n .hcw-timeline-content p { font-size: 13px; }\n .hcw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .hcw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .hcw-card {\n animation: hcwFadeInUp .5s ease backwards;\n }\n .hcw-card:nth-child(1) { animation-delay: .05s; }\n .hcw-card:nth-child(2) { animation-delay: .1s; }\n .hcw-card:nth-child(3) { animation-delay: .15s; }\n .hcw-card:nth-child(4) { animation-delay: .2s; }\n .hcw-card:nth-child(5) { animation-delay: .25s; }\n .hcw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hcwFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hcw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n @media (min-width: 768px) { .hcw-premium .hcw-grid:has(\u003e :nth-child(5):last-child), .hcw-premium .hcw-grid:has(\u003e :nth-child(6):last-child) { grid-template-columns: repeat(3, 1fr); } }\n\n.hcw-premium .hcw-accordion-header { gap: .75rem; } .hcw-premium .hcw-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":63986907447673,"sku":"COLLAGENEWATERFRAMBOISE","price":9.74,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagen-water-framboise-gingembre-humble-lifestyle.webp?v=1784208271"},{"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\n \u003cdiv class=\"hpr-accordion hpr-compo\"\u003e\n \u003cdetails class=\"hpr-accordion-item\"\u003e\n \u003csummary class=\"hpr-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n \u003cdiv class=\"hpr-accordion-content mt-3\"\u003e\n \u003cp\u003eConcentré de protéines de lactosérum (\u003cstrong\u003elait\u003c\/strong\u003e) 87,35 % (origine France), sucre blond, arômes naturels, cacao torréfié durable en poudre.\u003c\/p\u003e\n \u003cp class=\"hpr-nutri-traces\"\u003eContient du \u003cstrong\u003elait\u003c\/strong\u003e. Déconseillé en cas d'allergie.\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📊 Tableau nutritionnel complet\u003c\/summary\u003e\n \u003cdiv class=\"hpr-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hpr-nutri-wrap\"\u003e\n \u003ctable class=\"hpr-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003e100 g\u003c\/th\u003e\n\u003cth\u003ePortion 30 g\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e360 kcal\u003c\/td\u003e\n\u003ctd\u003e108 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e  soit\u003c\/td\u003e\n\u003ctd\u003e1526 kJ\u003c\/td\u003e\n\u003ctd\u003e458 kJ\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e2,9 g\u003c\/td\u003e\n\u003ctd\u003e0,9 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e  dont acides gras saturés\u003c\/td\u003e\n\u003ctd\u003e2 g\u003c\/td\u003e\n\u003ctd\u003e0,6 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e17 g\u003c\/td\u003e\n\u003ctd\u003e5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e  dont sucres\u003c\/td\u003e\n\u003ctd\u003e9,7 g\u003c\/td\u003e\n\u003ctd\u003e2,9 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFibres alimentaires\u003c\/td\u003e\n\u003ctd\u003e0,7 g\u003c\/td\u003e\n\u003ctd\u003e0,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e67 g\u003c\/td\u003e\n\u003ctd\u003e20 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,47 g\u003c\/td\u003e\n\u003ctd\u003e0,14 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\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.hpr-compo { max-width: 800px; margin: 1.5rem auto 0; }\n.hpr-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.hpr-premium table.hpr-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hpr-text); word-break: normal; }\n.hpr-premium table.hpr-nutri th, .hpr-premium table.hpr-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hpr-border); padding: .55rem .75rem !important; box-shadow: none; }\n.hpr-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hpr-secondary); border-bottom: 2px solid var(--hpr-primary); }\n.hpr-nutri tbody tr:last-child td { border-bottom: none; }\n.hpr-nutri tbody tr:nth-child(even) td { background: var(--hpr-primary-light); }\n.hpr-nutri th:not(:first-child), .hpr-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.hpr-nutri td:last-child { font-weight: 700; color: var(--hpr-primary-dark); }\n.hpr-accordion-content .hpr-nutri-traces { margin-top: .75rem; font-style: italic; }\n@media (max-width: 767px) { .hpr-premium table.hpr-nutri { font-size: 13px; } .hpr-premium table.hpr-nutri th, .hpr-premium table.hpr-nutri td { padding: .5rem .5rem !important; } }\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\n.hpr-premium .hpr-accordion-header { gap: .75rem; } .hpr-premium .hpr-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":64096889373049,"sku":"PROTCHOCOHUMBLE","price":39.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"},{"product_id":"collagene-water-humble-2-gouts-au-choix","title":"Collagène Water Humble+ (2 goûts au choix) - Boisson au collagène 330 ml","description":"\u003cdiv class=\"cw-premium\"\u003e\n \u003cdiv class=\"cw-hero\"\u003e\n \u003cdiv class=\"cw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cw-hero-content\"\u003e\n \u003cdiv class=\"cw-badges-top\"\u003e\n \u003cspan class=\"cw-badge\"\u003e✨ 5g de collagène marin\u003c\/span\u003e\n \u003cspan class=\"cw-badge\"\u003e🌊 Naticol® français\u003c\/span\u003e\n \u003cspan class=\"cw-badge\"\u003e🚫 Sans sucre\u003c\/span\u003e\n \u003cspan class=\"cw-badge\"\u003e💧 Prêt à boire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cw-hero-title\"\u003eCollagen Water : le collagène à boire frais et pétillant\u003c\/span\u003e\n \u003cp class=\"cw-subtitle\"\u003eUne boisson au collagène marin avec 5 g de Naticol® par canette\u003c\/p\u003e\n \u003cp class=\"cw-description\"\u003eDécouvrez le Collagen Water Humble+, une boisson au collagène prête à boire de 330 ml, pétillante, sans sucre et disponible en deux saveurs fruitées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cw-section\"\u003e\n \u003ch2\u003eCollagen Water Humble+ : une boisson au collagène marin prête à boire\u003c\/h2\u003e\n\n \u003cp class=\"cw-section-intro\"\u003e\n Vous cherchez un \u003cstrong\u003ecollagène à boire\u003c\/strong\u003e facile à intégrer à votre quotidien ?\n La \u003cstrong\u003eCollagen Water Humble+\u003c\/strong\u003e associe le plaisir d'une boisson fraîche et pétillante\n à \u003cstrong\u003e5 g de collagène marin hydrolysé Naticol®\u003c\/strong\u003e par canette.\n Cette \u003cstrong\u003eboisson au collagène\u003c\/strong\u003e de 330 ml est sans sucre et aromatisée naturellement aux fruits.\n Un format pratique à boire au bureau, après le sport, pendant un repas ou lors d'une pause dans la journée.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cw-grid-compact\"\u003e\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e💧 330 ml\u003c\/h3\u003e\n \u003cp\u003eCollagène à boire en format nomade\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e✨ 5 g\u003c\/h3\u003e\n \u003cp\u003eCollagène marin par canette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🔥 27 kcal\u003c\/h3\u003e\n \u003cp\u003eSans sucre et très peu calorique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🌿 4 ingrédients\u003c\/h3\u003e\n \u003cp\u003eD'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cw-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Collagen Water Humble+ ?\u003c\/h2\u003e\n\n \u003cp class=\"cw-section-intro\"\u003e\n Le collagène est une protéine naturellement présente dans l'organisme, notamment dans la peau,\n les articulations, les tendons, les cheveux et les ongles. Sa production naturelle diminue progressivement\n avec l'âge. Le \u003cstrong\u003ecollagène à boire\u003c\/strong\u003e offre une alternative pratique aux poudres et aux gélules :\n la dose quotidienne est directement intégrée à une boisson prête à consommer.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cw-grid\"\u003e\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🇫🇷 Naticol® français\u003c\/h3\u003e\n \u003cp\u003eUne source de collagène marin hydrolysé reconnue pour sa qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e⚡ Peptides de faible poids moléculaire\u003c\/h3\u003e\n \u003cp\u003eUn collagène hydrolysé en peptides afin de faciliter son assimilation par l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e💎 Collagène marin de type I\u003c\/h3\u003e\n \u003cp\u003eLe type de collagène majoritairement présent dans la peau, proposé ici sous forme hydrolysée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-tip\"\u003e\n \u003cspan class=\"cw-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\n \u003cstrong\u003eCollagen Water, poudre ou gélules ?\u003c\/strong\u003e\n Avec Humble+, aucune préparation n'est nécessaire. La dose de collagène est déjà présente\n dans une \u003cstrong\u003eboisson au collagène\u003c\/strong\u003e fraîche et pétillante. Il suffit d'ouvrir la canette et de la boire.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cw-section cw-compo\"\u003e\n \u003ch2\u003eQue contient cette boisson au collagène ?\u003c\/h2\u003e\n\n \u003cdiv class=\"cw-grid\"\u003e\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e💧 Eau gazéifiée\u003c\/h3\u003e\n \u003cp\u003eLa base fraîche et pétillante de la Collagen Water.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🐟 Naticol® 5 g\u003c\/h3\u003e\n \u003cp\u003e5 g de collagène marin hydrolysé par canette.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🍓 Arômes naturels\u003c\/h3\u003e\n \u003cp\u003eDes arômes de fruits pour une boisson agréable à boire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🍋 Jus de citron\u003c\/h3\u003e\n \u003cp\u003eDu jus concentré pour apporter une note acidulée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-tip\"\u003e\n \u003cspan class=\"cw-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\n \u003cstrong\u003eSeulement 4 ingrédients, arômes 100 % d'origine naturelle.\u003c\/strong\u003e\n Sans sucre, sans édulcorant, sans conservateur, sans colorant, sans additif et sans OGM.\n \u003cbr\u003e\u003cem\u003eAllergène : poisson.\u003c\/em\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-accordion\"\u003e\n \u003cdetails class=\"cw-accordion-item\"\u003e\n \u003csummary class=\"cw-accordion-header\"\u003e🍓 Ingrédients Framboise-Gingembre\u003c\/summary\u003e\n \u003cdiv class=\"cw-accordion-content mt-3\"\u003e\n \u003cp\u003eEau gazéifiée, collagène hydrolysé de \u003cstrong\u003epoisson\u003c\/strong\u003e (1,5 %), arômes naturels de framboise (0,3 %) et de gingembre (0,2 %), jus de citron concentré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"cw-accordion-item\"\u003e\n \u003csummary class=\"cw-accordion-header\"\u003e🌿 Ingrédients Menthe-Citron vert\u003c\/summary\u003e\n \u003cdiv class=\"cw-accordion-content mt-3\"\u003e\n \u003cp\u003eEau gazéifiée, collagène hydrolysé de \u003cstrong\u003epoisson\u003c\/strong\u003e (1,5 %), arômes naturels de citron vert (0,1 %) et de menthe (0,1 %), jus de citron concentré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"cw-accordion-item\"\u003e\n \u003csummary class=\"cw-accordion-header\"\u003e📊 Valeurs nutritionnelles (330 ml)\u003c\/summary\u003e\n \u003cdiv class=\"cw-accordion-content mt-3\"\u003e\n \u003cdiv class=\"cw-nutri-wrap\"\u003e\n \u003ctable class=\"cw-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003ePar canette\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e27 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e0 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e0,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e4,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cw-section\"\u003e\n \u003ch2\u003eUn collagène à boire disponible en deux saveurs\u003c\/h2\u003e\n\n \u003cp class=\"cw-section-intro\"\u003e\n Contrairement à un collagène en poudre à mélanger dans de l'eau,\n le \u003cstrong\u003eCollagen Water Humble+\u003c\/strong\u003e est immédiatement prêt à boire.\n Choisissez simplement votre saveur et dégustez votre canette bien fraîche.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cw-grid\"\u003e\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🍓 Framboise \u0026amp; Gingembre\u003c\/h3\u003e\n \u003cp\u003eUne saveur fruitée avec une note légèrement épicée, idéale pour une pause fraîche dans la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🌿 Menthe \u0026amp; Citron vert\u003c\/h3\u003e\n \u003cp\u003eUne saveur fraîche et acidulée, particulièrement agréable servie bien fraîche ou après le sport.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cw-section\"\u003e\n \u003ch2\u003eComment boire la Collagen Water Humble+ ?\u003c\/h2\u003e\n\n \u003cp class=\"cw-section-intro\"\u003e\n \u003cstrong\u003eConsommez 1 canette par jour\u003c\/strong\u003e, à l'heure qui vous convient.\n Chaque canette apporte 5 g de collagène marin.\n Ce format de \u003cstrong\u003ecollagène à boire\u003c\/strong\u003e permet d'intégrer facilement le collagène\n à une routine quotidienne, sans dosage ni préparation.\n \u003c\/p\u003e\n\n \u003cdiv class=\"cw-timeline\"\u003e\n \u003cdiv class=\"cw-timeline-item\"\u003e\n \u003cdiv class=\"cw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cw-timeline-content\"\u003e\n \u003ch3\u003e🌅 Le matin\u003c\/h3\u003e\n \u003cp\u003eUne boisson au collagène fraîche pour accompagner votre petit-déjeuner ou commencer votre journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-timeline-item\"\u003e\n \u003cdiv class=\"cw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cw-timeline-content\"\u003e\n \u003ch3\u003e🥗 À midi\u003c\/h3\u003e\n \u003cp\u003eÀ boire fraîche pendant le repas comme alternative à une boisson sucrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-timeline-item\"\u003e\n \u003cdiv class=\"cw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cw-timeline-content\"\u003e\n \u003ch3\u003e💪 Après le sport\u003c\/h3\u003e\n \u003cp\u003eUn format pratique pour se rafraîchir tout en consommant sa dose quotidienne de collagène marin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cw-section\"\u003e\n \u003ch2\u003eCollagen Water fabriqué en France\u003c\/h2\u003e\n\n \u003cdiv class=\"cw-grid-compact\"\u003e\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction française\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🌱 Approvisionnement responsable\u003c\/h3\u003e\n \u003cp\u003eCollagène marin issu d'une filière maîtrisée\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e🔬 Naticol®\u003c\/h3\u003e\n \u003cp\u003eCollagène marin hydrolysé breveté\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cw-card\"\u003e\n \u003ch3\u003e♻️ Canette recyclable\u003c\/h3\u003e\n \u003cp\u003eFormat aluminium pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage du collagène à boire\u003c\/h2\u003e\n\n \u003cdiv class=\"cw-accordion\"\u003e\n \u003cdetails class=\"cw-accordion-item\"\u003e\n \u003csummary class=\"cw-accordion-header\"\u003e⚠️ Complément alimentaire\u003c\/summary\u003e\n \u003cdiv class=\"cw-accordion-content mt-3\"\u003e\n \u003cp\u003e\n Ce produit est un complément alimentaire. Il ne remplace pas une alimentation variée et équilibrée\n ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Ne remplace pas un repas.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"cw-accordion-item\"\u003e\n \u003csummary class=\"cw-accordion-header\"\u003e🐟 Allergènes \u0026amp; contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"cw-accordion-content mt-3\"\u003e\n \u003cp\u003e\n Déconseillé aux personnes allergiques au poisson.\n Tenir hors de portée des enfants.\n En cas de doute, demandez conseil à votre médecin ou pharmacien.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails class=\"cw-accordion-item\"\u003e\n \u003csummary class=\"cw-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cw-accordion-content mt-3\"\u003e\n \u003cp\u003e\n Conservez les canettes au sec, à l'abri de la chaleur et de la lumière.\n À consommer rapidement après ouverture.\n Pour profiter pleinement de votre boisson au collagène, servez-la bien fraîche.\n \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 --cw-cream: #faf6f2;\n --cw-white: #ffffff;\n --cw-primary: #e89b8f;\n --cw-primary-dark: #b56658;\n --cw-primary-light: #fce8e3;\n --cw-secondary: #a8c9a3;\n --cw-accent: #7fa878;\n --cw-text: #2a2a2a;\n --cw-text-light: #6a6a6a;\n --cw-border: #ebe4dd;\n --cw-shadow: 0 4px 24px rgba(181,102,88,.08);\n --cw-shadow-lg: 0 12px 48px rgba(181,102,88,.15);\n --cw-radius: 20px;\n --cw-radius-sm: 12px;\n}\n\n.cw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cw-text);\n}\n\n.cw-premium * { box-sizing: border-box; }\n\n.cw-hero {\n position: relative;\n background: linear-gradient(135deg, #e89b8f 0%, #d4a89e 50%, #a8c9a3 100%);\n border-radius: var(--cw-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(--cw-shadow-lg);\n}\n\n.cw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .35;\n}\n\n.cw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cw-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,.15);\n line-height: 1.15;\n}\n\n.cw-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.cw-description {\n color: white;\n font-size: clamp(13px, 2vw, 16px);\n font-weight: 400;\n max-width: 640px;\n margin: 0 auto;\n opacity: .9;\n line-height: 1.6;\n}\n\n.cw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cw-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(--cw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cw-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.cw-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(--cw-primary), var(--cw-secondary));\n border-radius: 2px;\n}\n\n.cw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cw-text-light);\n margin: 0 auto 1.5rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.cw-card {\n background: var(--cw-white);\n border-radius: var(--cw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cw-shadow-lg);\n border-color: var(--cw-primary);\n}\n\n.cw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cw-grid-compact .cw-card { padding: 1rem; }\n.cw-grid-compact .cw-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.cw-grid-compact .cw-card p { font-size: 12px; }\n\n.cw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cw-primary), var(--cw-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.cw-timeline-content {\n flex: 1;\n background: var(--cw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cw-radius-sm);\n box-shadow: var(--cw-shadow);\n}\n\n.cw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cw-timeline-content p {\n font-size: 14px;\n color: var(--cw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cw-accordion {\n background: var(--cw-white);\n border-radius: var(--cw-radius);\n box-shadow: var(--cw-shadow);\n overflow: hidden;\n}\n\n.cw-accordion-item {\n border-bottom: 1px solid var(--cw-border);\n margin: 0;\n padding: 0;\n}\n\n.cw-accordion-item:last-child { border-bottom: none; }\n\n.cw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cw-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.cw-accordion-header:hover { background: var(--cw-primary-light); }\n.cw-accordion-header::-webkit-details-marker { display: none; }\n\n.cw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cw-primary);\n transition: transform .2s ease;\n}\n\n.cw-accordion-item[open] .cw-accordion-header::after { content: '−'; }\n\n.cw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cw-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.cw-accordion-content p { margin: 0; }\n\n.cw-compo .cw-accordion { margin-top: 1.25rem; }\n\n\/* Tableau de composition *\/\n.cw-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.cw-premium table.cw-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--cw-text); word-break: normal; }\n.cw-premium table.cw-nutri th, .cw-premium table.cw-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--cw-border); padding: .55rem .75rem !important; box-shadow: none; }\n.cw-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--cw-accent); border-bottom: 2px solid var(--cw-primary); }\n.cw-nutri tbody tr:last-child td { border-bottom: none; }\n.cw-nutri tbody tr:nth-child(even) td { background: var(--cw-primary-light); }\n.cw-nutri th:not(:first-child), .cw-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.cw-nutri td:last-child { font-weight: 700; color: var(--cw-primary-dark); }\n\n.cw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cw-primary-light);\n border-radius: var(--cw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cw-tip p {\n font-size: 14px;\n color: var(--cw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .cw-grid { grid-template-columns: 1fr; gap: 1rem; }\n .cw-card { padding: 1.125rem; }\n .cw-section { margin-bottom: 1.75rem; }\n .cw-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--cw-radius-sm); }\n .cw-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .cw-premium h2::after { width: 40px; height: 3px; }\n .cw-grid-compact { gap: .625rem; }\n .cw-grid-compact .cw-card { padding: .75rem; }\n .cw-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .cw-timeline-content { padding: .875rem 1rem; }\n .cw-timeline-content h3 { font-size: 14px; }\n .cw-timeline-content p { font-size: 13px; }\n .cw-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .cw-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .cw-premium table.cw-nutri { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cw-card { animation: fadeInUp .5s ease backwards; }\n .cw-card:nth-child(1) { animation-delay: .05s; }\n .cw-card:nth-child(2) { animation-delay: .1s; }\n .cw-card:nth-child(3) { animation-delay: .15s; }\n .cw-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n.cw-premium .cw-accordion-header { gap: .75rem; } .cw-premium .cw-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Menthe","offer_id":64242070290809,"sku":"WATERMENTHE","price":2.07,"currency_code":"EUR","in_stock":true},{"title":"Framboise Gingembre","offer_id":64242070323577,"sku":"WATERFRAMBOISEGINGEMBRE","price":2.07,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagenewater_humble_11zon.jpg?v=1786968718"},{"product_id":"collagene-mobility-60-doses-humble","title":"Collagène Mobility - Curcuma \u0026 Acide Hyaluronique - Cure 2 mois - Humble +","description":"\u003cdiv class=\"cm-premium\"\u003e\n \u003cdiv class=\"cm-hero\"\u003e\n \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cm-hero-content\"\u003e\n \u003cdiv class=\"cm-badges-top\"\u003e\n \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🍊 Saveur orange\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e💧 60 doses\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🧬 Naticol® breveté\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cm-hero-title\"\u003eLa formule complète pour vos articulations\u003c\/span\u003e\n \u003cp class=\"cm-subtitle\"\u003eCollagène marin hydrolysé, curcuma BCM-95® \u0026amp; acide hyaluronique\u003c\/p\u003e\n \u003cp class=\"cm-description\"\u003eUne synergie ciblée pour soutenir votre mobilité, vos os et vos tissus conjonctifs au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eCollagène Mobility Humble+ : la formule complète pour vos articulations\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eAvec l'âge, la production naturelle de collagène ralentit dès 25-30 ans, ce qui peut se traduire par une perte de souplesse articulaire et une gêne au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"cm-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eCollagène Mobility™ d'Humble+\u003c\/strong\u003e a été formulé pour répondre spécifiquement à ces besoins. En associant du \u003cstrong\u003ecollagène marin hydrolysé breveté Naticol®\u003c\/strong\u003e, du curcuma BCM-95®, de l'acide hyaluronique, de la vitamine C et du cuivre, cette poudre à diluer offre une synergie ciblée pour soutenir vos articulations, vos os et vos tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePourquoi choisir un collagène marin pour les articulations ?\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eQuand on se demande quel collagène pour les articulations privilégier, le collagène marin fait figure de référence grâce à sa très bonne assimilation.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🧬 Naticol® x3Peptide\u003c\/h3\u003e\n \u003cp\u003eCollagène marin hydrolysé à un poids moléculaire moyen de \u003cstrong\u003e1200 Da\u003c\/strong\u003e, dont \u003cstrong\u003e25% de tripeptides purs\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌿 Curcuma BCM-95®\u003c\/h3\u003e\n \u003cp\u003eExtrait breveté documenté par plus de \u003cstrong\u003e92 publications scientifiques\u003c\/strong\u003e reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003eNaturellement présent dans le cartilage pour soutenir la souplesse articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e⚡ Vitamine C \u0026amp; Cuivre\u003c\/h3\u003e\n \u003cp\u003eVitamine C 80 mg (100 % des VNR) et cuivre 1 mg (100 % des VNR) par dose : ils contribuent à la formation normale de collagène et protègent les cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eLes bienfaits du Collagène Mobility\u003c\/h2\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🦴 Confort et mobilité articulaire\u003c\/h3\u003e\n \u003cp\u003eUne formule pensée pour soutenir la souplesse au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💪 Santé des os et du cartilage\u003c\/h3\u003e\n \u003cp\u003eGrâce au curcuma BCM-95®, qui contribue au maintien des articulations et des os.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🧬 Formation normale de collagène\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C contribue à la synthèse endogène du collagène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🛡️ Protection anti-oxydative\u003c\/h3\u003e\n \u003cp\u003eProtection contre le stress oxydatif assurée par la vitamine C et le cuivre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🔗 Tissus conjonctifs normaux\u003c\/h3\u003e\n \u003cp\u003eMaintien des tendons, ligaments et cartilage apporté par le cuivre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✨ Synergie complète\u003c\/h3\u003e\n \u003cp\u003e5 actifs complémentaires pour une action ciblée et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eAllégations sur le produit\u003c\/h2\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🦴 Curcuma\u003c\/h3\u003e\n \u003cp\u003eLe curcuma aide à maintenir la \u003cstrong\u003esanté des articulations et des os\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🔗 Cuivre\u003c\/h3\u003e\n \u003cp\u003eLe cuivre contribue au \u003cstrong\u003emaintien de tissus conjonctifs normaux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine C \u0026amp; Cuivre\u003c\/h3\u003e\n \u003cp\u003eContribuent à \u003cstrong\u003eprotéger les cellules contre le stress oxydatif\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🧬 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eContribue à la \u003cstrong\u003eformation normale de collagène\u003c\/strong\u003e pour assurer la fonction normale des os et des cartilages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComposition détaillée par dose (5,6 g)\u003c\/h2\u003e\n \u003cdiv class=\"cm-grid-compact cm-compo-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🐟 Collagène marin Naticol®\u003c\/h3\u003e\n \u003cp\u003e5 000 mg · x3Peptide 1200 Da, 25% de tripeptides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌿 Curcuma BCM-95®\u003c\/h3\u003e\n \u003cp\u003e160 mg d'extrait breveté (72 mg de curcuminoïdes)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n \u003cp\u003e100 mg · composant naturel du cartilage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003e80 mg (100 % des VNR) · synthèse du collagène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e⚙️ Cuivre\u003c\/h3\u003e \u003cp\u003e1 mg par dose (100 % des VNR), sous forme de bisglycinate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌱 Arôme naturel\u003c\/h3\u003e\n \u003cp\u003eSaveur orange délicate\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eFormat : \u003cstrong\u003epoudre de 340 g soit 60 doses\u003c\/strong\u003e pour une cure de 2 mois. Fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-accordion cm-compo-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eHydrolysat de collagène \u003cstrong\u003ePOISSON\u003c\/strong\u003e, extrait de rhizome de curcuma long (\u003cem\u003eCurcuma longa L.\u003c\/em\u003e) BCM-95®, acide hyaluronique, vitamine C, cuivre bisglycinate, arôme naturel d'orange et autres arômes naturels.\u003c\/p\u003e\n \u003cp class=\"cm-compo-note\"\u003eSans sucre ajouté, sans édulcorant, sans colorant, sans agent de charge, sans OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🐟\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAllergène :\u003c\/strong\u003e contient du poisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComment prendre le Collagène Mobility ?\u003c\/h2\u003e\n \u003cdiv class=\"cm-timeline\"\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 dose par jour\u003c\/strong\u003e (1 cuillère doseuse = 5,6 g).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eDiluez\u003c\/h3\u003e\n \u003cp\u003eDans un grand verre d'eau ou de jus de fruits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eConsommez\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin, avec ou sans repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003ePersévérez\u003c\/h3\u003e\n \u003cp\u003eComptez \u003cstrong\u003e8 à 12 semaines\u003c\/strong\u003e avant de ressentir les premiers bénéfices : la régularité est essentielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour un résultat optimal, associez votre cure à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e, une \u003cstrong\u003ebonne hydratation\u003c\/strong\u003e et une \u003cstrong\u003eactivité physique régulière\u003c\/strong\u003e et adaptée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eLe Collagène Mobility s'adresse aux adultes soucieux de préserver leur mobilité : sportifs, personnes de plus de 30 ans, ou toute personne ressentant une perte de souplesse articulaire.\u003c\/p\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eRéservé à l'adulte.\u003c\/strong\u003e Idéal pour les sportifs, les personnes de plus de 30 ans et toute personne souhaitant préserver son confort articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e⚠️ Dose et usage\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas dépasser la dose journalière recommandée.\u003c\/strong\u003e Les compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne pas être utilisés comme substituts d'un régime alimentaire varié et équilibré. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes ou allaitantes.\u003c\/strong\u003e L'emploi chez les personnes sous \u003cstrong\u003eanticoagulant, anticancéreux et immunosuppresseurs\u003c\/strong\u003e et souffrant de \u003cstrong\u003epathologies des voies biliaires\u003c\/strong\u003e est déconseillé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité, dans un endroit sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. En cas de doute, de pathologie ou de traitement en cours, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cm-cream: #fdf6ec;\n --cm-white: #ffffff;\n --cm-primary: #f4a825;\n --cm-primary-dark: #b8730d;\n --cm-primary-light: #fff3dc;\n --cm-secondary: #e88b1a;\n --cm-accent: #ffcf70;\n\n --cm-text: #2a1e0f;\n --cm-text-light: #6b5a45;\n\n --cm-border: #f0e4cf;\n --cm-shadow: 0 4px 24px rgba(184, 115, 13, .1);\n --cm-shadow-lg: 0 12px 48px rgba(184, 115, 13, .18);\n --cm-radius: 20px;\n --cm-radius-sm: 12px;\n}\n\n.cm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cm-text);\n line-height: 1.6;\n}\n\n.cm-premium p {\n color: var(--cm-text);\n}\n\n.cm-premium strong {\n color: var(--cm-primary-dark);\n font-weight: 700;\n}\n\n\/* HERO *\/\n.cm-hero {\n position: relative;\n background: linear-gradient(135deg, #f4a825 0%, #e88b1a 50%, #b8730d 100%);\n border-radius: var(--cm-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(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.cm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cm-hero-title {\n display: block;\n color: white;\n font-size: clamp(24px, 7vw, 44px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n line-height: 1.15;\n}\n\n.cm-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.cm-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n margin: 0;\n opacity: .9;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cm-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(--cm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.cm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n font-size: clamp(22px, 5vw, 34px);\n font-weight: 900;\n color: var(--cm-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.cm-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(--cm-primary), var(--cm-secondary));\n border-radius: 2px;\n}\n\n.cm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cm-highlight-box {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border-left: 4px solid var(--cm-primary);\n}\n\n.cm-highlight-box p {\n margin: 0;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.75;\n}\n\n\/* CARDS *\/\n.cm-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* GRIDS *\/\n.cm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cm-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.cm-grid-compact .cm-card {\n padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n font-size: 12px;\n}\n\n\/* TIMELINE *\/\n.cm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(244, 168, 37, .35);\n}\n\n.cm-timeline-content {\n flex: 1;\n background: var(--cm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cm-radius-sm);\n box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n font-size: 14px;\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* ACCORDION *\/\n.cm-accordion {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n box-shadow: var(--cm-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cm-accordion-item {\n border-bottom: 1px solid var(--cm-border);\n margin: 0;\n padding: 0;\n}\n\n.cm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cm-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.cm-accordion-header:hover {\n background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cm-primary);\n transition: transform .2s ease;\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n content: '−';\n}\n\n.cm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cm-accordion-content p {\n margin: 0;\n color: var(--cm-text-light);\n}\n\n\/* COMPOSITION *\/\n.cm-compo-accordion {\n margin-top: 1.5rem;\n}\n\n.cm-premium .cm-accordion-content p.cm-compo-note {\n margin-top: .75rem;\n font-size: 13px;\n}\n\n.cm-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.cm-premium table.cm-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--cm-text); word-break: normal; }\n.cm-premium table.cm-nutri th, .cm-premium table.cm-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--cm-border); padding: .55rem .75rem !important; box-shadow: none; vertical-align: middle; }\n.cm-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--cm-secondary); border-bottom: 2px solid var(--cm-primary) !important; }\n.cm-nutri tbody tr:last-child td { border-bottom: none; }\n.cm-nutri tbody tr:nth-child(even) td { background: var(--cm-primary-light); }\n.cm-nutri th:not(:first-child), .cm-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.cm-nutri td:last-child { font-weight: 700; color: var(--cm-primary-dark); }\n.cm-nutri-sub { display: block; font-size: 12px; color: var(--cm-text-light); }\n.cm-nowrap { white-space: nowrap; }\n@media (max-width: 767px) {\n .cm-premium table.cm-nutri { font-size: 13px; }\n .cm-premium table.cm-nutri th, .cm-premium table.cm-nutri td { padding: .5rem .45rem !important; }\n .cm-nutri th { font-size: 11px; letter-spacing: .02em; }\n}\n\n\/* TIP *\/\n.cm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cm-primary-light);\n border-radius: var(--cm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.cm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.cm-tip p {\n font-size: 14px;\n color: var(--cm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cm-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .cm-grid-compact .cm-card {\n padding: .75rem;\n }\n \n .cm-card {\n padding: 1.125rem;\n }\n \n .cm-section {\n margin-bottom: 1.75rem;\n }\n \n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n \n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .cm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .cm-timeline-content h3 {\n font-size: 14px;\n }\n \n .cm-timeline-content p {\n font-size: 13px;\n }\n \n .cm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .cm-card {\n animation: cmFadeInUp .5s ease backwards;\n }\n .cm-card:nth-child(1) { animation-delay: .05s; }\n .cm-card:nth-child(2) { animation-delay: .1s; }\n .cm-card:nth-child(3) { animation-delay: .15s; }\n .cm-card:nth-child(4) { animation-delay: .2s; }\n .cm-card:nth-child(5) { animation-delay: .25s; }\n .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n.cm-premium .cm-accordion-header { gap: .75rem; } .cm-premium .cm-accordion-header::after { flex-shrink: 0; }\n\n@media (min-width: 768px) { .cm-premium .cm-grid-compact .cm-card p { font-size: 14px; } .cm-premium .cm-grid-compact .cm-card h3 { font-size: 16px; } }\n\n@media (min-width: 768px) { .cm-premium .cm-compo-grid { max-width: 800px; margin-left: auto; margin-right: auto; grid-template-columns: repeat(3, 1fr); } }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":64315522515321,"sku":"1MOBILITY","price":76.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-mobility-60-doses-humble-packshothd.webp?v=1789637105"},{"product_id":"creatine-glow-300-gelules-humble","title":"Créatine Glow AGE-WELL - 300 gélules - Humble +","description":"\u003cdiv class=\"cg-premium\"\u003e\n\u003cdiv class=\"cg-hero\"\u003e\n\u003cdiv class=\"cg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cg-hero-content\"\u003e\n\u003cdiv class=\"cg-badges-top\"\u003e\n\u003cspan class=\"cg-badge\"\u003e💪 3 g de créatine \/ jour\u003c\/span\u003e \u003cspan class=\"cg-badge\"\u003e⚡ Vitamines B6 \u0026amp; B12\u003c\/span\u003e \u003cspan class=\"cg-badge\"\u003e🌸 Soutien hormonal\u003c\/span\u003e \u003cspan class=\"cg-badge\"\u003e🌱 300 gélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cg-hero-title\"\u003eLa créatine pensée pour les femmes actives\u003c\/span\u003e\n\u003cp class=\"cg-subtitle\"\u003eCréatine monohydrate Age-Well® + Vitamines B6 \u0026amp; B12\u003c\/p\u003e\n\u003cp class=\"cg-description\"\u003e3 g de créatine par jour dans un format pratique de 5 gélules végétales, enrichi en vitamines B6 et B12 pour accompagner les performances physiques, l'énergie et le quotidien des femmes actives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eCréatine Glow d'Humble+ : la créatine en gélules pensée pour les femmes actives\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eVous cherchez un complément alimentaire à base de \u003cstrong\u003ecréatine en gélules\u003c\/strong\u003e pratique et facile à intégrer à votre quotidien ? La \u003cstrong\u003eCréatine Glow d'Humble+\u003c\/strong\u003e associe de la créatine monohydrate Age-Well® à des vitamines B6 et B12. Chaque dose journalière de 5 gélules apporte \u003cstrong\u003e3 g de créatine\u003c\/strong\u003e, dans un format sans préparation et sans le goût de la poudre.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003ePourquoi choisir la créatine en gélules plutôt qu'en poudre ?\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eLa question \u003cstrong\u003ecréatine gélule ou poudre\u003c\/strong\u003e revient souvent. Les deux formats permettent d'apporter de la créatine, mais la \u003cstrong\u003ecréatine monohydrate en gélules\u003c\/strong\u003e offre surtout un avantage pratique au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"cg-grid\"\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🎒 Pratique au quotidien\u003c\/h3\u003e\n\u003cp\u003ePas de shaker ni de dosette : les gélules s'emportent facilement au travail, à la salle de sport ou en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🎯 Dosage précis\u003c\/h3\u003e\n\u003cp\u003e5 gélules correspondent à la dose journalière recommandée et apportent 3 g de créatine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e😋 Sans goût de poudre\u003c\/h3\u003e\n\u003cp\u003eUn format intéressant si vous n'appréciez pas le goût ou la texture des préparations à base de créatine en poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n\u003cp\u003eUn format simple à avaler et facile à intégrer à votre routine quotidienne, sans préparation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-tip\"\u003e\n\u003cspan class=\"cg-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLe format en gélules permet de profiter d'une dose précise de \u003cstrong\u003ecréatine monohydrate\u003c\/strong\u003e sans avoir à mesurer ni mélanger de poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eComposition de la Créatine Glow\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eChaque pot contient \u003cstrong\u003e300 gélules végétales\u003c\/strong\u003e, soit 60 portions de 5 gélules et environ \u003cstrong\u003e2 mois d'utilisation\u003c\/strong\u003e à la dose journalière recommandée.\u003c\/p\u003e\n\u003cdiv class=\"cg-grid\"\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e💪 Créatine monohydrate Age-Well®\u003c\/h3\u003e\n\u003cp\u003eChaque dose journalière apporte 3 g de créatine. La créatine améliore les capacités physiques lors de séries successives d'exercices très intenses de courte durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🌸 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003eContribue à la régulation de l'activité hormonale, à la réduction de la fatigue et à un métabolisme énergétique normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e⚡ Vitamine B12\u003c\/h3\u003e\n\u003cp\u003eContribue à réduire la fatigue et participe au fonctionnement normal du métabolisme énergétique et du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-tip\"\u003e\n\u003cspan class=\"cg-tip-icon\"\u003e🔍\u003c\/span\u003e\n\u003cp\u003eUne formule associant \u003cstrong\u003ecréatine monohydrate, vitamine B6 et vitamine B12\u003c\/strong\u003e dans un format de gélules végétales pratique au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-accordion cg-compo\"\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e📊 Quantités par dose (5 gélules)\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cdiv class=\"cg-nutri-wrap\"\u003e\n\u003ctable class=\"cg-nutri\"\u003e\n\u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eActif\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eCréatine\u003cspan class=\"cg-nutri-form\"\u003emonohydrate Age-Well®\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e3 g\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVitamine B6\u003cspan class=\"cg-nutri-form\"\u003epyridoxal-5'-phosphate\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e1,4 mg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVitamine B12\u003cspan class=\"cg-nutri-form\"\u003eméthylcobalamine\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd\u003e2,5 µg\u003c\/td\u003e\n\u003ctd\u003e100 %\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"cg-nutri-note\"\u003eDose journalière de 5 gélules : 3,4 g.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003eCréatine monohydrate Age-Well®, vitamine B6 (pyridoxal 5'-phosphate), vitamine B12 (méthylcobalamine), gélule végétale (agent d'enrobage : HPMC), amidon de riz, Nutralub™ (extrait de noix de coco, maltodextrine).\u003c\/p\u003e\n\u003cp class=\"cg-nutri-note\"\u003eSans arôme, sans édulcorant, sans sucre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cg-disclaimer\"\u003e* VNR : valeurs nutritionnelles de référence pour un adulte.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eLes bienfaits de la Créatine Glow au quotidien\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eLa Créatine Glow associe une dose journalière de \u003cstrong\u003e3 g de créatine\u003c\/strong\u003e à des vitamines B6 et B12 pour accompagner les femmes actives dans leur routine quotidienne et sportive.\u003c\/p\u003e\n\u003cdiv class=\"cg-grid-compact\"\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e💪 Performances physiques\u003c\/h3\u003e\n\u003cp\u003eLa consommation quotidienne de 3 g de créatine améliore les capacités physiques lors de séries successives d'exercices très intenses de courte durée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e⚡ Énergie \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eLes vitamines B6 et B12 contribuent à un métabolisme énergétique normal et à réduire la fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🌸 Activité hormonale\u003c\/h3\u003e\n\u003cp\u003eLa vitamine B6 contribue à la régulation de l'activité hormonale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eLes vitamines B6 et B12 contribuent au fonctionnement normal du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-tip\"\u003e\n\u003cspan class=\"cg-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLa Créatine Glow s'intègre dans une routine quotidienne associant une alimentation variée, un mode de vie sain et, selon vos objectifs, une activité physique régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003eComment prendre la Créatine Glow ?\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eHumble+ recommande une prise quotidienne de \u003cstrong\u003e5 gélules\u003c\/strong\u003e, correspondant à \u003cstrong\u003e3 g de créatine\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"cg-timeline\"\u003e\n\u003cdiv class=\"cg-timeline-item\"\u003e\n\u003cdiv class=\"cg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-content\"\u003e\n\u003ch3\u003e5 gélules par jour\u003c\/h3\u003e\n\u003cp\u003eÀ avaler avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-item\"\u003e\n\u003cdiv class=\"cg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-content\"\u003e\n\u003ch3\u003eDe préférence le matin ou le midi\u003c\/h3\u003e\n\u003cp\u003eIntégrez les 5 gélules à votre routine, par exemple au petit-déjeuner ou au déjeuner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-item\"\u003e\n\u003cdiv class=\"cg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cg-timeline-content\"\u003e\n\u003ch3\u003eUne prise régulière\u003c\/h3\u003e\n\u003cp\u003eLa régularité quotidienne est importante pour maintenir un apport constant en créatine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cg-tip\"\u003e\n\u003cspan class=\"cg-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCréatine avant ou après le sport ?\u003c\/strong\u003e L'essentiel est avant tout de la consommer régulièrement chaque jour. Choisissez un moment facile à conserver dans votre routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\"\u003e\n\u003ch2\u003ePour qui est faite la Créatine Glow ?\u003c\/h2\u003e\n\u003cp class=\"cg-section-intro\"\u003eLa Créatine Glow a été spécifiquement formulée pour les \u003cstrong\u003efemmes actives, sportives ou non\u003c\/strong\u003e, qui souhaitent intégrer facilement la créatine à leur quotidien tout en bénéficiant d'un apport complémentaire en vitamines B6 et B12.\u003c\/p\u003e\n\u003cdiv class=\"cg-testimonial\"\u003e\n\u003cp class=\"cg-testimonial-text\"\u003e\"Un format pratique pour celles qui souhaitent profiter de 3 g de créatine par jour sans shaker, sans dosage et sans le goût de la poudre.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cg-accordion\"\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e⚠️ Dosage recommandé\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée de 5 gélules. Les compléments alimentaires ne doivent pas être utilisés comme substituts d'une alimentation variée et équilibrée et d'un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e🚫 Public déconseillé\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes ainsi qu'aux enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cg-accordion-item\"\u003e\n\u003csummary class=\"cg-accordion-header\"\u003e👩‍⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"cg-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical, de pathologie ou de doute sur l'utilisation de ce complément alimentaire, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cg-disclaimer\"\u003eComplément alimentaire — À conserver hors de portée des jeunes enfants, dans un endroit sec et à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cg-cream: #faf5f2;\n --cg-white: #ffffff;\n --cg-primary: #a86475;\n --cg-primary-dark: #7d4757;\n --cg-primary-light: #f3e3e6;\n --cg-secondary: #d4a5a5;\n --cg-accent: #e8b89a;\n --cg-text: #2a1f22;\n --cg-text-light: #6b5a5e;\n --cg-border: #e8dcdc;\n --cg-shadow: 0 4px 24px rgba(126,71,87,.08);\n --cg-shadow-lg: 0 12px 48px rgba(126,71,87,.18);\n --cg-radius: 20px;\n --cg-radius-sm: 12px;\n}\n\n.cg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cg-text);\n}\n\n.cg-hero {\n position: relative;\n background: linear-gradient(135deg, #a86475 0%, #7d4757 55%, #d4a5a5 100%);\n border-radius: var(--cg-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(--cg-shadow-lg);\n}\n\n.cg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.cg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cg-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 line-height: 1.15;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cg-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.6;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.cg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cg-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(--cg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n line-height: 1.25;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cg-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(--cg-primary), var(--cg-secondary));\n border-radius: 2px;\n}\n\n.cg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cg-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cg-section-intro strong {\n color: var(--cg-primary-dark);\n}\n\n.cg-card {\n background: var(--cg-white);\n border-radius: var(--cg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cg-shadow-lg);\n border-color: var(--cg-primary);\n}\n\n.cg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cg-grid-compact .cg-card {\n padding: 1rem;\n}\n\n.cg-grid-compact .cg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cg-grid-compact .cg-card p {\n font-size: 12px;\n}\n\n.cg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cg-primary), var(--cg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(168,100,117,.3);\n}\n\n.cg-timeline-content {\n flex: 1;\n background: var(--cg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cg-radius-sm);\n box-shadow: var(--cg-shadow);\n}\n\n.cg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cg-timeline-content p {\n font-size: 14px;\n color: var(--cg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cg-testimonial {\n background: var(--cg-white);\n border-radius: var(--cg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cg-shadow);\n border-left: 4px solid var(--cg-primary);\n}\n\n.cg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cg-accordion {\n background: var(--cg-white);\n border-radius: var(--cg-radius);\n box-shadow: var(--cg-shadow);\n overflow: hidden;\n}\n\n.cg-accordion-item {\n border-bottom: 1px solid var(--cg-border);\n margin: 0;\n padding: 0;\n}\n\n.cg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cg-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.cg-accordion-header:hover {\n background: var(--cg-primary-light);\n}\n\n.cg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cg-primary);\n transition: transform .2s ease;\n}\n\n.cg-accordion-item[open] .cg-accordion-header::after {\n content: '−';\n}\n\n.cg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cg-accordion-content p {\n margin: 0;\n}\n\n.cg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cg-primary-light);\n border-radius: var(--cg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cg-tip p {\n font-size: 14px;\n color: var(--cg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cg-tip p strong {\n color: var(--cg-primary-dark);\n}\n\n.cg-disclaimer {\n font-size: 12px;\n color: var(--cg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.cg-compo {\n margin-top: 1.25rem;\n}\n\n.cg-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n.cg-premium table.cg-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--cg-text); word-break: normal; }\n.cg-premium table.cg-nutri th, .cg-premium table.cg-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--cg-border); padding: .55rem .75rem !important; box-shadow: none; }\n.cg-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--cg-text-light); border-bottom: 2px solid var(--cg-primary); }\n.cg-premium table.cg-nutri th { border-bottom: 2px solid var(--cg-primary); }\n.cg-nutri tbody tr:last-child td { border-bottom: none; }\n.cg-nutri tbody tr:nth-child(even) td { background: var(--cg-primary-light); }\n.cg-nutri th:not(:first-child), .cg-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n.cg-nutri td:last-child { font-weight: 700; color: var(--cg-primary-dark); }\n.cg-nutri-form { display: block; font-size: 12px; color: var(--cg-text-light); white-space: nowrap; }\n.cg-accordion-content .cg-nutri-note { margin-top: .75rem; font-style: italic; }\n.cg-nutri-wrap + .cg-nutri-note { max-width: 720px; margin-left: auto; margin-right: auto; }\n@media (max-width: 767px) { .cg-premium table.cg-nutri { font-size: 13px; } .cg-premium table.cg-nutri th, .cg-premium table.cg-nutri td { padding-left: .4rem !important; padding-right: .4rem !important; } }\n\n@media (max-width: 767px) {\n .cg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cg-card {\n padding: 1.125rem;\n }\n .cg-section {\n margin-bottom: 1.75rem;\n }\n .cg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cg-radius-sm);\n }\n .cg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cg-grid-compact {\n gap: .625rem;\n }\n .cg-grid-compact .cg-card {\n padding: .75rem;\n }\n .cg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cg-timeline-content {\n padding: .875rem 1rem;\n }\n .cg-timeline-content h3 {\n font-size: 14px;\n }\n .cg-timeline-content p {\n font-size: 13px;\n }\n .cg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cg-testimonial {\n padding: 1.25rem;\n }\n .cg-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cg-card {\n animation: cgFadeInUp .5s ease backwards;\n }\n .cg-card:nth-child(1) { animation-delay: .05s; }\n .cg-card:nth-child(2) { animation-delay: .1s; }\n .cg-card:nth-child(3) { animation-delay: .15s; }\n .cg-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes cgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n @media (max-width: 767px) { .cg-premium table.cg-nutri th, .cg-premium table.cg-nutri td { padding: .5rem .4rem !important; } .cg-premium table.cg-nutri th { letter-spacing: 0; } }\n\n.cg-premium .cg-accordion-header { gap: .75rem; } .cg-premium .cg-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":64620825346425,"sku":"CREATINEGLOWGELULES","price":31.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creatine-glow-gelule-300-gelules-humble-packshothd.webp?v=1789642437"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/logo-humble.webp?v=1790073168","url":"https:\/\/www.naturellement-bio.com\/collections\/humble.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}