{"product_id":"creme-solaire-liquide-spf-50-vanille-comme-avant","title":"Crème Solaire Liquide SPF 50 - Vanille - Comme avant","description":"\u003cdiv class=\"cs-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cs-hero\"\u003e\n\u003cdiv class=\"cs-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cs-hero-content\"\u003e\n\u003cdiv class=\"cs-badges-top\"\u003e\n\u003cspan class=\"cs-badge\"\u003e☀️ SPF 50 – UVA\/UVB\u003c\/span\u003e \u003cspan class=\"cs-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e \u003cspan class=\"cs-badge\"\u003e👶 Dès la naissance\u003c\/span\u003e \u003cspan class=\"cs-badge\"\u003e🇫🇷 Fabriquée à Marseille\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cs-hero-title\"\u003eCrème solaire liquide SPF 50 Vanille\u003c\/span\u003e\n\u003cp class=\"cs-subtitle\"\u003eComme Avant\u003c\/p\u003e\n\u003cp class=\"cs-description\"\u003eProtection haute SPF 50 100 % minérale, certifiée bio, au doux parfum de vanille. Pour toute la famille, dès la naissance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cs-section\"\u003e\n\u003cp class=\"cs-section-intro\"\u003eVous cherchez une crème solaire SPF 50 à la fois efficace, naturelle et agréable à appliquer ? La crème solaire liquide de Comme Avant combine une protection haute SPF 50 (UVA\/UVB) avec une formule biologique certifiée Cosmos Organic, sans aucun filtre chimique.\u003c\/p\u003e\n\u003cdiv class=\"cs-grid-compact\"\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e☀️ SPF 50\u003c\/h3\u003e\n\u003cp\u003eProtection haute UVA\/UVB grâce au filtre 100 % minéral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n\u003cp\u003eCosmos Organic, sans filtre chimique ni conservateur synthétique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🍦 Parfum vanille\u003c\/h3\u003e\n\u003cp\u003eFragrance naturelle douce et gourmande, un vrai plaisir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient dès la naissance, aux femmes enceintes et allaitantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cs-section\"\u003e\n\u003ch2\u003ePourquoi choisir cette crème solaire visage et corps SPF 50 ?\u003c\/h2\u003e\n\u003cdiv class=\"cs-grid\"\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🛡️ Filtre 100 % minéral\u003c\/h3\u003e\n\u003cp\u003eRepose exclusivement sur l'oxyde de zinc pour bloquer les rayons UVA et UVB. Sans dioxyde de titane, sans octocrylène, sans huile minérale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e💧 Texture fluide et légère\u003c\/h3\u003e\n\u003cp\u003eS'étale facilement sans laisser de film gras ni de traces blanches, même sur les peaux foncées. Fini l'effet masque blanc !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🌊 Biodégradable\u003c\/h3\u003e\n\u003cp\u003eFormule respectueuse de votre peau et de l'environnement marin. Non testée sur les animaux, certifiée végan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🧴 Non comédogène\u003c\/h3\u003e\n\u003cp\u003eParfaite pour les peaux sensibles, réactives ou sujettes aux imperfections. Sans aluminium et sans huile essentielle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cs-section\"\u003e\n\u003ch2\u003eUne composition courte et transparente\u003c\/h2\u003e\n\u003cp class=\"cs-section-intro\"\u003eSeulement \u003cstrong\u003e9 ingrédients\u003c\/strong\u003e, dont plusieurs issus de l'agriculture biologique. Rien de superflu, que l'essentiel.\u003c\/p\u003e\n\u003cdiv class=\"cs-grid\"\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🌰 Huile de noisette bio\u003c\/h3\u003e\n\u003cp\u003ePénètre rapidement, nourrit la peau sans effet gras. Base hydratante principale de la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🛡️ Oxyde de zinc [nano]\u003c\/h3\u003e\n\u003cp\u003eFiltre minéral offrant une protection SPF 50 et un indice UVA de 23,6. Le cœur de la protection solaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🌱 Huile de karanja bio\u003c\/h3\u003e\n\u003cp\u003eRenforce naturellement la protection solaire grâce à ses propriétés photo-protectrices uniques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🥥 Caprylic\/Capric Triglyceride\u003c\/h3\u003e\n\u003cp\u003eAgent hydratant dérivé de la noix de coco pour une peau douce et nourrie en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🌾 Oryzanol\u003c\/h3\u003e\n\u003cp\u003eAntioxydant puissant issu du riz qui protège la peau du stress oxydatif et du vieillissement prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🍦 Parfum vanille naturel\u003c\/h3\u003e\n\u003cp\u003eFragrance douce et gourmande pour transformer l'application en moment de plaisir sensoriel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-tip\"\u003e\n\u003cspan class=\"cs-tip-icon\"\u003eℹ️\u003c\/span\u003e\n\u003cp\u003eComplètent la formule : \u003cstrong\u003eIsoamyl Laurate\u003c\/strong\u003e (émollient végétal pour une texture soyeuse), \u003cstrong\u003eGlyceryl Behenate\u003c\/strong\u003e (stabilisant naturel) et \u003cstrong\u003ePolyhydroxystearic Acid\u003c\/strong\u003e (disperse uniformément le filtre minéral). Sans huile essentielle et sans aluminium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cs-section\"\u003e\n\u003ch2\u003eComment bien appliquer cette crème solaire SPF 50 ?\u003c\/h2\u003e\n\u003cdiv class=\"cs-timeline\"\u003e\n\u003cdiv class=\"cs-timeline-item\"\u003e\n\u003cdiv class=\"cs-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez bien avant chaque utilisation pour homogénéiser la formule et garantir une répartition optimale du filtre minéral.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-item\"\u003e\n\u003cdiv class=\"cs-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-content\"\u003e\n\u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eCorps :\u003c\/strong\u003e vaporisez directement sur la peau et étalez en couche uniforme. \u003cstrong\u003eVisage :\u003c\/strong\u003e vaporisez dans le creux de vos mains, puis appliquez en évitant le contour des yeux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-item\"\u003e\n\u003cdiv class=\"cs-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cs-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez toutes les 2 heures\u003c\/h3\u003e\n\u003cp\u003eRéappliquez après chaque baignade, transpiration ou essuyage pour maintenir une protection optimale tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-tip\"\u003e\n\u003cspan class=\"cs-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e aucune crème solaire ne procure une protection à 100 %. Évitez les expositions prolongées, surtout aux heures les plus chaudes, et protégez les enfants avec des vêtements, un chapeau et des lunettes de soleil. Ne pas appliquer sur une peau irritée ou abîmée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cs-section\"\u003e\n\u003ch2\u003eFabrication française et engagements\u003c\/h2\u003e\n\u003cdiv class=\"cs-grid-compact\"\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriquée près de Marseille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n\u003cp\u003eCertification bio reconnue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🐰 Végan\u003c\/h3\u003e\n\u003cp\u003eNon testée sur les animaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🌊 Biodégradable\u003c\/h3\u003e\n\u003cp\u003eRespectueuse des milieux marins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n\u003cp\u003eFlacon pompe de 90 ml\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-card\"\u003e\n\u003ch3\u003e🕐 Conservation\u003c\/h3\u003e\n\u003cp\u003e30 mois à température ambiante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"cs-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"cs-cta-box\"\u003e\n\u003cp\u003e☀️ Une protection solaire haute performance dans une formule minimaliste, biologique et adaptée aux peaux les plus sensibles. Un choix responsable pour profiter du soleil en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cs-disclaimer\"\u003eLes produits solaires ne procurent pas une protection à 100 %. L'exposition prolongée au soleil reste un facteur de risque même avec une protection SPF 50.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --cs-cream: #FDF8F0;\n  --cs-white: #ffffff;\n  --cs-primary: #B8860B;\n  --cs-primary-dark: #6B4E0A;\n  --cs-primary-light: #F5ECD7;\n  --cs-secondary: #D4A853;\n  --cs-accent: #5A8FA8;\n  --cs-text: #1a1a1a;\n  --cs-text-light: #5a5a5a;\n  --cs-border: #e8e0d4;\n  --cs-shadow: 0 4px 24px rgba(107, 78, 10, .08);\n  --cs-shadow-lg: 0 12px 48px rgba(107, 78, 10, .15);\n  --cs-radius: 20px;\n  --cs-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cs-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cs-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cs-premium *, .cs-premium *::before, .cs-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.cs-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B6914 0%, #B8860B 40%, #D4A853 100%);\n  border-radius: var(--cs-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(--cs-shadow-lg);\n}\n\n.cs-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.cs-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cs-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.cs-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.cs-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  margin: 0;\n  line-height: 1.7;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === BADGES === *\/\n.cs-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cs-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(--cs-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cs-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cs-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cs-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cs-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.3;\n}\n\n.cs-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(--cs-primary), var(--cs-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.cs-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cs-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cs-card {\n  background: var(--cs-white);\n  border-radius: var(--cs-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cs-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cs-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cs-shadow-lg);\n  border-color: var(--cs-primary);\n}\n\n.cs-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cs-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cs-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cs-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cs-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cs-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cs-grid-compact .cs-card {\n  padding: 1rem;\n}\n\n.cs-grid-compact .cs-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cs-grid-compact .cs-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cs-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cs-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cs-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cs-primary), var(--cs-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.cs-timeline-content {\n  flex: 1;\n  background: var(--cs-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cs-radius-sm);\n  box-shadow: var(--cs-shadow);\n}\n\n.cs-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cs-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cs-timeline-content p {\n  font-size: 14px;\n  color: var(--cs-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.cs-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cs-primary-light);\n  border-radius: var(--cs-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cs-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cs-tip p {\n  font-size: 14px;\n  color: var(--cs-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cs-cta-box {\n  background: linear-gradient(135deg, var(--cs-primary) 0%, var(--cs-primary-dark) 100%);\n  border-radius: var(--cs-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cs-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cs-disclaimer {\n  font-size: 12px;\n  color: var(--cs-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cs-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cs-card {\n    padding: 1.125rem;\n  }\n\n  .cs-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cs-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cs-radius-sm);\n  }\n\n  .cs-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cs-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cs-grid-compact {\n    gap: .625rem;\n  }\n\n  .cs-grid-compact .cs-card {\n    padding: .75rem;\n  }\n\n  .cs-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cs-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cs-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cs-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cs-tip {\n    padding: .875rem 1rem;\n  }\n\n  .cs-tip-icon {\n    font-size: 20px;\n  }\n\n  .cs-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cs-card {\n    animation: csFadeInUp .5s ease backwards;\n  }\n  .cs-card:nth-child(1) { animation-delay: .05s; }\n  .cs-card:nth-child(2) { animation-delay: .1s; }\n  .cs-card:nth-child(3) { animation-delay: .15s; }\n  .cs-card:nth-child(4) { animation-delay: .2s; }\n  .cs-card:nth-child(5) { animation-delay: .25s; }\n  .cs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes csFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .cs-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":56674386870649,"sku":"NBAICAV0179","price":32.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solaire-liquide-spf-50-vanille-comme-avant-lifestyle_f9f7956e-6e5c-455b-9a55-c884b42c899a.webp?v=1771333516","url":"https:\/\/www.naturellement-bio.com\/products\/creme-solaire-liquide-spf-50-vanille-comme-avant","provider":"Naturellement Bio","version":"1.0","type":"link"}