{"product_id":"proteine-ressource-saveur-chocolat-humble","title":"Protéine Ressource - Saveur Chocolat - Humble+","description":"\u003cdiv class=\"hpr-premium\"\u003e\n  \u003cdiv class=\"hpr-hero\"\u003e\n    \u003cdiv class=\"hpr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hpr-hero-content\"\u003e\n      \u003cdiv class=\"hpr-badges-top\"\u003e\n        \u003cspan class=\"hpr-badge\"\u003e🥛 Whey française\u003c\/span\u003e\n        \u003cspan class=\"hpr-badge\"\u003e🏔️ Lait des Alpes\u003c\/span\u003e\n        \u003cspan class=\"hpr-badge\"\u003e🍫 Cacao durable\u003c\/span\u003e\n        \u003cspan class=\"hpr-badge\"\u003e💪 20 g de protéines\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hpr-hero-title\"\u003eLa whey française des Alpes, simple et traçable\u003c\/span\u003e\n      \u003cp class=\"hpr-subtitle\"\u003eProtéine Ressource™ saveur chocolat par Humble+\u003c\/p\u003e\n      \u003cp class=\"hpr-description\"\u003eUne protéine en poudre formulée à partir de concentré de protéines de lactosérum issu du lait de vaches élevées en pâturage dans les Alpes françaises, avec une saveur chocolat obtenue grâce à du cacao torréfié durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hpr-section\"\u003e\n    \u003ch2\u003eProtéine Ressource™ Chocolat Humble+ : la whey française des Alpes\u003c\/h2\u003e\n    \u003cp class=\"hpr-section-intro\"\u003eLa \u003cstrong\u003eProtéine Ressource™ saveur chocolat\u003c\/strong\u003e de Humble+ est formulée à partir de \u003cstrong\u003econcentré de protéines de lactosérum d'origine française\u003c\/strong\u003e. Le lait provient de vaches élevées en pâturage dans les Alpes françaises, avec une traçabilité assurée de l'élevage jusqu'au sachet. Chaque portion de 30 g apporte \u003cstrong\u003e20 g de protéines\u003c\/strong\u003e, dans une recette courte, gourmande et sans arôme artificiel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hpr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette whey au chocolat ?\u003c\/h2\u003e\n    \u003cp class=\"hpr-section-intro\"\u003eUne whey concentrée pensée pour apporter une source de protéines simple, savoureuse et facilement intégrable au quotidien.\u003c\/p\u003e\n\n    \u003cdiv class=\"hpr-grid\"\u003e\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🥛 Whey concentrée\u003c\/h3\u003e\n        \u003cp\u003eUne protéine de lactosérum concentrée, forme peu transformée qui conserve naturellement une petite quantité de glucides et de matières grasses issus du lait.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🏔️ Lait des Alpes françaises\u003c\/h3\u003e\n        \u003cp\u003eLa whey est issue du lait de vaches élevées en pâturage dans les Alpes françaises, avec une origine clairement identifiée.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e💪 20 g de protéines\u003c\/h3\u003e\n        \u003cp\u003eUne portion de 30 g apporte 20 g de protéines, qui contribuent au maintien et au développement de la masse musculaire ainsi qu'au maintien d'une ossature normale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hpr-tip\"\u003e\n      \u003cspan class=\"hpr-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCette protéine ne s'adresse pas uniquement aux sportifs. Elle permet également de compléter facilement les apports protéiques des personnes actives ou de celles dont les repas sont parfois pauvres en protéines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hpr-section\"\u003e\n    \u003ch2\u003eUne formule courte et transparente\u003c\/h2\u003e\n    \u003cp class=\"hpr-section-intro\"\u003eLa recette repose principalement sur du concentré de protéines de lactosérum, accompagné de quelques ingrédients destinés à apporter une saveur chocolat agréable.\u003c\/p\u003e\n\n    \u003cdiv class=\"hpr-grid\"\u003e\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🥛 87,35 % de whey concentrée\u003c\/h3\u003e\n        \u003cp\u003eConcentré de protéines de lactosérum issu du lait, d'origine française.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🍫 Cacao torréfié durable\u003c\/h3\u003e\n        \u003cp\u003eUne poudre de cacao sélectionnée pour apporter une saveur chocolatée et gourmande.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🌾 Sucre blond\u003c\/h3\u003e\n        \u003cp\u003ePrésent en quantité mesurée afin d'équilibrer l'amertume naturelle du cacao.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🌿 Arômes naturels\u003c\/h3\u003e\n        \u003cp\u003eLa formule ne contient pas d'arôme artificiel ni d'excipient superflu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hpr-section\"\u003e\n    \u003ch2\u003eValeurs nutritionnelles pour une portion de 30 g\u003c\/h2\u003e\n    \u003cp class=\"hpr-section-intro\"\u003eUne portion correspond à deux dosettes de poudre.\u003c\/p\u003e\n\n    \u003cdiv class=\"hpr-grid-compact\"\u003e\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e⚡ 108 kcal\u003c\/h3\u003e\n        \u003cp\u003e458 kJ d'énergie\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e💪 20 g\u003c\/h3\u003e\n        \u003cp\u003eProtéines\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🌾 5 g\u003c\/h3\u003e\n        \u003cp\u003eGlucides, dont 2,9 g de sucres\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🥄 0,9 g\u003c\/h3\u003e\n        \u003cp\u003eMatières grasses, dont 0,6 g d'acides gras saturés\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🌱 0,5 g\u003c\/h3\u003e\n        \u003cp\u003eFibres alimentaires\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🧂 0,14 g\u003c\/h3\u003e\n        \u003cp\u003eSel\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hpr-section\"\u003e\n    \u003ch2\u003eComment utiliser la Protéine Ressource™ ?\u003c\/h2\u003e\n\n    \u003cdiv class=\"hpr-timeline\"\u003e\n      \u003cdiv class=\"hpr-timeline-item\"\u003e\n        \u003cdiv class=\"hpr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hpr-timeline-content\"\u003e\n          \u003ch3\u003eDosez\u003c\/h3\u003e\n          \u003cp\u003ePrélevez une portion de 30 g, soit deux dosettes de poudre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-timeline-item\"\u003e\n        \u003cdiv class=\"hpr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hpr-timeline-content\"\u003e\n          \u003ch3\u003eAjoutez le liquide\u003c\/h3\u003e\n          \u003cp\u003eVersez la poudre dans 200 ml d'eau, de lait ou de la boisson de votre choix.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-timeline-item\"\u003e\n        \u003cdiv class=\"hpr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hpr-timeline-content\"\u003e\n          \u003ch3\u003eMélangez\u003c\/h3\u003e\n          \u003cp\u003eUtilisez un shaker ou un fouet électrique pour obtenir une texture homogène.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-timeline-item\"\u003e\n        \u003cdiv class=\"hpr-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hpr-timeline-content\"\u003e\n          \u003ch3\u003eConsommez régulièrement\u003c\/h3\u003e\n          \u003cp\u003eLa portion peut être consommée après l'effort ou en complément d'un repas naturellement pauvre en protéines.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"hpr-tip\"\u003e\n      \u003cspan class=\"hpr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eÀ quel moment la prendre ?\u003c\/strong\u003e La whey peut être consommée après une séance de sport, au petit-déjeuner ou en collation. L'essentiel est de l'intégrer à vos apports protéiques quotidiens en fonction de votre alimentation et de vos besoins.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hpr-section\"\u003e\n    \u003ch2\u003eFormat et caractéristiques\u003c\/h2\u003e\n\n    \u003cdiv class=\"hpr-grid-compact\"\u003e\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e📦 750 g\u003c\/h3\u003e\n        \u003cp\u003eUn sachet de protéine en poudre\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🥤 25 portions\u003c\/h3\u003e\n        \u003cp\u003e25 portions de 30 g\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e♻️ Sachet recyclable\u003c\/h3\u003e\n        \u003cp\u003eUn conditionnement pratique à refermer après utilisation\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine française\u003c\/h3\u003e\n        \u003cp\u003eWhey issue du lait de vaches des Alpes françaises\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hpr-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette protéine ?\u003c\/h2\u003e\n\n    \u003cdiv class=\"hpr-grid\"\u003e\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n        \u003cp\u003ePour compléter les apports en protéines autour de l'entraînement et accompagner le maintien ou le développement de la masse musculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e⚡ Personnes actives\u003c\/h3\u003e\n        \u003cp\u003ePour augmenter simplement les apports protéiques dans le cadre d'une alimentation variée.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hpr-card\"\u003e\n        \u003ch3\u003e🥣 Petit-déjeuner et collation\u003c\/h3\u003e\n        \u003cp\u003eÀ déguster en boisson ou à incorporer dans un porridge, un smoothie ou une recette protéinée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hpr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eInformations importantes\u003c\/h2\u003e\n\n    \u003cdiv class=\"hpr-accordion\"\u003e\n      \u003cdetails class=\"hpr-accordion-item\"\u003e\n        \u003csummary class=\"hpr-accordion-header\"\u003e⚠️ Allergène\u003c\/summary\u003e\n        \u003cdiv class=\"hpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit contient du \u003cstrong\u003elait\u003c\/strong\u003e. Il ne convient pas aux personnes allergiques aux protéines de lait.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"hpr-accordion-item\"\u003e\n        \u003csummary class=\"hpr-accordion-header\"\u003e🥄 Portion conseillée\u003c\/summary\u003e\n        \u003cdiv class=\"hpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eUne portion correspond à 30 g de poudre, soit deux dosettes, à mélanger dans 200 ml de liquide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"hpr-accordion-item\"\u003e\n        \u003csummary class=\"hpr-accordion-header\"\u003e🥛 Présence naturelle de lactose\u003c\/summary\u003e\n        \u003cdiv class=\"hpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCette formule utilise une whey concentrée issue du lait. Elle peut donc contenir naturellement du lactose et ne doit pas être confondue avec un isolat de whey.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"hpr-accordion-item\"\u003e\n        \u003csummary class=\"hpr-accordion-header\"\u003e🍽️ Alimentation équilibrée\u003c\/summary\u003e\n        \u003cdiv class=\"hpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCette protéine en poudre est destinée à compléter les apports alimentaires. Elle ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hpr-cream: #f5f1ea;\n  --hpr-white: #ffffff;\n  --hpr-primary: #5c3a24;\n  --hpr-primary-dark: #3a2416;\n  --hpr-primary-light: #f0e6dc;\n  --hpr-secondary: #a67856;\n  --hpr-accent: #d4a373;\n  --hpr-text: #2b1e14;\n  --hpr-text-light: #6b5b4d;\n  --hpr-border: #e0d6c8;\n  --hpr-shadow: 0 4px 24px rgba(60, 36, 22, .08);\n  --hpr-shadow-lg: 0 12px 48px rgba(60, 36, 22, .18);\n  --hpr-radius: 20px;\n  --hpr-radius-sm: 12px;\n}\n\n.hpr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hpr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--hpr-text);\n  line-height: 1.6;\n}\n\n.hpr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3a2416 0%, #5c3a24 50%, #a67856 100%);\n  border-radius: var(--hpr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--hpr-shadow-lg);\n}\n\n.hpr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(212, 163, 115, .2) 0%, transparent 45%);\n  opacity: .6;\n}\n\n.hpr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hpr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(22px, 7vw, 42px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.3);\n  line-height: 1.1;\n}\n\n.hpr-subtitle {\n  color: var(--hpr-accent);\n  font-size: clamp(15px, 2.8vw, 19px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  letter-spacing: .01em;\n}\n\n.hpr-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.hpr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.hpr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--hpr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.hpr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hpr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hpr-premium h2 {\n  font-size: clamp(22px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--hpr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.hpr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--hpr-primary), var(--hpr-accent));\n  border-radius: 2px;\n}\n\n.hpr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hpr-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.hpr-section-intro strong {\n  color: var(--hpr-primary-dark);\n  font-weight: 700;\n}\n\n.hpr-card {\n  background: var(--hpr-white);\n  border-radius: var(--hpr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hpr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hpr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hpr-shadow-lg);\n  border-color: var(--hpr-accent);\n}\n\n.hpr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hpr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hpr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hpr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hpr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hpr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.hpr-grid-compact .hpr-card {\n  padding: 1.25rem 1rem;\n}\n\n.hpr-grid-compact .hpr-card h3 {\n  font-size: 17px;\n  margin-bottom: .35rem;\n  color: var(--hpr-primary);\n}\n\n.hpr-grid-compact .hpr-card p {\n  font-size: 13px;\n}\n\n.hpr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.hpr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hpr-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--hpr-primary), var(--hpr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 17px;\n  box-shadow: 0 4px 12px rgba(92, 58, 36, .3);\n}\n\n.hpr-timeline-content {\n  flex: 1;\n  background: var(--hpr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hpr-radius-sm);\n  box-shadow: var(--hpr-shadow);\n}\n\n.hpr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hpr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hpr-timeline-content p {\n  font-size: 14px;\n  color: var(--hpr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.hpr-accordion {\n  background: var(--hpr-white);\n  border-radius: var(--hpr-radius);\n  box-shadow: var(--hpr-shadow);\n  overflow: hidden;\n}\n\n.hpr-accordion-item {\n  border-bottom: 1px solid var(--hpr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hpr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hpr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hpr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.hpr-accordion-header:hover {\n  background: var(--hpr-primary-light);\n}\n\n.hpr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hpr-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--hpr-primary);\n  transition: transform .2s ease;\n}\n\n.hpr-accordion-item[open] .hpr-accordion-header::after {\n  content: '−';\n}\n\n.hpr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hpr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hpr-accordion-content p {\n  margin: 0;\n}\n\n.hpr-accordion-content strong {\n  color: var(--hpr-primary-dark);\n}\n\n.hpr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hpr-primary-light);\n  border-radius: var(--hpr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--hpr-accent);\n}\n\n.hpr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.hpr-tip p {\n  font-size: 14px;\n  color: var(--hpr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hpr-tip p strong {\n  color: var(--hpr-primary-dark);\n}\n\n@media (max-width: 767px) {\n  .hpr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .hpr-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n\n  .hpr-grid-compact .hpr-card {\n    padding: .875rem .75rem;\n  }\n\n  .hpr-grid-compact .hpr-card h3 {\n    font-size: 15px;\n  }\n\n  .hpr-grid-compact .hpr-card p {\n    font-size: 12px;\n  }\n\n  .hpr-card {\n    padding: 1.125rem;\n  }\n\n  .hpr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .hpr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hpr-radius-sm);\n  }\n\n  .hpr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .hpr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .hpr-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 14px;\n  }\n\n  .hpr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .hpr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .hpr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .hpr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .hpr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .hpr-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hpr-card:nth-child(1) { animation-delay: .05s; }\n  .hpr-card:nth-child(2) { animation-delay: .1s; }\n  .hpr-card:nth-child(3) { animation-delay: .15s; }\n  .hpr-card:nth-child(4) { animation-delay: .2s; }\n  .hpr-card:nth-child(5) { animation-delay: .25s; }\n  .hpr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hpr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":64096889373049,"sku":"PROTCHOCOHUMBLE","price":49.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.webp?v=1785323687","url":"https:\/\/www.naturellement-bio.com\/products\/proteine-ressource-saveur-chocolat-humble","provider":"Naturellement Bio","version":"1.0","type":"link"}