{"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 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 · 5 g de tripeptides par dose\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 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 5 g\u003c\/h2\u003e\n    \u003cp class=\"hc-section-intro\"\u003eChaque stick contient \u003cstrong\u003e5 g de peptides de collagène marin hydrolysé\u003c\/strong\u003e (tripeptides de type I), issus de poissons sauvages certifiés Friend of Sea.\u003c\/p\u003e\n    \u003cdiv class=\"hc-grid-compact\"\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🧪 Protéines\u003c\/h3\u003e\n        \u003cp\u003eEnviron \u003cstrong\u003e4,7 g\u003c\/strong\u003e par dose\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hc-card\"\u003e\n        \u003ch3\u003e🔥 Énergie\u003c\/h3\u003e\n        \u003cp\u003eSeulement \u003cstrong\u003e19 kcal\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  \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 ou mélangez-le dans \u003cstrong\u003e200 à 300 ml\u003c\/strong\u003e d'eau, de jus ou de smoothie.\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\u003ePrivilégiez le matin à jeun\u003c\/h3\u003e\n          \u003cp\u003ePrenez-le de préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e pour maximiser l'assimilation des tripeptides.\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\u003eAdaptez la dose à vos besoins\u003c\/h3\u003e\n          \u003cp\u003ePour un objectif beauté, \u003cstrong\u003eun stick par jour\u003c\/strong\u003e suffit. Pour un soutien articulaire renforcé, vous pouvez prendre \u003cstrong\u003edeux sticks quotidiens\u003c\/strong\u003e.\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\"\u003eAux dosages recommandés de \u003cstrong\u003e5 à 10 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. Aucun effet indésirable notable n'a été rapporté dans les études cliniques menées sur les tripeptides de collagène marin.\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 5 g (150 g) – 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 – Certifié Friend of 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. 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\/* === 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\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":56946647695737,"sku":"COLLAGENECONCENTRE","price":25.41,"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","url":"https:\/\/www.naturellement-bio.com\/products\/collagene-marin-ultra-concentre-30-doses-menthe-citron-vert-humble","provider":"Naturellement Bio","version":"1.0","type":"link"}