{"product_id":"collagene-mobility-60-doses-humble","title":"Collagène Mobility - Curcuma \u0026 Acide Hyaluronique - Cure 2 mois - Humble +","description":"\u003cdiv class=\"cm-premium\"\u003e\n  \u003cdiv class=\"cm-hero\"\u003e\n    \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cm-hero-content\"\u003e\n      \u003cdiv class=\"cm-badges-top\"\u003e\n        \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e🍊 Saveur orange\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e💧 60 doses\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e🧬 Naticol® breveté\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cm-hero-title\"\u003eLa formule complète pour vos articulations\u003c\/span\u003e\n      \u003cp class=\"cm-subtitle\"\u003eCollagène marin hydrolysé, curcuma BCM-95® \u0026amp; acide hyaluronique\u003c\/p\u003e\n      \u003cp class=\"cm-description\"\u003eUne synergie ciblée pour soutenir votre mobilité, vos os et vos tissus conjonctifs au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eCollagène Mobility Humble+ : la formule complète pour vos articulations\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eAvec l'âge, la production naturelle de collagène ralentit dès 25-30 ans, ce qui peut se traduire par une perte de souplesse articulaire et une gêne au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"cm-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eCollagène Mobility™ d'Humble+\u003c\/strong\u003e a été formulé pour répondre spécifiquement à ces besoins. En associant du \u003cstrong\u003ecollagène marin hydrolysé breveté Naticol®\u003c\/strong\u003e, du curcuma BCM-95®, de l'acide hyaluronique, de la vitamine C et du cuivre, cette poudre à diluer offre une synergie ciblée pour soutenir vos articulations, vos os et vos tissus conjonctifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir un collagène marin pour les articulations ?\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eQuand on se demande quel collagène pour les articulations privilégier, le collagène marin fait figure de référence grâce à sa très bonne assimilation.\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🧬 Naticol® x3Peptide\u003c\/h3\u003e\n        \u003cp\u003eCollagène marin hydrolysé à un poids moléculaire moyen de \u003cstrong\u003e1200 Da\u003c\/strong\u003e, dont \u003cstrong\u003e25% de tripeptides purs\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🌿 Curcuma BCM-95®\u003c\/h3\u003e\n        \u003cp\u003eExtrait breveté documenté par plus de \u003cstrong\u003e92 publications scientifiques\u003c\/strong\u003e reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eNaturellement présent dans le cartilage pour soutenir la souplesse articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e⚡ Vitamine C \u0026amp; Cuivre\u003c\/h3\u003e\n        \u003cp\u003eContribuent à la formation normale de collagène et protègent les cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Collagène Mobility\u003c\/h2\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🦴 Confort et mobilité articulaire\u003c\/h3\u003e\n        \u003cp\u003eUne formule pensée pour soutenir la souplesse au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💪 Santé des os et du cartilage\u003c\/h3\u003e\n        \u003cp\u003eGrâce au curcuma BCM-95®, qui contribue au maintien des articulations et des os.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🧬 Formation normale de collagène\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C contribue à la synthèse endogène du collagène.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🛡️ Protection anti-oxydative\u003c\/h3\u003e\n        \u003cp\u003eProtection contre le stress oxydatif assurée par la vitamine C et le cuivre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🔗 Tissus conjonctifs normaux\u003c\/h3\u003e\n        \u003cp\u003eMaintien des tendons, ligaments et cartilage apporté par le cuivre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e✨ Synergie complète\u003c\/h3\u003e\n        \u003cp\u003e5 actifs complémentaires pour une action ciblée et efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eAllégations sur le produit\u003c\/h2\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🦴 Curcuma\u003c\/h3\u003e\n        \u003cp\u003eLe curcuma aide à maintenir la \u003cstrong\u003esanté des articulations et des os\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🔗 Cuivre\u003c\/h3\u003e\n        \u003cp\u003eLe cuivre contribue au \u003cstrong\u003emaintien de tissus conjonctifs normaux\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🛡️ Vitamine C \u0026amp; Cuivre\u003c\/h3\u003e\n        \u003cp\u003eContribuent à \u003cstrong\u003eprotéger les cellules contre le stress oxydatif\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🧬 Vitamine C\u003c\/h3\u003e\n        \u003cp\u003eContribue à la \u003cstrong\u003eformation normale de collagène\u003c\/strong\u003e pour assurer la fonction normale des os et des cartilages.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComposition détaillée par dose (5,6 g)\u003c\/h2\u003e\n    \u003cdiv class=\"cm-grid-compact\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🐟 Collagène marin Naticol®\u003c\/h3\u003e\n        \u003cp\u003ex3Peptide hydrolysé, 1200 Da, 25% de tripeptides\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🌿 Curcuma BCM-95®\u003c\/h3\u003e\n        \u003cp\u003eExtrait breveté\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eComposant naturel du cartilage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n        \u003cp\u003eSynthèse du collagène\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e⚙️ Cuivre\u003c\/h3\u003e\n        \u003cp\u003eSous forme de bisglycinate\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🌱 Arôme naturel\u003c\/h3\u003e\n        \u003cp\u003eSaveur orange délicate\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-tip\"\u003e\n      \u003cspan class=\"cm-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eFormat : \u003cstrong\u003epoudre de 340 g soit 60 doses\u003c\/strong\u003e pour une cure de 2 mois. Fabriqué en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eListe des ingrédients\u003c\/h2\u003e\n    \u003cdiv class=\"cm-highlight-box\"\u003e\n      \u003cp\u003eHydrolysat de collagène \u003cstrong\u003ePOISSON\u003c\/strong\u003e, extrait de rhizome de curcuma long (\u003cem\u003eCurcuma longa L.\u003c\/em\u003e) BCM-95®, acide hyaluronique, vitamine C, cuivre bisglycinate, arôme naturel d'orange et autres arômes naturels.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-tip\"\u003e\n      \u003cspan class=\"cm-tip-icon\"\u003e🐟\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAllergène :\u003c\/strong\u003e contient du poisson.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComment prendre le Collagène Mobility ?\u003c\/h2\u003e\n    \u003cdiv class=\"cm-timeline\"\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003eDosez\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 dose par jour\u003c\/strong\u003e (1 cuillère doseuse = 5,6 g).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003eDiluez\u003c\/h3\u003e\n          \u003cp\u003eDans un grand verre d'eau ou de jus de fruits.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003eConsommez\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin, avec ou sans repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003ePersévérez\u003c\/h3\u003e\n          \u003cp\u003eComptez \u003cstrong\u003e8 à 12 semaines\u003c\/strong\u003e avant de ressentir les premiers bénéfices : la régularité est essentielle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-tip\"\u003e\n      \u003cspan class=\"cm-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour un résultat optimal, associez votre cure à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e, une \u003cstrong\u003ebonne hydratation\u003c\/strong\u003e et une \u003cstrong\u003eactivité physique régulière\u003c\/strong\u003e et adaptée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eLe Collagène Mobility s'adresse aux adultes soucieux de préserver leur mobilité : sportifs, personnes de plus de 30 ans, ou toute personne ressentant une perte de souplesse articulaire.\u003c\/p\u003e\n    \u003cdiv class=\"cm-accordion\"\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eRéservé à l'adulte.\u003c\/strong\u003e Idéal pour les sportifs, les personnes de plus de 30 ans et toute personne souhaitant préserver son confort articulaire au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e⚠️ Dose et usage\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eNe pas dépasser la dose journalière recommandée.\u003c\/strong\u003e Les compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne pas être utilisés comme substituts d'un régime alimentaire varié et équilibré. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé aux femmes enceintes ou allaitantes.\u003c\/strong\u003e L'emploi chez les personnes sous \u003cstrong\u003eanticoagulant, anticancéreux et immunosuppresseurs\u003c\/strong\u003e et souffrant de \u003cstrong\u003epathologies des voies biliaires\u003c\/strong\u003e est déconseillé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité, dans un endroit sec.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. En cas de doute, de pathologie ou de traitement en cours, demandez conseil à votre médecin ou pharmacien.\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  --cm-cream: #fdf6ec;\n  --cm-white: #ffffff;\n  --cm-primary: #f4a825;\n  --cm-primary-dark: #b8730d;\n  --cm-primary-light: #fff3dc;\n  --cm-secondary: #e88b1a;\n  --cm-accent: #ffcf70;\n\n  --cm-text: #2a1e0f;\n  --cm-text-light: #6b5a45;\n\n  --cm-border: #f0e4cf;\n  --cm-shadow: 0 4px 24px rgba(184, 115, 13, .1);\n  --cm-shadow-lg: 0 12px 48px rgba(184, 115, 13, .18);\n  --cm-radius: 20px;\n  --cm-radius-sm: 12px;\n}\n\n.cm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cm-text);\n  line-height: 1.6;\n}\n\n.cm-premium p {\n  color: var(--cm-text);\n}\n\n.cm-premium strong {\n  color: var(--cm-primary-dark);\n  font-weight: 700;\n}\n\n\/* HERO *\/\n.cm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #f4a825 0%, #e88b1a 50%, #b8730d 100%);\n  border-radius: var(--cm-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(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n  opacity: .15;\n}\n\n.cm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(24px, 7vw, 44px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.15);\n  line-height: 1.15;\n}\n\n.cm-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.cm-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  margin: 0;\n  opacity: .9;\n  max-width: 640px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cm-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(--cm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.cm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n  font-size: clamp(22px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--cm-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.cm-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(--cm-primary), var(--cm-secondary));\n  border-radius: 2px;\n}\n\n.cm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cm-highlight-box {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cm-shadow);\n  border-left: 4px solid var(--cm-primary);\n}\n\n.cm-highlight-box p {\n  margin: 0;\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.75;\n}\n\n\/* CARDS *\/\n.cm-card {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cm-shadow-lg);\n  border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* GRIDS *\/\n.cm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.cm-grid-compact .cm-card {\n  padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n  font-size: 12px;\n}\n\n\/* TIMELINE *\/\n.cm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cm-primary), var(--cm-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(244, 168, 37, .35);\n}\n\n.cm-timeline-content {\n  flex: 1;\n  background: var(--cm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cm-radius-sm);\n  box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n  font-size: 14px;\n  color: var(--cm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* ACCORDION *\/\n.cm-accordion {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  box-shadow: var(--cm-shadow);\n  overflow: hidden;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.cm-accordion-item {\n  border-bottom: 1px solid var(--cm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cm-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.cm-accordion-header:hover {\n  background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cm-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cm-primary);\n  transition: transform .2s ease;\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n  content: '−';\n}\n\n.cm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cm-accordion-content p {\n  margin: 0;\n  color: var(--cm-text-light);\n}\n\n\/* TIP *\/\n.cm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cm-primary-light);\n  border-radius: var(--cm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.cm-tip p {\n  font-size: 14px;\n  color: var(--cm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n  .cm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cm-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  \n  .cm-grid-compact .cm-card {\n    padding: .75rem;\n  }\n  \n  .cm-card {\n    padding: 1.125rem;\n  }\n  \n  .cm-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cm-radius-sm);\n  }\n  \n  .cm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .cm-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .cm-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cm-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .cm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .cm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cm-card {\n    animation: cmFadeInUp .5s ease backwards;\n  }\n  .cm-card:nth-child(1) { animation-delay: .05s; }\n  .cm-card:nth-child(2) { animation-delay: .1s; }\n  .cm-card:nth-child(3) { animation-delay: .15s; }\n  .cm-card:nth-child(4) { animation-delay: .2s; }\n  .cm-card:nth-child(5) { animation-delay: .25s; }\n  .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-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":64315522515321,"sku":"1MOBILITY","price":89.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-mobility-60-doses-humble-packshothd.webp?v=1789637105","url":"https:\/\/www.naturellement-bio.com\/products\/collagene-mobility-60-doses-humble","provider":"Naturellement Bio","version":"1.0","type":"link"}