{"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📏 46g 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 46 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⚖️ 46 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\"\u003eLa transparence avant tout : découvrez la composition complète de votre barre protéinée cacahuète.\u003c\/p\u003e\n    \u003cdiv class=\"hp-accordion\"\u003e\n      \u003cdetails class=\"hp-accordion-item\" open\u003e\n        \u003csummary class=\"hp-accordion-header\"\u003e🥜 Liste des ingrédients (saveur Cacahuète)\u003c\/summary\u003e\n        \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n          \u003cp\u003eProtéines de lait, humectant (glycérol végétal), édulcorant (maltitol), huiles végétales (karité, illipé, tournesol, noix de coco), arachides grillées (11%), peptides de collagène, eau, lait en poudre, fibres de maïs solubles, inuline (racine de chicorée), masse de cacao, farine d'arachide (1%), arôme naturel, émulsifiant (lécithine de tournesol), beurre concentré (lait), sel, épaississant (pectine), édulcorants (glycosides de stéviol produits par voie enzymatique, sucralose).\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⚠️ Allergènes\u003c\/summary\u003e\n        \u003cdiv class=\"hp-accordion-content mt-3\"\u003e\n          \u003cp\u003eContient des \u003cstrong\u003earachides\u003c\/strong\u003e et du \u003cstrong\u003elait\u003c\/strong\u003e. Peut contenir des traces d'autres \u003cstrong\u003efruits à coque\u003c\/strong\u003e, d'\u003cstrong\u003eœufs\u003c\/strong\u003e et de \u003cstrong\u003esoja\u003c\/strong\u003e.\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          \u003cp\u003ePour les valeurs nutritionnelles détaillées par barre (énergie, protéines, glucides, sucres, lipides, fibres, sel), reportez-vous à l'emballage du produit. Chaque barre apporte notamment \u003cstrong\u003e15 g de protéines\u003c\/strong\u003e pour un format de 46 g.\u003c\/p\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\" open\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\u003eCe produit est un complément alimentaire : il \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\"\u003eComplément alimentaire à 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\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":63805327671673,"sku":"BARREPROTEINEESCACAHUETE","price":2.99,"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","url":"https:\/\/www.naturellement-bio.com\/products\/barre-proteinees-cacahuete-humble","provider":"Naturellement Bio","version":"1.0","type":"link"}