{"product_id":"collagene-marin-type-ii-90-gelules-heilsa","title":"Collagène Marin Type II + Vitamine C \u0026 Zinc - Peau \u0026 Articulations - 90 gélules - Heilsa","description":"\u003cdiv class=\"hco-premium\"\u003e\n  \u003cdiv class=\"hco-hero\"\u003e\n    \u003cdiv class=\"hco-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hco-hero-content\"\u003e\n      \u003cdiv class=\"hco-badges-top\"\u003e\n        \u003cspan class=\"hco-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"hco-badge\"\u003e🧬 Cartidyss® breveté\u003c\/span\u003e\n        \u003cspan class=\"hco-badge\"\u003e💊 90 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hco-hero-title\"\u003eLa charpente naturelle de votre peau et vos articulations\u003c\/span\u003e\n      \u003cp class=\"hco-subtitle\"\u003eCollagène marin Type II + Vitamine C \u0026amp; Zinc\u003c\/p\u003e\n      \u003cp class=\"hco-description\"\u003eUne formule complète qui associe peptides de collagène hydrolysés, vitamine C et zinc bisglycinate pour soutenir la fermeté de la peau et le confort articulaire au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hco-section\"\u003e\n    \u003ch2\u003eQuels sont les bienfaits du collagène marin ?\u003c\/h2\u003e\n    \u003cp class=\"hco-section-intro\"\u003eLe collagène joue un rôle de « charpente » dans les tissus : il participe à la structure de la peau, du cartilage et des tendons. Les bienfaits du collagène marin sont surtout recherchés pour deux usages :\u003c\/p\u003e\n    \u003cdiv class=\"hco-grid\"\u003e\n      \u003cdiv class=\"hco-card\"\u003e\n        \u003ch3\u003e✨ Fermeté de la peau\u003c\/h3\u003e\n        \u003cp\u003eSoutenir la fermeté et l'élasticité de la peau au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hco-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003eAccompagner la souplesse et le confort des cartilages, notamment chez les personnes actives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hco-card\"\u003e\n        \u003ch3\u003e💧 Forme hydrolysée\u003c\/h3\u003e\n        \u003cp\u003eLe collagène est découpé en petits peptides, plus faciles à assimiler par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hco-section\"\u003e\n    \u003ch2\u003ePourquoi associer collagène, vitamine C et zinc ?\u003c\/h2\u003e\n    \u003cp class=\"hco-section-intro\"\u003eCette formule a été pensée pour que chaque ingrédient complète les autres :\u003c\/p\u003e\n    \u003cdiv class=\"hco-grid\"\u003e\n      \u003cdiv class=\"hco-card\"\u003e\n        \u003ch3\u003e🍋 Vitamine C\u003c\/h3\u003e\n        \u003cp\u003eContribue à la \u003cstrong\u003eformation normale du collagène\u003c\/strong\u003e pour assurer la fonction normale de la peau, des cartilages et des os.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hco-card\"\u003e\n        \u003ch3\u003e⚡ Zinc bisglycinate\u003c\/h3\u003e\n        \u003cp\u003eContribue au \u003cstrong\u003emaintien d'une peau, de cheveux, d'ongles et d'une ossature normaux\u003c\/strong\u003e. Sa forme bisglycinate est réputée pour sa bonne tolérance digestive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hco-card\"\u003e\n        \u003ch3\u003e🧬 Cartidyss®\u003c\/h3\u003e\n        \u003cp\u003eUn ingrédient breveté de peptides de collagène marin, sélectionné pour sa qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hco-section\"\u003e\n    \u003ch2\u003eQue contiennent ces gélules ?\u003c\/h2\u003e\n    \u003cdiv class=\"hco-info-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e hydrolysat de collagène marin issu de cartilage de raies (Cartidyss®), gélule d'origine végétale (HPMC), acide ascorbique (vitamine C), bisglycinate de zinc.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eAllergène :\u003c\/strong\u003e \u003cstrong\u003epoisson\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003cp\u003eLes quantités précises de collagène, de vitamine C et de zinc pour 2 gélules sont indiquées sur l'étiquette du flacon. Vous pouvez vous y référer pour vérifier les apports avant toute utilisation.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 90 gélules végétales (30 g). Origine des matières premières : France.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hco-section\"\u003e\n    \u003ch2\u003eComment prendre le collagène marin ?\u003c\/h2\u003e\n    \u003cdiv class=\"hco-timeline\"\u003e\n      \u003cdiv class=\"hco-timeline-item\"\u003e\n        \u003cdiv class=\"hco-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hco-timeline-content\"\u003e\n          \u003ch3\u003eUsage classique\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour, le matin, avec un grand verre d'eau, soit une cure de \u003cstrong\u003e45 jours\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hco-timeline-item\"\u003e\n        \u003cdiv class=\"hco-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hco-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eCure conseillée de \u003cstrong\u003e3 mois\u003c\/strong\u003e (soit 2 flacons), à renouveler si besoin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hco-tip\"\u003e\n      \u003cspan class=\"hco-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e le collagène s'utilise idéalement en \u003cstrong\u003ecure de 3 mois\u003c\/strong\u003e. Prenez vos gélules à heure fixe, par exemple au petit-déjeuner, pour ne pas les oublier.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hco-section\"\u003e\n    \u003ch2\u003eGélules ou poudre : quel format choisir ?\u003c\/h2\u003e\n    \u003cdiv class=\"hco-grid-compact\"\u003e\n      \u003cdiv class=\"hco-card\"\u003e\n        \u003ch3\u003e🥤 Poudre\u003c\/h3\u003e\n        \u003cp\u003ePermet de fortes quantités mais demande à être diluée et peut avoir un goût marqué.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hco-card\"\u003e\n        \u003ch3\u003e💊 Gélules Heilsá\u003c\/h3\u003e\n        \u003cp\u003ePratiques, sans goût et faciles à emporter, idéales pour une routine simple.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hco-tip\"\u003e\n      \u003cspan class=\"hco-tip-icon\"\u003e⭐\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eL'atout de cette formule :\u003c\/strong\u003e la vitamine C et le zinc sont déjà intégrés, sans avoir à multiplier les compléments.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hco-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n    \u003cdiv class=\"hco-accordion\"\u003e\n      \u003cdetails class=\"hco-accordion-item\"\u003e\n        \u003csummary class=\"hco-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"hco-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé en cas d'\u003cstrong\u003eallergie au poisson\u003c\/strong\u003e. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Demandez l'avis d'un professionnel de santé si vous êtes enceinte, allaitante ou sous traitement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hco-accordion-item\"\u003e\n        \u003csummary class=\"hco-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"hco-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais et sec, à moins de 25 °C.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hco-accordion-item\"\u003e\n        \u003csummary class=\"hco-accordion-header\"\u003e📋 Mentions légales\u003c\/summary\u003e\n        \u003cdiv class=\"hco-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il \u003cstrong\u003ene se substitue en aucun cas à un traitement médical\u003c\/strong\u003e : en cas de douleurs articulaires persistantes, consultez votre médecin.\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    --hco-cream: #f7f6fb;\n    --hco-white: #ffffff;\n    --hco-primary: #3d2a7a;\n    --hco-primary-dark: #241a4d;\n    --hco-primary-light: #ebe7f5;\n    --hco-secondary: #4a9d7f;\n    --hco-accent: #6b4fbb;\n    --hco-text: #1a1a1a;\n    --hco-text-light: #5a5a5a;\n    --hco-border: #e0e0e0;\n    --hco-shadow: 0 4px 24px rgba(45,27,105,.08);\n    --hco-shadow-lg: 0 12px 48px rgba(45,27,105,.18);\n    --hco-radius: 20px;\n    --hco-radius-sm: 12px;\n  }\n\n  .hco-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--hco-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--hco-text);\n  }\n\n  .hco-hero {\n    position: relative;\n    background: linear-gradient(135deg, #241a4d 0%, #3d2a7a 50%, #6b4fbb 100%);\n    border-radius: var(--hco-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(--hco-shadow-lg);\n  }\n\n  .hco-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, #4a9d7f 0%, transparent 40%), radial-gradient(circle at 80% 70%, #6b4fbb 0%, transparent 40%);\n    opacity: .15;\n  }\n\n  .hco-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .hco-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(22px, 7vw, 42px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.2);\n    line-height: 1.15;\n  }\n\n  .hco-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(15px, 2.5vw, 19px);\n    font-weight: 700;\n    margin: 0 0 1rem 0;\n    letter-spacing: .02em;\n  }\n\n  .hco-description {\n    color: rgba(255,255,255,.9);\n    font-size: clamp(14px, 2vw, 16px);\n    line-height: 1.7;\n    margin: 0 auto;\n    max-width: 640px;\n  }\n\n  .hco-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .hco-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(--hco-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .hco-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .hco-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .hco-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--hco-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  .hco-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(--hco-primary), var(--hco-secondary));\n    border-radius: 2px;\n  }\n\n  .hco-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--hco-text-light);\n    margin-bottom: 1.5rem;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .hco-card {\n    background: var(--hco-white);\n    border-radius: var(--hco-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--hco-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .hco-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--hco-shadow-lg);\n    border-color: var(--hco-primary);\n  }\n\n  .hco-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--hco-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .hco-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--hco-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .hco-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .hco-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .hco-grid-compact .hco-card {\n    padding: 1rem;\n  }\n\n  .hco-grid-compact .hco-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .hco-grid-compact .hco-card p {\n    font-size: 12px;\n  }\n\n  .hco-info-box {\n    background: var(--hco-white);\n    border-radius: var(--hco-radius);\n    padding: clamp(1.5rem, 3vw, 2rem);\n    box-shadow: var(--hco-shadow);\n    border-left: 4px solid var(--hco-primary);\n  }\n\n  .hco-info-box p {\n    font-size: clamp(14px, 2vw, 15px);\n    color: var(--hco-text);\n    line-height: 1.7;\n    margin: 0 0 .75rem 0;\n  }\n\n  .hco-info-box p:last-child {\n    margin-bottom: 0;\n  }\n\n  .hco-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .hco-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .hco-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--hco-primary), var(--hco-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  }\n\n  .hco-timeline-content {\n    flex: 1;\n    background: var(--hco-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--hco-radius-sm);\n    box-shadow: var(--hco-shadow);\n  }\n\n  .hco-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--hco-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .hco-timeline-content p {\n    font-size: 14px;\n    color: var(--hco-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .hco-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--hco-primary-light);\n    border-radius: var(--hco-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n  }\n\n  .hco-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .hco-tip p {\n    font-size: 14px;\n    color: var(--hco-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .hco-accordion {\n    background: var(--hco-white);\n    border-radius: var(--hco-radius);\n    box-shadow: var(--hco-shadow);\n    overflow: hidden;\n  }\n\n  .hco-accordion-item {\n    border-bottom: 1px solid var(--hco-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .hco-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .hco-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--hco-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  .hco-accordion-header:hover {\n    background: var(--hco-primary-light);\n  }\n\n  .hco-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .hco-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--hco-primary);\n    transition: transform .2s ease;\n  }\n\n  .hco-accordion-item[open] .hco-accordion-header::after {\n    content: '−';\n  }\n\n  .hco-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--hco-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .hco-accordion-content p {\n    margin: 0;\n  }\n\n  @media (max-width: 767px) {\n    .hco-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .hco-card {\n      padding: 1.125rem;\n    }\n    .hco-section {\n      margin-bottom: 1.75rem;\n    }\n    .hco-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--hco-radius-sm);\n    }\n    .hco-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .hco-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .hco-grid-compact {\n      gap: .625rem;\n    }\n    .hco-grid-compact .hco-card {\n      padding: .75rem;\n    }\n    .hco-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .hco-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .hco-timeline-content h3 {\n      font-size: 14px;\n    }\n    .hco-timeline-content p {\n      font-size: 13px;\n    }\n    .hco-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .hco-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n    .hco-info-box p {\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .hco-card {\n      animation: hcoFadeInUp .5s ease backwards;\n    }\n    .hco-card:nth-child(1) { animation-delay: .05s; }\n    .hco-card:nth-child(2) { animation-delay: .1s; }\n    .hco-card:nth-child(3) { animation-delay: .15s; }\n    .hco-card:nth-child(4) { animation-delay: .2s; }\n  }\n\n  @keyframes hcoFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hco-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"HEILSA","offers":[{"title":"Default Title","offer_id":65035157733753,"sku":"NBAIHEI0006","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene-marin-type-ii-vitamine-c-zinc-peau-articulations-9-packshothd.webp?v=1793261378","url":"https:\/\/www.naturellement-bio.com\/products\/collagene-marin-type-ii-90-gelules-heilsa","provider":"Naturellement Bio","version":"1.0","type":"link"}