{"product_id":"shampooing-dermatologique-certifie-bio-500-ml-coslys","title":"Shampooing dermatologique Bio - Cuir chevelu sensible - 500 ml - Coslys","description":"\u003cdiv class=\"cos-premium\"\u003e\n\u003cdiv class=\"cos-hero\"\u003e\n\u003cdiv class=\"cos-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cos-hero-content\"\u003e\n\u003cdiv class=\"cos-badges-top\"\u003e\n\u003cspan class=\"cos-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"cos-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cos-badge\"\u003e🐰 Cruelty Free\u003c\/span\u003e \u003cspan class=\"cos-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cos-hero-title\"\u003eLa haute tolérance au cœur de l'avoine bio\u003c\/span\u003e\n\u003cp class=\"cos-subtitle\"\u003eShampooing dermatologique certifié bio · 500 ml\u003c\/p\u003e\n\u003cp class=\"cos-description\"\u003eCertifié Cosmos Organic, ce shampooing bio haute tolérance associe la douceur de l'avoine bio, de la reine des prés et de l'aloe vera pour nettoyer sans agresser. Sans parfum, sans sulfates ni silicones, il apaise dès la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cos-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce shampooing bio dermatologique ?\u003c\/h2\u003e\n\u003cp class=\"cos-section-intro\"\u003eSi vous cherchez l'un des \u003cstrong\u003emeilleurs shampooings bio\u003c\/strong\u003e pour cuir chevelu réactif, la formule Coslys se distingue par sa haute tolérance testée sous contrôle dermatologique. Sa base lavante d'origine végétale préserve le film hydrolipidique naturel, pour un lavage efficace sans tiraillement ni sécheresse. Un vrai \u003cstrong\u003eshampooing dermatologique\u003c\/strong\u003e qui respecte la sensibilité de votre peau.\u003c\/p\u003e\n\u003cdiv class=\"cos-grid\"\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🌿 97,9 % d'origine naturelle\u003c\/h3\u003e\n\u003cp\u003eUne formule \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, dont 10,2 % d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🚫 0 % sulfates, silicones, parfums\u003c\/h3\u003e\n\u003cp\u003eZéro ingrédient agressif : votre cuir chevelu retrouve son équilibre sans irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e👨👩👧 Toute la famille, dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eConvient à tous types de cheveux, y compris aux plus jeunes de la maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e♻️ Flacon 100 % recyclé\u003c\/h3\u003e\n\u003cp\u003eUn engagement concret : flacon en plastique recyclé et entièrement recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cos-section\"\u003e\n\u003ch2\u003eL'avoine bio, l'actif star pour apaiser\u003c\/h2\u003e\n\u003cp class=\"cos-section-intro\"\u003eAu cœur de ce \u003cstrong\u003eshampooing bio\u003c\/strong\u003e se trouve l'extrait d'avoine bio (\u003cem\u003eAvena Sativa\u003c\/em\u003e), reconnu pour ses vertus apaisantes. Associé à l'eau florale de reine des prés et au jus d'aloe vera bio, il calme les démangeaisons, les rougeurs et les inconforts du quotidien.\u003c\/p\u003e\n\u003cdiv class=\"cos-grid\"\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🌾 Avoine bio\u003c\/h3\u003e\n\u003cp\u003eRenforce la tolérance cutanée et calme les cuirs chevelus réactifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🌸 Reine des prés bio\u003c\/h3\u003e\n\u003cp\u003eRéduit les sensations d'inconfort et les rougeurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n\u003cp\u003eHydrate et adoucit pour un confort immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-tip\"\u003e\n\u003cdiv class=\"cos-tip-icon\"\u003e💡\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eLe conseil Naturellement Bio :\u003c\/strong\u003e Complétez votre routine avec un \u003cstrong\u003eaprès-shampooing bio\u003c\/strong\u003e doux pour prolonger l'effet apaisant, notamment sur cheveux longs, colorés ou blancs fragilisés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cos-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cdiv class=\"cos-accordion\"\u003e\n\u003cdetails class=\"cos-accordion-item\"\u003e\n\u003csummary class=\"cos-accordion-header\"\u003e📋 Voir la liste INCI complète\u003c\/summary\u003e\n\u003cdiv class=\"cos-accordion-content mt-3\"\u003e\n\u003cp\u003eAqua, Caprylyl\/Capryl Glucoside, Decyl Glucoside, Sodium Cocoamphoacetate, Lactic Acid, Glyceryl Stearate SE, Xanthan Gum, Sodium Cocoyl Glutamate, Sodium Chloride, \u003cem\u003eSpiraea Ulmaria Flower Water*\u003c\/em\u003e, Isoamyl Laurate, \u003cem\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/em\u003e, \u003cem\u003eTriticum Spelta Seed Water*\u003c\/em\u003e, \u003cem\u003eAvena Sativa (Oat) Kernel Extract*\u003c\/em\u003e, Bentonite, Caprylyl Glycol, \u003cem\u003eBisabolol*\u003c\/em\u003e, Glyceryl Caprylate, Propanediol, Tocopherol, Sodium Benzoate, Potassium Sorbate, Citric Acid.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003e* Issus de l'Agriculture Biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cos-section\"\u003e\n\u003ch2\u003eComment utiliser votre shampooing bio ?\u003c\/h2\u003e\n\u003cdiv class=\"cos-timeline\"\u003e\n\u003cdiv class=\"cos-timeline-item\"\u003e\n\u003cdiv class=\"cos-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cos-timeline-content\"\u003e\n\u003ch3\u003eAppliquer\u003c\/h3\u003e\n\u003cp\u003eDéposez une noisette de produit sur cheveux mouillés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-timeline-item\"\u003e\n\u003cdiv class=\"cos-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cos-timeline-content\"\u003e\n\u003ch3\u003eMasser\u003c\/h3\u003e\n\u003cp\u003eFaites mousser doucement en massant le cuir chevelu du bout des doigts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-timeline-item\"\u003e\n\u003cdiv class=\"cos-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cos-timeline-content\"\u003e\n\u003ch3\u003eRincer\u003c\/h3\u003e\n\u003cp\u003eRincez abondamment à l'eau tiède. Convient à un usage quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cos-section\"\u003e\n\u003ch2\u003ePour qui est fait ce shampooing ?\u003c\/h2\u003e\n\u003cdiv class=\"cos-grid\"\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🔴 Cuirs chevelus sensibles\u003c\/h3\u003e\n\u003cp\u003ePour les personnes sujettes aux démangeaisons et irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🤍 Cheveux blancs ou colorés\u003c\/h3\u003e\n\u003cp\u003eUne alternative naturelle aux \u003cstrong\u003eshampooings cheveux blancs bio\u003c\/strong\u003e classiques, respectueuse de la fibre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e👶 Enfants dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eFormule haute tolérance, sans parfum, idéale pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cos-disclaimer\"\u003eCe shampooing ne remplace pas un avis médical. En cas de trouble persistant du cuir chevelu, consultez un dermatologue.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cos-section\"\u003e\n\u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"cos-grid-compact\"\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n\u003cp\u003eCoslys\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003e500 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic · Cruelty Free · Vegan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n\u003cp\u003eFrance\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🔖 Référence\u003c\/h3\u003e\n\u003cp\u003eCS0260 · EAN 3538396163407\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cos-card\"\u003e\n\u003ch3\u003e🌿 Origine naturelle\u003c\/h3\u003e\n\u003cp\u003e97,9 % dont 10,2 % bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cos-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"cos-cta-box\"\u003e\n\u003cp\u003eOffrez à votre cuir chevelu la haute tolérance qu'il mérite avec ce shampooing dermatologique certifié bio. Votre routine capillaire naturelle commence ici.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --cos-cream: #f7f5ef;\n  --cos-white: #ffffff;\n  --cos-primary: #8ba888;\n  --cos-primary-dark: #4a6b4d;\n  --cos-primary-light: #e8efe5;\n  --cos-secondary: #c9d4a8;\n  --cos-accent: #f4c2c9;\n  --cos-text: #2a3428;\n  --cos-text-light: #5a6b58;\n  --cos-border: #e0e0e0;\n  --cos-shadow: 0 4px 24px rgba(74,107,77,.08);\n  --cos-shadow-lg: 0 12px 48px rgba(74,107,77,.15);\n  --cos-radius: 20px;\n  --cos-radius-sm: 12px;\n}\n\n.cos-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cos-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cos-text);\n  line-height: 1.6;\n}\n\n.cos-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8ba888 0%, #a8c19f 50%, #c9d4a8 100%);\n  border-radius: var(--cos-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(--cos-shadow-lg);\n}\n\n.cos-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 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n  opacity: .3;\n}\n\n.cos-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cos-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,.15);\n  line-height: 1.15;\n}\n\n.cos-subtitle {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.cos-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 700px;\n  margin: 0 auto;\n  opacity: .95;\n  line-height: 1.7;\n}\n\n.cos-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cos-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(--cos-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cos-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cos-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cos-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cos-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.cos-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(--cos-primary), var(--cos-secondary));\n  border-radius: 2px;\n}\n\n.cos-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cos-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 780px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.cos-card {\n  background: var(--cos-white);\n  border-radius: var(--cos-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cos-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cos-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cos-shadow-lg);\n  border-color: var(--cos-primary);\n}\n\n.cos-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cos-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cos-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cos-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cos-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cos-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cos-grid-compact .cos-card {\n  padding: 1rem;\n}\n\n.cos-grid-compact .cos-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cos-grid-compact .cos-card p {\n  font-size: 12px;\n}\n\n.cos-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.cos-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cos-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cos-primary), var(--cos-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cos-timeline-content {\n  flex: 1;\n  background: var(--cos-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cos-radius-sm);\n  box-shadow: var(--cos-shadow);\n}\n\n.cos-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cos-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cos-timeline-content p {\n  font-size: 14px;\n  color: var(--cos-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cos-accordion {\n  background: var(--cos-white);\n  border-radius: var(--cos-radius);\n  box-shadow: var(--cos-shadow);\n  overflow: hidden;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.cos-accordion-item {\n  border-bottom: 1px solid var(--cos-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cos-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cos-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cos-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.cos-accordion-header:hover {\n  background: var(--cos-primary-light);\n}\n\n.cos-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cos-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--cos-primary);\n  transition: transform .2s ease;\n}\n\n.cos-accordion-item[open] .cos-accordion-header::after {\n  content: '−';\n}\n\n.cos-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cos-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.cos-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.cos-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cos-primary-light);\n  border-radius: var(--cos-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--cos-primary);\n}\n\n.cos-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.cos-tip p {\n  font-size: 14px;\n  color: var(--cos-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cos-cta-box {\n  background: linear-gradient(135deg, var(--cos-primary) 0%, var(--cos-primary-dark) 100%);\n  border-radius: var(--cos-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cos-shadow-lg);\n}\n\n.cos-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n  max-width: 780px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.cos-disclaimer {\n  font-size: 12px;\n  color: var(--cos-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cos-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .cos-card {\n    padding: 1.125rem;\n  }\n  .cos-section {\n    margin-bottom: 1.75rem;\n  }\n  .cos-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cos-radius-sm);\n  }\n  .cos-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .cos-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .cos-grid-compact {\n    gap: .625rem;\n  }\n  .cos-grid-compact .cos-card {\n    padding: .75rem;\n  }\n  .cos-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .cos-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .cos-timeline-content h3 {\n    font-size: 14px;\n  }\n  .cos-timeline-content p {\n    font-size: 13px;\n  }\n  .cos-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .cos-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cos-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cos-card:nth-child(1) { animation-delay: .05s; }\n  .cos-card:nth-child(2) { animation-delay: .1s; }\n  .cos-card:nth-child(3) { animation-delay: .15s; }\n  .cos-card:nth-child(4) { animation-delay: .2s; }\n  .cos-card:nth-child(5) { animation-delay: .25s; }\n  .cos-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  .cos-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":64696118903161,"sku":"CS0260","price":13.55,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-dermatologique-certifie-bio-500-ml-coslys-packshothd.webp?v=1790246345","url":"https:\/\/www.naturellement-bio.com\/products\/shampooing-dermatologique-certifie-bio-500-ml-coslys","provider":"Naturellement Bio","version":"1.0","type":"link"}