{"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 \u003ch2\u003eIngrédients \u0026amp; allergènes\u003c\/h2\u003e \u003cp class=\"hum-section-intro\"\u003e Une barre protéinée saveur Brownie, avec protéines de lait, peptides de collagène, cacao, fibres et édulcorants. \u003c\/p\u003e \u003cdiv class=\"hum-tip\"\u003e \u003cspan class=\"hum-tip-icon\"\u003eℹ️\u003c\/span\u003e \u003cp\u003e \u003cstrong\u003eIngrédients saveur Brownie :\u003c\/strong\u003e protéines de lait, é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, lait en poudre, masse de cacao, poudre de cacao traitée à l’alcali, arôme naturel, émulsifiant (lécithine de tournesol), beurre concentré (lait), sel, édulcorants (glycosides de stéviol produits par voie enzymatique, sucralose), épaississant (pectine). \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"hum-tip\"\u003e \u003cspan class=\"hum-tip-icon\"\u003e⚠️\u003c\/span\u003e \u003cp\u003e \u003cstrong\u003eAllergènes :\u003c\/strong\u003e contient du lait. Peut contenir des traces d’arachides, de fruits à coque, d’œufs et de soja. \u003c\/p\u003e \u003c\/div\u003e \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\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":57378722480505,"sku":"BARREBROWNIEHUMBLE","price":2.99,"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","url":"https:\/\/www.naturellement-bio.com\/products\/barre-proteines-brownie-humble","provider":"Naturellement Bio","version":"1.0","type":"link"}