{"product_id":"barre-collagene","title":"Barre Protéines Collagène - Amande et Sel Marin - Humble","description":"\u003cdiv class=\"hum-premium\"\u003e\n  \u003cdiv class=\"hum-hero\"\u003e\n    \u003cdiv class=\"hum-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hum-hero-content\"\u003e\n      \u003cdiv class=\"hum-badges-top\"\u003e\n        \u003cspan class=\"hum-badge\"\u003e🌾 Nutri-Score A\u003c\/span\u003e\n        \u003cspan class=\"hum-badge\"\u003e💪 12g de protéines\u003c\/span\u003e\n        \u003cspan class=\"hum-badge\"\u003e✨ 5g de collagène\u003c\/span\u003e\n        \u003cspan class=\"hum-badge\"\u003e🌍 Emballage recyclé\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hum-hero-title\"\u003eBarre Protéines Collagène Amande\u003c\/span\u003e\n      \u003cp class=\"hum-subtitle\"\u003eLook Good. Feel Good.\u003c\/p\u003e\n      \u003cp class=\"hum-description\"\u003eLe snack beauté et performance qui combine collagène marin hydrolysé, protéines végétales et amandes croquantes. Un délice gourmand au goût amande \u0026amp; sel marin pour soutenir votre peau, vos articulations et votre récupération.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hum-section\"\u003e\n    \u003ch2\u003eBarre Protéines Collagène Amande Humble : le snack beauté et performance\u003c\/h2\u003e\n    \u003cp class=\"hum-section-intro\"\u003eEnvie d'un en-cas \u003cstrong\u003egourmand, sain et fonctionnel\u003c\/strong\u003e ? La Barre Protéines Collagène Amande de Humble combine le meilleur de deux mondes : la richesse nutritionnelle d'une barre protéinée et les bienfaits ciblés du \u003cstrong\u003ecollagène marin hydrolysé\u003c\/strong\u003e. Avec son délicieux goût amande et sel marin, elle s'invite dans votre routine quotidienne, après le sport, au bureau ou en voyage. Format pratique de 45g, Nutri-Score A et emballage en papier recyclé : tout est pensé pour vous faire du bien, sans compromis.\u003c\/p\u003e\n    \u003cdiv class=\"hum-grid-compact\"\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e☀️ Format à emporter\u003c\/h3\u003e\n        \u003cp\u003eGlissez-la dans votre sac, partout avec vous\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e😋 Encas savoureux\u003c\/h3\u003e\n        \u003cp\u003eGoût amande \u0026amp; sel marin irrésistible\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🏋️ Avant \/ après l'effort\u003c\/h3\u003e\n        \u003cp\u003eÉnergie et récupération musculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e✅ Pratique à transporter\u003c\/h3\u003e\n        \u003cp\u003eEmballage individuel papier recyclé\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hum-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une barre au collagène ?\u003c\/h2\u003e\n    \u003cp class=\"hum-section-intro\"\u003eLe \u003cstrong\u003ecollagène\u003c\/strong\u003e est la protéine la plus abondante de notre corps. Présent dans la peau, les articulations, les cheveux et les ongles, sa production diminue naturellement avec l'âge. Une barre au collagène est un snack fonctionnel enrichi en peptides de collagène qui apporte ces protéines spécifiques de manière pratique et savoureuse.\u003c\/p\u003e\n    \u003cdiv class=\"hum-grid\"\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🐟 5g de collagène marin\u003c\/h3\u003e\n        \u003cp\u003eCollagène français hydrolysé de Type I sous forme de tripeptides, reconnu pour son excellente assimilation par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e💪 12g de protéines\u003c\/h3\u003e\n        \u003cp\u003eUne teneur élevée en protéines végétales pour soutenir vos muscles et favoriser une récupération optimale après l'effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e✨ Routine beauté inside\u003c\/h3\u003e\n        \u003cp\u003eUn allié quotidien pour la peau, les cheveux, les ongles et le confort articulaire. La beauté commence de l'intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hum-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"hum-section-intro\"\u003eUne recette courte, lisible et naturelle, sans sucres ajoutés superflus.\u003c\/p\u003e\n    \u003cdiv class=\"hum-grid\"\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🌽 Fibre de maïs soluble\u003c\/h3\u003e\n        \u003cp\u003ePour un effet rassasiant et un bon transit\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🌰 Pâte d'amande (19%)\u003c\/h3\u003e\n        \u003cp\u003eLa base gourmande et fondante de la barre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🥜 Amandes grillées (15%)\u003c\/h3\u003e\n        \u003cp\u003ePour le croquant et les bonnes graisses\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🌿 Protéine d'amande\u003c\/h3\u003e\n        \u003cp\u003eSource végétale de protéines de qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🍯 Sirop de datte\u003c\/h3\u003e\n        \u003cp\u003eSucre naturel non raffiné, à index modéré\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🐟 Peptides de collagène marin (11%)\u003c\/h3\u003e\n        \u003cp\u003eL'ingrédient signature pour vos bénéfices ciblés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hum-tip\"\u003e\n      \u003cspan class=\"hum-tip-icon\"\u003eℹ️\u003c\/span\u003e\n      \u003cp\u003eIngrédients issus de l'agriculture UE\/NON-UE. \u003cstrong\u003eAllergène :\u003c\/strong\u003e poissons. Peut contenir des traces d'arachides, soja, lait, œuf et autres fruits à coque.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hum-section\"\u003e\n    \u003ch2\u003eValeurs nutritionnelles pour 1 barre (45g)\u003c\/h2\u003e\n    \u003cdiv class=\"hum-grid-compact\"\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🔥 190 kcal\u003c\/h3\u003e\n        \u003cp\u003eCalories (791 kJ)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e💪 12g\u003c\/h3\u003e\n        \u003cp\u003eProtéines\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🥑 10g\u003c\/h3\u003e\n        \u003cp\u003eMatières grasses (dont 0,8g saturés)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🌾 8,5g\u003c\/h3\u003e\n        \u003cp\u003eGlucides (dont 5g de sucres)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🌿 11g\u003c\/h3\u003e\n        \u003cp\u003eFibres\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🧂 0,1g\u003c\/h3\u003e\n        \u003cp\u003eSel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🐟 5g\u003c\/h3\u003e\n        \u003cp\u003eCollagène marin hydrolysé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🏆 A\u003c\/h3\u003e\n        \u003cp\u003eNutri-Score\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hum-section\"\u003e\n    \u003ch2\u003eComment et quand consommer la barre Humble ?\u003c\/h2\u003e\n    \u003cp class=\"hum-section-intro\"\u003eTrès simple : croquez \u003cstrong\u003e1 barre par jour\u003c\/strong\u003e, au moment qui vous convient. Pour une efficacité optimale, dégustez-la après le sport pour soutenir la récupération musculaire.\u003c\/p\u003e\n    \u003cdiv class=\"hum-timeline\"\u003e\n      \u003cdiv class=\"hum-timeline-item\"\u003e\n        \u003cdiv class=\"hum-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hum-timeline-content\"\u003e\n          \u003ch3\u003e🌅 Au petit-déjeuner\u003c\/h3\u003e\n          \u003cp\u003ePour bien démarrer la journée avec un apport équilibré en protéines et fibres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-timeline-item\"\u003e\n        \u003cdiv class=\"hum-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hum-timeline-content\"\u003e\n          \u003ch3\u003e🏃 Avant le sport\u003c\/h3\u003e\n          \u003cp\u003eUn boost d'énergie naturel et rassasiant pour aborder votre séance en pleine forme.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-timeline-item\"\u003e\n        \u003cdiv class=\"hum-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hum-timeline-content\"\u003e\n          \u003ch3\u003e💪 Après l'effort\u003c\/h3\u003e\n          \u003cp\u003eLe moment idéal pour profiter des protéines et du collagène, qui favorisent la récupération musculaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-timeline-item\"\u003e\n        \u003cdiv class=\"hum-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hum-timeline-content\"\u003e\n          \u003ch3\u003e🍫 En alternative gourmande\u003c\/h3\u003e\n          \u003cp\u003eUne option saine et fonctionnelle pour remplacer un dessert sucré ou un snack industriel.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hum-tip\"\u003e\n      \u003cspan class=\"hum-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eBesoins accrus ? Vous pouvez cumuler \u003cstrong\u003e2 barres par jour\u003c\/strong\u003e (soit 10g de collagène) pour intensifier les effets sur votre peau et vos articulations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hum-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse cette barre protéinée ?\u003c\/h2\u003e\n    \u003cdiv class=\"hum-grid\"\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs \u0026amp; actifs\u003c\/h3\u003e\n        \u003cp\u003eUne collation pratique pour soutenir la récupération musculaire et l'énergie au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e✨ Routine beauté\u003c\/h3\u003e\n        \u003cp\u003ePour celles et ceux qui prennent soin de leur peau, cheveux et articulations de l'intérieur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🥗 Snack rassasiant\u003c\/h3\u003e\n        \u003cp\u003ePour un encas riche en fibres, faible en sucres et qui tient longtemps au corps.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hum-card\"\u003e\n        \u003ch3\u003e🌿 Clean label\u003c\/h3\u003e\n        \u003cp\u003ePour les adeptes d'ingrédients courts, naturels et de produits Nutri-Score A.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hum-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n    \u003cdiv class=\"hum-accordion\"\u003e\n      \u003cdetails class=\"hum-accordion-item\"\u003e\n        \u003csummary class=\"hum-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez la barre dans son emballage d'origine, dans un endroit sec, à l'abri de la chaleur et de la lumière directe du soleil.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hum-accordion-item\"\u003e\n        \u003csummary class=\"hum-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ utiliser en complément d'une \u003cstrong\u003ealimentation variée et équilibrée\u003c\/strong\u003e et d'un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hum-accordion-item\"\u003e\n        \u003csummary class=\"hum-accordion-header\"\u003e🚫 Allergènes\u003c\/summary\u003e\n        \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillée aux personnes allergiques au poisson ou aux fruits à coque. Peut contenir des traces d'arachides, soja, lait, œuf et autres fruits à coque.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hum-accordion-item\"\u003e\n        \u003csummary class=\"hum-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"hum-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cem\u003eCe produit est un complément alimentaire et ne remplace en aucun cas un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --hum-cream: #faf7f0;\n    --hum-white: #ffffff;\n    --hum-primary: #c9a76b;\n    --hum-primary-dark: #8a6d3d;\n    --hum-primary-light: #f5ecd9;\n    --hum-secondary: #6fb8c4;\n    --hum-accent: #2c4a52;\n    --hum-text: #2c2c2c;\n    --hum-text-light: #6b6b6b;\n    --hum-border: #e8e1d0;\n    --hum-shadow: 0 4px 24px rgba(138,109,61,.08);\n    --hum-shadow-lg: 0 12px 48px rgba(138,109,61,.18);\n    --hum-radius: 20px;\n    --hum-radius-sm: 12px;\n  }\n\n  .hum-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--hum-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--hum-text);\n  }\n\n  .hum-hero {\n    position: relative;\n    background: linear-gradient(135deg, #d4b27a 0%, #c9a76b 50%, #a98548 100%);\n    border-radius: var(--hum-radius);\n    padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n    margin-bottom: clamp(2.5rem, 5vw, 4rem);\n    overflow: hidden;\n    box-shadow: var(--hum-shadow-lg);\n  }\n\n  .hum-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 30%),\n                      radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 35%);\n    opacity: .15;\n  }\n\n  .hum-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .hum-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.2);\n    line-height: 1.1;\n  }\n\n  .hum-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(16px, 3vw, 22px);\n    font-weight: 700;\n    letter-spacing: .15em;\n    text-transform: uppercase;\n    margin: 0 0 1.25rem 0;\n  }\n\n  .hum-description {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(14px, 2.2vw, 17px);\n    line-height: 1.7;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  .hum-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .hum-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    background: rgba(255,255,255,.95);\n    backdrop-filter: blur(10px);\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--hum-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .hum-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .hum-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .hum-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--hum-accent);\n    margin-bottom: clamp(1.25rem, 3vw, 2rem);\n    text-align: center;\n    letter-spacing: -.03em;\n    position: relative;\n    padding-bottom: 1rem;\n    line-height: 1.2;\n  }\n\n  .hum-premium h2::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 4px;\n    background: linear-gradient(90deg, var(--hum-primary), var(--hum-secondary));\n    border-radius: 2px;\n  }\n\n  .hum-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--hum-text-light);\n    margin-bottom: 1.75rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .hum-card {\n    background: var(--hum-white);\n    border-radius: var(--hum-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--hum-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .hum-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--hum-shadow-lg);\n    border-color: var(--hum-primary);\n  }\n\n  .hum-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--hum-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .hum-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--hum-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .hum-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .hum-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .hum-grid-compact .hum-card {\n    padding: 1rem;\n  }\n\n  .hum-grid-compact .hum-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .hum-grid-compact .hum-card p {\n    font-size: 12px;\n  }\n\n  .hum-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .hum-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .hum-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--hum-primary), var(--hum-primary-dark));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(138,109,61,.3);\n  }\n\n  .hum-timeline-content {\n    flex: 1;\n    background: var(--hum-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--hum-radius-sm);\n    box-shadow: var(--hum-shadow);\n  }\n\n  .hum-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--hum-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .hum-timeline-content p {\n    font-size: 14px;\n    color: var(--hum-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .hum-accordion {\n    background: var(--hum-white);\n    border-radius: var(--hum-radius);\n    box-shadow: var(--hum-shadow);\n    overflow: hidden;\n  }\n\n  .hum-accordion-item {\n    border-bottom: 1px solid var(--hum-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .hum-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .hum-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--hum-accent);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    list-style: none;\n    transition: background .2s ease;\n    background: transparent;\n    border: none;\n    margin: 0;\n  }\n\n  .hum-accordion-header:hover {\n    background: var(--hum-primary-light);\n  }\n\n  .hum-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .hum-accordion-header::after {\n    content: '+';\n    font-size: 20px;\n    font-weight: 400;\n    color: var(--hum-primary);\n    transition: transform .2s ease;\n  }\n\n  .hum-accordion-item[open] .hum-accordion-header::after {\n    content: '−';\n  }\n\n  .hum-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--hum-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .hum-accordion-content p {\n    margin: 0;\n  }\n\n  .hum-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--hum-primary-light);\n    border-radius: var(--hum-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n    border-left: 4px solid var(--hum-primary);\n  }\n\n  .hum-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .hum-tip p {\n    font-size: 14px;\n    color: var(--hum-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 767px) {\n    .hum-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .hum-card {\n      padding: 1.125rem;\n    }\n    .hum-section {\n      margin-bottom: 1.75rem;\n    }\n    .hum-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--hum-radius-sm);\n    }\n    .hum-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .hum-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .hum-grid-compact {\n      gap: .625rem;\n    }\n    .hum-grid-compact .hum-card {\n      padding: .75rem;\n    }\n    .hum-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .hum-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .hum-timeline-content h3 {\n      font-size: 14px;\n    }\n    .hum-timeline-content p {\n      font-size: 13px;\n    }\n    .hum-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .hum-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .hum-card {\n      animation: humFadeInUp .5s ease backwards;\n    }\n    .hum-card:nth-child(1) { animation-delay: .05s; }\n    .hum-card:nth-child(2) { animation-delay: .1s; }\n    .hum-card:nth-child(3) { animation-delay: .15s; }\n    .hum-card:nth-child(4) { animation-delay: .2s; }\n    .hum-card:nth-child(5) { animation-delay: .25s; }\n    .hum-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes humFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hum-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":57253992235385,"sku":"BARREAMANDEHUMBLE","price":2.94,"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","url":"https:\/\/www.naturellement-bio.com\/products\/barre-collagene","provider":"Naturellement Bio","version":"1.0","type":"link"}