{"title":"Vitavéa","description":null,"products":[{"product_id":"hydrafresh-peche-20-comprimes","title":"Electrolyte effervescent Pêche - 20 pastilles - Hydrafresh","description":"\u003cdiv class=\"hydra-premium\"\u003e\n\u003cdiv class=\"hydra-hero\"\u003e\n\u003cdiv class=\"hydra-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hydra-hero-content\"\u003e\n\u003cdiv class=\"hydra-badges-top\"\u003e\n\u003cspan class=\"hydra-badge\"\u003e🍑 Saveur pêche\u003c\/span\u003e \u003cspan class=\"hydra-badge\"\u003e💧 Hydratation +\u003c\/span\u003e \u003cspan class=\"hydra-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"hydra-badge\"\u003e🚫 Sans sucres\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hydra-hero-title\"\u003eL'hydratation effervescente au goût de pêche\u003c\/span\u003e\n\u003cp class=\"hydra-subtitle\"\u003e20 pastilles effervescentes · Électrolytes, vitamines \u0026amp; minéraux\u003c\/p\u003e\n\u003cp class=\"hydra-description\"\u003eUne boisson fraîche, ludique et pratique pour rester hydraté(e) et énergique tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"hydra-section\"\u003e\n\u003ch2\u003eHydrafresh Pêche : la boisson effervescente pour une hydratation optimale\u003c\/h2\u003e\n\u003cp class=\"hydra-section-intro\"\u003eVous cherchez une solution simple et savoureuse pour rester bien hydraté(e) au quotidien ? \u003cstrong\u003eHydrafresh Pêche\u003c\/strong\u003e du laboratoire \u003cstrong\u003eVitavéa\u003c\/strong\u003e est un complément alimentaire sous forme de \u003cstrong\u003epastilles effervescents\u003c\/strong\u003e, spécialement conçu pour vous apporter les \u003cstrong\u003eélectrolytes, minéraux et vitamines essentielles\u003c\/strong\u003e dont votre corps a besoin.\u003c\/p\u003e\n\u003cp class=\"hydra-section-intro\"\u003eIdéal après le sport, pendant les fortes chaleurs, en cas de fatigue passagère ou pour accompagner un mode de vie actif, il se dissout en quelques secondes dans un verre d'eau pour une boisson fraîche au délicieux goût de pêche.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"hydra-section\"\u003e\n\u003ch2\u003ePourquoi choisir Hydrafresh Pêche ?\u003c\/h2\u003e\n\u003cp class=\"hydra-section-intro\"\u003eAvec sa formule enrichie en \u003cstrong\u003evitamines et minéraux\u003c\/strong\u003e, Hydrafresh accompagne votre organisme au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"hydra-grid\"\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e💧 Hydratation optimale\u003c\/h3\u003e\n\u003cp\u003eGrâce à ses électrolytes : sodium, potassium, magnésium, calcium et chlorure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e⚡ Coup de boost énergétique\u003c\/h3\u003e\n\u003cp\u003eVitamines du groupe B et vitamine C pour soutenir votre tonus au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e😴 Réduit la fatigue\u003c\/h3\u003e\n\u003cp\u003eAide à lutter contre la fatigue passagère lors des périodes exigeantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C (24 mg pour 2 pastilles, 30 % des VNR) contribue au bon fonctionnement de vos défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e✨ Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003eParticipe à la protection des cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e💪 Bien-être musculaire\u003c\/h3\u003e\n\u003cp\u003eSoutient le confort musculaire, idéal après l'effort ou une journée active.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-tip\"\u003e\n\u003cspan class=\"hydra-tip-icon\"\u003e🍑\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans sucres\u003c\/strong\u003e et au bon goût naturel de pêche : la solution ludique et pratique pour boire plus et mieux tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hydra-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"hydra-section-intro\"\u003eChaque comprimé effervescent Hydrafresh est formulé avec un \u003cstrong\u003ecomplexe complet de vitamines et minéraux\u003c\/strong\u003e pour couvrir vos besoins essentiels.\u003c\/p\u003e\n\u003cdiv class=\"hydra-grid\"\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e🌿 8 vitamines essentielles\u003c\/h3\u003e\n\u003cp\u003eB1, B3, B5, B6, B8, B9, B12 et C pour l'énergie et la vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e⚗️ Électrolytes \u0026amp; minéraux\u003c\/h3\u003e\n\u003cp\u003eSodium, potassium, calcium, magnésium et chlorure pour une hydratation en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e🔬 Oligo-éléments\u003c\/h3\u003e\n\u003cp\u003eZinc et manganèse pour compléter la synergie et soutenir l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-tip\"\u003e\n\u003cspan class=\"hydra-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUne synergie pensée pour couvrir les besoins essentiels liés à l'\u003cstrong\u003ehydratation, l'énergie et la récupération\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hydra-section\"\u003e\n\u003ch2\u003eComment prendre Hydrafresh Pêche ?\u003c\/h2\u003e\n\u003cp class=\"hydra-section-intro\"\u003eUne posologie simple et adaptable à toutes vos routines.\u003c\/p\u003e\n\u003cdiv class=\"hydra-timeline\"\u003e\n\u003cdiv class=\"hydra-timeline-item\"\u003e\n\u003cdiv class=\"hydra-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hydra-timeline-content\"\u003e\n\u003ch3\u003ePrenez 2 pastilles par jour\u003c\/h3\u003e\n\u003cp\u003eLa dose journalière recommandée pour bénéficier pleinement des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-timeline-item\"\u003e\n\u003cdiv class=\"hydra-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hydra-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans un grand verre d'eau\u003c\/h3\u003e\n\u003cp\u003e150 ml d'eau par comprimé, ou les 2 pastilles directement dans votre gourde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-timeline-item\"\u003e\n\u003cdiv class=\"hydra-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hydra-timeline-content\"\u003e\n\u003ch3\u003eConsommez immédiatement\u003c\/h3\u003e\n\u003cp\u003eAprès dissolution complète, pour préserver toute l'efficacité de la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-tip\"\u003e\n\u003cspan class=\"hydra-tip-icon\"\u003e🎒\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e gardez un tube à la maison, un autre au bureau ou dans votre sac de sport. Vous aurez toujours à portée de main une boisson revigorante et rafraîchissante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hydra-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Hydrafresh Pêche ?\u003c\/h2\u003e\n\u003cp class=\"hydra-section-intro\"\u003eCe complément alimentaire accompagne tous les modes de vie actifs.\u003c\/p\u003e\n\u003cdiv class=\"hydra-grid-compact\"\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e💧 Hydratation quotidienne\u003c\/h3\u003e\n\u003cp\u003eIdéal en cas de faible consommation d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003ePour récupérer après un effort physique intense.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e☀️ Coups de chaud\u003c\/h3\u003e\n\u003cp\u003eCompense les pertes liées à la transpiration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e⚡ Tonus \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eLors des périodes de fatigue passagère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e🚫 Alternative sans sucres\u003c\/h3\u003e\n\u003cp\u003eFace aux boissons énergétiques classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hydra-card\"\u003e\n\u003ch3\u003e🏃 Modes de vie actifs\u003c\/h3\u003e\n\u003cp\u003ePour accompagner votre quotidien exigeant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hydra-section\"\u003e\n\u003ch2\u003eUn produit de qualité fabriqué en France\u003c\/h2\u003e\n\u003cdiv class=\"hydra-testimonial\"\u003e\n\u003cp class=\"hydra-testimonial-text\"\u003e\"Hydrafresh est développé par \u003cstrong\u003eVitavéa Santé\u003c\/strong\u003e (Havea Commercial Services) en partenariat avec les \u003cstrong\u003eLaboratoires Nutrisanté\u003c\/strong\u003e, basés à Montaigu (85). Un produit \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, gage de rigueur et de qualité.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"hydra-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"hydra-accordion\"\u003e\n\u003cdetails class=\"hydra-accordion-item\"\u003e\n\u003csummary class=\"hydra-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n\u003cdiv class=\"hydra-accordion-content mt-3\"\u003e\n\u003cp\u003eNe dépassez pas la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hydra-accordion-item\"\u003e\n\u003csummary class=\"hydra-accordion-header\"\u003e👶 Public sensible\u003c\/summary\u003e\n\u003cdiv class=\"hydra-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des jeunes enfants. En cas de traitement médical ou de grossesse, demandez conseil à votre médecin ou à votre pharmacien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hydra-accordion-item\"\u003e\n\u003csummary class=\"hydra-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"hydra-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eCe produit ne remplace en aucun cas un traitement médical.\u003c\/strong\u003e Consultez un professionnel de santé en cas de doute ou de pathologie particulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"hydra-disclaimer\"\u003eComplément alimentaire · À consommer dans le cadre d'une alimentation variée, équilibrée et d'un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --hydra-cream: #fef7f3;\n  --hydra-white: #ffffff;\n  --hydra-primary: #f07a5a;\n  --hydra-primary-dark: #2d3e50;\n  --hydra-primary-light: #ffe8df;\n  --hydra-secondary: #ff9776;\n  --hydra-accent: #ffb59a;\n  --hydra-text: #1a1a1a;\n  --hydra-text-light: #5a5a5a;\n  --hydra-border: #f0e0d5;\n  --hydra-shadow: 0 4px 24px rgba(240,122,90,.10);\n  --hydra-shadow-lg: 0 12px 48px rgba(45,62,80,.18);\n  --hydra-radius: 20px;\n  --hydra-radius-sm: 12px;\n}\n\n.hydra-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hydra-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--hydra-text);\n  line-height: 1.6;\n}\n\n.hydra-hero {\n  position: relative;\n  background: linear-gradient(135deg, #f07a5a 0%, #ff9776 50%, #2d3e50 100%);\n  border-radius: var(--hydra-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(--hydra-shadow-lg);\n}\n\n.hydra-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,.6) 0%, transparent 4%),\n                    radial-gradient(circle at 75% 60%, rgba(255,255,255,.5) 0%, transparent 3%),\n                    radial-gradient(circle at 40% 80%, rgba(255,255,255,.4) 0%, transparent 3%),\n                    radial-gradient(circle at 90% 20%, rgba(255,255,255,.5) 0%, transparent 3%);\n  opacity: .3;\n}\n\n.hydra-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hydra-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.hydra-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 17px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.hydra-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(13px, 2vw, 16px);\n  margin: 0 auto;\n  max-width: 600px;\n  line-height: 1.6;\n}\n\n.hydra-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hydra-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(--hydra-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hydra-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hydra-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hydra-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hydra-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.hydra-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(--hydra-primary), var(--hydra-secondary));\n  border-radius: 2px;\n}\n\n.hydra-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hydra-text-light);\n  margin: 0 auto 1.25rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.hydra-section-intro strong {\n  color: var(--hydra-primary-dark);\n}\n\n.hydra-card {\n  background: var(--hydra-white);\n  border-radius: var(--hydra-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hydra-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hydra-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hydra-shadow-lg);\n  border-color: var(--hydra-primary);\n}\n\n.hydra-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hydra-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hydra-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hydra-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hydra-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hydra-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hydra-grid-compact .hydra-card {\n  padding: 1rem;\n}\n\n.hydra-grid-compact .hydra-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hydra-grid-compact .hydra-card p {\n  font-size: 12px;\n}\n\n.hydra-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.hydra-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hydra-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hydra-primary), var(--hydra-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(240,122,90,.35);\n}\n\n.hydra-timeline-content {\n  flex: 1;\n  background: var(--hydra-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hydra-radius-sm);\n  box-shadow: var(--hydra-shadow);\n}\n\n.hydra-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hydra-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hydra-timeline-content p {\n  font-size: 14px;\n  color: var(--hydra-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.hydra-testimonial {\n  background: var(--hydra-white);\n  border-radius: var(--hydra-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hydra-shadow);\n  border-left: 4px solid var(--hydra-primary);\n}\n\n.hydra-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hydra-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.hydra-testimonial-text strong {\n  color: var(--hydra-primary-dark);\n  font-style: normal;\n}\n\n.hydra-accordion {\n  background: var(--hydra-white);\n  border-radius: var(--hydra-radius);\n  box-shadow: var(--hydra-shadow);\n  overflow: hidden;\n}\n\n.hydra-accordion-item {\n  border-bottom: 1px solid var(--hydra-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hydra-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hydra-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hydra-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}\n\n.hydra-accordion-header:hover {\n  background: var(--hydra-primary-light);\n}\n\n.hydra-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hydra-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--hydra-primary);\n  transition: transform .2s ease;\n}\n\n.hydra-accordion-item[open] .hydra-accordion-header::after {\n  content: '−';\n}\n\n.hydra-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hydra-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hydra-accordion-content p {\n  margin: 0;\n}\n\n.hydra-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hydra-primary-light);\n  border-radius: var(--hydra-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n}\n\n.hydra-tip-icon {\n  font-size: 26px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.hydra-tip p {\n  font-size: 14px;\n  color: var(--hydra-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hydra-tip strong {\n  color: var(--hydra-primary-dark);\n}\n\n.hydra-disclaimer {\n  font-size: 12px;\n  color: var(--hydra-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .hydra-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .hydra-card {\n    padding: 1.125rem;\n  }\n  .hydra-section {\n    margin-bottom: 1.75rem;\n  }\n  .hydra-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hydra-radius-sm);\n  }\n  .hydra-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .hydra-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .hydra-grid-compact {\n    gap: .625rem;\n  }\n  .hydra-grid-compact .hydra-card {\n    padding: .75rem;\n  }\n  .hydra-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .hydra-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .hydra-timeline-content h3 {\n    font-size: 14px;\n  }\n  .hydra-timeline-content p {\n    font-size: 13px;\n  }\n  .hydra-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .hydra-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .hydra-testimonial {\n    padding: 1.25rem;\n  }\n  .hydra-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .hydra-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hydra-card:nth-child(1) { animation-delay: .05s; }\n  .hydra-card:nth-child(2) { animation-delay: .1s; }\n  .hydra-card:nth-child(3) { animation-delay: .15s; }\n  .hydra-card:nth-child(4) { animation-delay: .2s; }\n  .hydra-card:nth-child(5) { animation-delay: .25s; }\n  .hydra-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  .hydra-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Vitavéa","offers":[{"title":"Default Title","offer_id":64266351214969,"sku":"NBAIHAV0001","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/electrolyte-effervescent-peche-20-pastilles-hydrafresh-packshothd.webp?v=1789743084"},{"product_id":"hydrafresh-cerise-20-comprimes","title":"Electrolyte effervescent Cerise - 20 pastilles - Hydrafresh","description":"\u003cdiv class=\"hydra-premium\"\u003e\n  \u003cdiv class=\"hydra-hero\"\u003e\n    \u003cdiv class=\"hydra-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hydra-hero-content\"\u003e\n      \u003cdiv class=\"hydra-badges-top\"\u003e\n        \u003cspan class=\"hydra-badge\"\u003e🍒 Saveur cerise\u003c\/span\u003e\n        \u003cspan class=\"hydra-badge\"\u003e💧 Hydratation +\u003c\/span\u003e\n        \u003cspan class=\"hydra-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"hydra-badge\"\u003e🚫 Sans sucres\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hydra-hero-title\"\u003eL'hydratation effervescente qui pétille\u003c\/span\u003e\n      \u003cp class=\"hydra-subtitle\"\u003e20 comprimés effervescents · Électrolytes, vitamines \u0026amp; minéraux\u003c\/p\u003e\n      \u003cp class=\"hydra-description\"\u003eUne boisson fraîche et savoureuse pour rester hydraté(e) et énergique tout au long de la journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003eHydrafresh Cerise : le complexe vitamines et minéraux pour une hydratation optimale\u003c\/h2\u003e\n    \u003cp class=\"hydra-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire hydratation\u003c\/strong\u003e à la fois pratique et gourmand ? \u003cstrong\u003eHydrafresh Cerise\u003c\/strong\u003e du laboratoire \u003cstrong\u003eVitavéa\u003c\/strong\u003e vous propose un \u003cstrong\u003ecomplexe vitamines et minéraux\u003c\/strong\u003e sous forme de comprimés effervescents, à dissoudre en quelques secondes dans un grand verre d'eau.\u003c\/p\u003e\n    \u003cp class=\"hydra-section-intro\"\u003eIdéal après le sport, lors des fortes chaleurs, en cas de fatigue passagère ou pour soutenir un mode de vie actif, il combine \u003cstrong\u003eélectrolytes, multi-vitamines et minéraux essentiels\u003c\/strong\u003e dans une boisson pétillante au bon goût de cerise, \u003cstrong\u003esans sucres\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Hydrafresh Cerise ?\u003c\/h2\u003e\n    \u003cdiv class=\"hydra-grid\"\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e💧 Hydratation optimale\u003c\/h3\u003e\n        \u003cp\u003eSodium, potassium, magnésium, calcium et chlorure pour compenser les pertes hydriques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e⚡ Énergie \u0026amp; tonus\u003c\/h3\u003e\n        \u003cp\u003eVitamines B et C pour soutenir le métabolisme énergétique au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e😴 Anti-fatigue\u003c\/h3\u003e\n        \u003cp\u003eAide à réduire la fatigue passagère lors des périodes exigeantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e💪 Confort musculaire\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium contribue à une fonction musculaire normale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C (24 mg pour 2 pastilles, 30 % des VNR) soutient le bon fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e✨ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eParticipe à la protection des cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003eComposition détaillée par dose (2 comprimés)\u003c\/h2\u003e\n    \u003cp class=\"hydra-section-intro\"\u003eUne formule complète associant \u003cstrong\u003evitamines, minéraux\u003c\/strong\u003e et électrolytes essentiels :\u003c\/p\u003e\n    \u003cdiv class=\"hydra-grid\"\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e🌿 8 vitamines\u003c\/h3\u003e\n        \u003cp\u003eB1, B3, B5, B6, B8, B9, B12 et vitamine C pour l'énergie et la vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e⚗️ 5 électrolytes\u003c\/h3\u003e\n        \u003cp\u003eSodium, potassium, calcium, magnésium et chlorure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e🔬 Oligo-éléments\u003c\/h3\u003e\n        \u003cp\u003eZinc et manganèse en synergie avec les vitamines et minéraux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hydra-tip\"\u003e\n      \u003cspan class=\"hydra-tip-icon\"\u003e🍒\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans sucres, sans conservateurs\u003c\/strong\u003e et au bon goût naturel de cerise : une alternative saine aux boissons énergétiques classiques.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003eComment prendre Hydrafresh Cerise ?\u003c\/h2\u003e\n    \u003cdiv class=\"hydra-timeline\"\u003e\n      \u003cdiv class=\"hydra-timeline-item\"\u003e\n        \u003cdiv class=\"hydra-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hydra-timeline-content\"\u003e\n          \u003ch3\u003e2 comprimés par jour\u003c\/h3\u003e\n          \u003cp\u003eDose journalière recommandée pour bénéficier pleinement du complexe.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-timeline-item\"\u003e\n        \u003cdiv class=\"hydra-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hydra-timeline-content\"\u003e\n          \u003ch3\u003eDiluez dans 150 ml d'eau par comprimé\u003c\/h3\u003e\n          \u003cp\u003eOu 300 ml dans votre gourde pour un usage nomade.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-timeline-item\"\u003e\n        \u003cdiv class=\"hydra-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hydra-timeline-content\"\u003e\n          \u003ch3\u003eConsommez après dissolution complète\u003c\/h3\u003e\n          \u003cp\u003ePour préserver toute la fraîcheur et l'efficacité de la formule.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse Hydrafresh Cerise ?\u003c\/h2\u003e\n    \u003cdiv class=\"hydra-grid-compact\"\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n        \u003cp\u003eRécupération après l'effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e☀️ Fortes chaleurs\u003c\/h3\u003e\n        \u003cp\u003eCompense la transpiration.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e⚡ Coups de fatigue\u003c\/h3\u003e\n        \u003cp\u003eSoutien du tonus quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e🚫 Sans sucres\u003c\/h3\u003e\n        \u003cp\u003eAlternative saine et gourmande.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hydra-accordion\"\u003e\n      \u003cdetails class=\"hydra-accordion-item\"\u003e\n        \u003csummary class=\"hydra-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"hydra-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe dépassez pas la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hydra-accordion-item\"\u003e\n        \u003csummary class=\"hydra-accordion-header\"\u003e👶 Public sensible\u003c\/summary\u003e\n        \u003cdiv class=\"hydra-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants. En cas de grossesse, d'allaitement ou de traitement médical, demandez conseil à votre médecin ou à votre pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hydra-accordion-item\"\u003e\n        \u003csummary class=\"hydra-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"hydra-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eCe produit ne remplace en aucun cas un traitement médical.\u003c\/strong\u003e Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hydra-disclaimer\"\u003eComplément alimentaire · Fabriqué en France par les Laboratoires Nutrisanté pour Vitavéa Santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hydra-cream: #fdf6f7;\n  --hydra-white: #ffffff;\n  --hydra-primary: #ec4d7a;\n  --hydra-primary-dark: #2d3e4f;\n  --hydra-primary-light: #fde5ec;\n  --hydra-secondary: #3a5468;\n  --hydra-accent: #d63a67;\n  --hydra-text: #1a1a1a;\n  --hydra-text-light: #5a5a5a;\n  --hydra-border: #f0dde3;\n  --hydra-shadow: 0 4px 24px rgba(236, 77, 122, .08);\n  --hydra-shadow-lg: 0 12px 48px rgba(45, 62, 79, .15);\n  --hydra-radius: 20px;\n  --hydra-radius-sm: 12px;\n}\n\n.hydra-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hydra-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--hydra-text);\n}\n\n.hydra-hero {\n  position: relative;\n  background: linear-gradient(135deg, #ec4d7a 0%, #f06d95 50%, #2d3e4f 100%);\n  border-radius: var(--hydra-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(--hydra-shadow-lg);\n}\n\n.hydra-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 2px, transparent 3px),\n    radial-gradient(circle at 70% 60%, rgba(255,255,255,.3) 2px, transparent 3px),\n    radial-gradient(circle at 40% 80%, rgba(255,255,255,.35) 2px, transparent 3px),\n    radial-gradient(circle at 85% 20%, rgba(255,255,255,.3) 2px, transparent 3px);\n  background-size: 120px 120px, 80px 80px, 100px 100px, 90px 90px;\n  opacity: .5;\n}\n\n.hydra-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hydra-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.hydra-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.hydra-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(13px, 2vw, 16px);\n  line-height: 1.6;\n  margin: 0 auto;\n  max-width: 600px;\n}\n\n.hydra-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hydra-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(--hydra-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hydra-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hydra-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hydra-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hydra-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.hydra-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(--hydra-primary), var(--hydra-secondary));\n  border-radius: 2px;\n}\n\n.hydra-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hydra-text-light);\n  margin: 0 auto 1rem;\n  max-width: 780px;\n  line-height: 1.7;\n}\n\n.hydra-card {\n  background: var(--hydra-white);\n  border-radius: var(--hydra-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hydra-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hydra-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hydra-shadow-lg);\n  border-color: var(--hydra-primary);\n}\n\n.hydra-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hydra-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hydra-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hydra-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hydra-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hydra-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hydra-grid-compact .hydra-card {\n  padding: 1rem;\n}\n\n.hydra-grid-compact .hydra-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hydra-grid-compact .hydra-card p {\n  font-size: 12px;\n}\n\n.hydra-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.hydra-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hydra-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hydra-primary), var(--hydra-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(236, 77, 122, .3);\n}\n\n.hydra-timeline-content {\n  flex: 1;\n  background: var(--hydra-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hydra-radius-sm);\n  box-shadow: var(--hydra-shadow);\n}\n\n.hydra-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hydra-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hydra-timeline-content p {\n  font-size: 14px;\n  color: var(--hydra-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.hydra-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hydra-primary-light);\n  border-radius: var(--hydra-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--hydra-primary);\n}\n\n.hydra-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hydra-tip p {\n  font-size: 14px;\n  color: var(--hydra-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hydra-accordion {\n  background: var(--hydra-white);\n  border-radius: var(--hydra-radius);\n  box-shadow: var(--hydra-shadow);\n  overflow: hidden;\n}\n\n.hydra-accordion-item {\n  border-bottom: 1px solid var(--hydra-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hydra-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hydra-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hydra-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.hydra-accordion-header:hover {\n  background: var(--hydra-primary-light);\n}\n\n.hydra-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hydra-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hydra-primary);\n  transition: transform .2s ease;\n}\n\n.hydra-accordion-item[open] .hydra-accordion-header::after {\n  content: '−';\n}\n\n.hydra-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hydra-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hydra-accordion-content p {\n  margin: 0;\n}\n\n.hydra-disclaimer {\n  font-size: 12px;\n  color: var(--hydra-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .hydra-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .hydra-card {\n    padding: 1.125rem;\n  }\n  .hydra-section {\n    margin-bottom: 1.75rem;\n  }\n  .hydra-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hydra-radius-sm);\n  }\n  .hydra-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .hydra-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .hydra-grid-compact {\n    gap: .625rem;\n  }\n  .hydra-grid-compact .hydra-card {\n    padding: .75rem;\n  }\n  .hydra-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .hydra-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .hydra-timeline-content h3 {\n    font-size: 14px;\n  }\n  .hydra-timeline-content p {\n    font-size: 13px;\n  }\n  .hydra-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .hydra-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .hydra-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hydra-card:nth-child(1) { animation-delay: .05s; }\n  .hydra-card:nth-child(2) { animation-delay: .1s; }\n  .hydra-card:nth-child(3) { animation-delay: .15s; }\n  .hydra-card:nth-child(4) { animation-delay: .2s; }\n  .hydra-card:nth-child(5) { animation-delay: .25s; }\n  .hydra-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  .hydra-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Vitavéa","offers":[{"title":"Default Title","offer_id":64266492051833,"sku":"NBAIHAV0003","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hydrafresh-cerise-20-comprimes-in-use_e707ce0f-69ec-45e6-9b94-b220b6f15664.webp?v=1789742967"},{"product_id":"electrolyte-hydrafresh-citron-20-comprimes","title":"Electrolyte effervescent Citron Verveine - 20 pastilles - Hydrafresh","description":"\u003cdiv class=\"hydra-premium\"\u003e\n  \u003cdiv class=\"hydra-hero\"\u003e\n    \u003cdiv class=\"hydra-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hydra-hero-content\"\u003e\n      \u003cdiv class=\"hydra-badges-top\"\u003e\n        \u003cspan class=\"hydra-badge\"\u003e🍋 Saveur citron-verveine\u003c\/span\u003e\n        \u003cspan class=\"hydra-badge\"\u003e💧 Hydratation +\u003c\/span\u003e\n        \u003cspan class=\"hydra-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"hydra-badge\"\u003e🚫 Sans sucres\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hydra-hero-title\"\u003eL'hydratation effervescente au quotidien\u003c\/span\u003e\n      \u003cp class=\"hydra-subtitle\"\u003e20 comprimés effervescents · Électrolytes, vitamines \u0026amp; minéraux\u003c\/p\u003e\n      \u003cp class=\"hydra-description\"\u003eUne boisson fraîche, ludique et pratique pour rester hydraté(e) et énergique tout au long de la journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003eHydrafresh Citron Verveine : le complément alimentaire hydratation\u003c\/h2\u003e\n    \u003cp class=\"hydra-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire hydratation\u003c\/strong\u003e savoureux et efficace ? \u003cstrong\u003eHydrafresh Citron Verveine\u003c\/strong\u003e du laboratoire \u003cstrong\u003eVitavéa\u003c\/strong\u003e associe un \u003cstrong\u003ecomplexe de vitamines et minéraux\u003c\/strong\u003e essentiels dans un comprimé effervescent au goût subtil de citron et de verveine.\u003c\/p\u003e\n    \u003cp class=\"hydra-section-intro\"\u003eAprès le sport, lors des fortes chaleurs, en cas de fatigue passagère ou pour soutenir un mode de vie actif, il se dissout en quelques secondes dans un verre d'eau pour une boisson désaltérante et revitalisante.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Hydrafresh Citron Verveine ?\u003c\/h2\u003e\n    \u003cdiv class=\"hydra-grid\"\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e💧 Hydratation optimale\u003c\/h3\u003e\n        \u003cp\u003eSodium, potassium, magnésium, calcium et chlorure pour compenser les pertes hydriques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e⚡ Énergie \u0026amp; tonus\u003c\/h3\u003e\n        \u003cp\u003eVitamines B et vitamine C pour soutenir votre vitalité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e😴 Anti-fatigue\u003c\/h3\u003e\n        \u003cp\u003eContribue à réduire la fatigue passagère lors des périodes exigeantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine C (24 mg pour 2 pastilles, 30 % des VNR) soutient le bon fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e💪 Confort musculaire\u003c\/h3\u003e\n        \u003cp\u003eLe magnésium participe à une fonction musculaire normale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e🚫 Sans sucres\u003c\/h3\u003e\n        \u003cp\u003eUne alternative fraîche et légère aux boissons énergétiques classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"hydra-section-intro\"\u003eChaque comprimé effervescent Hydrafresh renferme un \u003cstrong\u003ecomplexe vitamines et minéraux\u003c\/strong\u003e complet pour couvrir vos besoins essentiels.\u003c\/p\u003e\n    \u003cdiv class=\"hydra-grid\"\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e🌿 8 vitamines essentielles\u003c\/h3\u003e\n        \u003cp\u003eB1, B3, B5, B6, B8, B9, B12 et vitamine C pour l'énergie et la vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e⚗️ Électrolytes \u0026amp; minéraux\u003c\/h3\u003e\n        \u003cp\u003eSodium, potassium, calcium, magnésium et chlorure pour une hydratation en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e🔬 Oligo-éléments\u003c\/h3\u003e\n        \u003cp\u003eZinc et manganèse pour compléter la synergie et soutenir l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hydra-tip\"\u003e\n      \u003cspan class=\"hydra-tip-icon\"\u003e🍋\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eArôme naturel citron-verveine\u003c\/strong\u003e, sans sucres ni conservateurs, pour allier plaisir et efficacité à chaque prise.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003eComment prendre Hydrafresh Citron Verveine ?\u003c\/h2\u003e\n    \u003cdiv class=\"hydra-timeline\"\u003e\n      \u003cdiv class=\"hydra-timeline-item\"\u003e\n        \u003cdiv class=\"hydra-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hydra-timeline-content\"\u003e\n          \u003ch3\u003ePrenez 2 comprimés par jour\u003c\/h3\u003e\n          \u003cp\u003eRépartis idéalement matin et après-midi pour une hydratation constante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-timeline-item\"\u003e\n        \u003cdiv class=\"hydra-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hydra-timeline-content\"\u003e\n          \u003ch3\u003eDiluez dans un grand verre d'eau\u003c\/h3\u003e\n          \u003cp\u003e150 ml d'eau par comprimé, ou directement dans votre gourde.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-timeline-item\"\u003e\n        \u003cdiv class=\"hydra-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hydra-timeline-content\"\u003e\n          \u003ch3\u003eConsommez immédiatement\u003c\/h3\u003e\n          \u003cp\u003eAprès dissolution complète, pour préserver toute la fraîcheur de la boisson.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse Hydrafresh ?\u003c\/h2\u003e\n    \u003cdiv class=\"hydra-grid-compact\"\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e💧 Faibles buveurs d'eau\u003c\/h3\u003e\n        \u003cp\u003ePour boire plus, avec plaisir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n        \u003cp\u003eRécupération après l'effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e☀️ Coups de chaud\u003c\/h3\u003e\n        \u003cp\u003eCompensation des pertes minérales.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hydra-card\"\u003e\n        \u003ch3\u003e⚡ Fatigue passagère\u003c\/h3\u003e\n        \u003cp\u003eCoup de boost naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\"\u003e\n    \u003ch2\u003eUn produit de qualité fabriqué en France\u003c\/h2\u003e\n    \u003cdiv class=\"hydra-testimonial\"\u003e\n      \u003cp class=\"hydra-testimonial-text\"\u003e\"Hydrafresh est développé par \u003cstrong\u003eVitavéa Santé\u003c\/strong\u003e en partenariat avec les \u003cstrong\u003eLaboratoires Nutrisanté\u003c\/strong\u003e, basés à Montaigu (85). Un produit \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, gage de rigueur et de qualité.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hydra-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hydra-accordion\"\u003e\n      \u003cdetails class=\"hydra-accordion-item\"\u003e\n        \u003csummary class=\"hydra-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"hydra-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe dépassez pas la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hydra-accordion-item\"\u003e\n        \u003csummary class=\"hydra-accordion-header\"\u003e👶 Public sensible\u003c\/summary\u003e\n        \u003cdiv class=\"hydra-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants. En cas de traitement médical, de grossesse ou d'allaitement, demandez conseil à votre médecin ou à votre pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hydra-accordion-item\"\u003e\n        \u003csummary class=\"hydra-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"hydra-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eCe produit ne remplace en aucun cas un traitement médical.\u003c\/strong\u003e Consultez un professionnel de santé en cas de doute ou de pathologie particulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hydra-disclaimer\"\u003eComplément alimentaire · À consommer dans le cadre d'une alimentation variée, équilibrée et d'un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hydra-cream: #f4faf9;\n  --hydra-white: #ffffff;\n  --hydra-primary: #1fa9a0;\n  --hydra-primary-dark: #0f5e6b;\n  --hydra-primary-light: #d8f0ee;\n  --hydra-secondary: #3fc5b8;\n  --hydra-accent: #f5d547;\n  --hydra-text: #1a2e33;\n  --hydra-text-light: #5a6b6f;\n  --hydra-border: #d9e7e6;\n  --hydra-shadow: 0 4px 24px rgba(15,94,107,.08);\n  --hydra-shadow-lg: 0 12px 48px rgba(15,94,107,.18);\n  --hydra-radius: 20px;\n  --hydra-radius-sm: 12px;\n}\n\n.hydra-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hydra-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--hydra-text);\n}\n\n\/* === HERO === *\/\n.hydra-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0f5e6b 0%, #1fa9a0 55%, #3fc5b8 100%);\n  border-radius: var(--hydra-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(--hydra-shadow-lg);\n}\n\n.hydra-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 15% 20%, rgba(255,255,255,.35) 0, transparent 3%),\n    radial-gradient(circle at 85% 60%, rgba(255,255,255,.3) 0, transparent 2%),\n    radial-gradient(circle at 25% 80%, rgba(255,255,255,.25) 0, transparent 2.5%),\n    radial-gradient(circle at 70% 15%, rgba(255,255,255,.3) 0, transparent 2%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.2) 0, transparent 3%);\n  opacity: .5;\n}\n\n.hydra-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hydra-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.hydra-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 17px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.hydra-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(13px, 2.2vw, 16px);\n  margin: 0 auto;\n  max-width: 620px;\n  line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.hydra-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hydra-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(--hydra-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hydra-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hydra-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hydra-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hydra-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.hydra-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(--hydra-primary), var(--hydra-secondary));\n  border-radius: 2px;\n}\n\n.hydra-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hydra-text-light);\n  margin: 0 auto 1rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.hydra-section-intro strong {\n  color: var(--hydra-primary-dark);\n}\n\n\/* === CARDS === *\/\n.hydra-card {\n  background: var(--hydra-white);\n  border-radius: var(--hydra-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hydra-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hydra-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hydra-shadow-lg);\n  border-color: var(--hydra-primary);\n}\n\n.hydra-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hydra-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hydra-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hydra-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hydra-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hydra-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hydra-grid-compact .hydra-card {\n  padding: 1rem;\n}\n\n.hydra-grid-compact .hydra-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hydra-grid-compact .hydra-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hydra-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.hydra-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hydra-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hydra-primary), var(--hydra-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(31,169,160,.4);\n}\n\n.hydra-timeline-content {\n  flex: 1;\n  background: var(--hydra-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hydra-radius-sm);\n  box-shadow: var(--hydra-shadow);\n}\n\n.hydra-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hydra-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hydra-timeline-content p {\n  font-size: 14px;\n  color: var(--hydra-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.hydra-testimonial {\n  background: var(--hydra-white);\n  border-radius: var(--hydra-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hydra-shadow);\n  border-left: 4px solid var(--hydra-primary);\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.hydra-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hydra-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.hydra-testimonial-text strong {\n  color: var(--hydra-primary-dark);\n  font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.hydra-accordion {\n  background: var(--hydra-white);\n  border-radius: var(--hydra-radius);\n  box-shadow: var(--hydra-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.hydra-accordion-item {\n  border-bottom: 1px solid var(--hydra-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hydra-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hydra-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hydra-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.hydra-accordion-header:hover {\n  background: var(--hydra-primary-light);\n}\n\n.hydra-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hydra-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hydra-primary);\n  transition: transform .2s ease;\n}\n\n.hydra-accordion-item[open] .hydra-accordion-header::after {\n  content: '−';\n}\n\n.hydra-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hydra-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hydra-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.hydra-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hydra-primary-light);\n  border-radius: var(--hydra-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 820px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.hydra-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hydra-tip p {\n  font-size: 14px;\n  color: var(--hydra-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hydra-tip strong {\n  color: var(--hydra-primary-dark);\n}\n\n\/* === DISCLAIMER === *\/\n.hydra-disclaimer {\n  font-size: 12px;\n  color: var(--hydra-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .hydra-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .hydra-card {\n    padding: 1.125rem;\n  }\n  .hydra-section {\n    margin-bottom: 1.75rem;\n  }\n  .hydra-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hydra-radius-sm);\n  }\n  .hydra-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .hydra-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .hydra-grid-compact {\n    gap: .625rem;\n  }\n  .hydra-grid-compact .hydra-card {\n    padding: .75rem;\n  }\n  .hydra-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .hydra-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .hydra-timeline-content h3 {\n    font-size: 14px;\n  }\n  .hydra-timeline-content p {\n    font-size: 13px;\n  }\n  .hydra-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .hydra-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .hydra-testimonial {\n    padding: 1.25rem;\n  }\n  .hydra-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hydra-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hydra-card:nth-child(1) { animation-delay: .05s; }\n  .hydra-card:nth-child(2) { animation-delay: .1s; }\n  .hydra-card:nth-child(3) { animation-delay: .15s; }\n  .hydra-card:nth-child(4) { animation-delay: .2s; }\n  .hydra-card:nth-child(5) { animation-delay: .25s; }\n  .hydra-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  .hydra-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"Vitavéa","offers":[{"title":"Default Title","offer_id":64266683777401,"sku":"NBAIHAV0002","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/electrolytes-hydrafresh-citron-verveine-20-pastilles-packshothd.webp?v=1789742514"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/vitavea.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}