{"product_id":"creme-solaire-hydratante-spf-30","title":"Crème Solaire Hydratante Bio SPF 30 - 40ml - Kerbi","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Crème Solaire Hydratante SPF 30 - 40ml - Kerbi\nPalette détectée:\n  - Primaire: #6BB8D0 (bleu ciel\/turquoise du packaging)\n  - Secondaire: #4A9DB5 (bleu plus soutenu, bas du tube)\n  - Accent: #E8F4F8 (bleu très clair, fond doux)\nAmbiance: Naturel\/bio, frais, océanique, breton, clean beauty, lumineux\nPréfixe CSS: kb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Crème solaire hydratante visage SPF 30 bio Kerbi : protection et hydratation au naturel\"\n  2. \"Pourquoi choisir une crème hydratante et solaire au quotidien ?\"\n  3. \"Des actifs naturels soigneusement sélectionnés\"\n  4. \"Conseils d'utilisation\"\n  5. \"Liste complète des ingrédients (INCI)\"\n  6. \"Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kb-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"kb-hero\"\u003e\n    \u003cdiv class=\"kb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"kb-hero-content\"\u003e\n      \u003cdiv class=\"kb-badges-top\"\u003e\n        \u003cspan class=\"kb-badge\"\u003e☀️ SPF 30 haute protection\u003c\/span\u003e\n        \u003cspan class=\"kb-badge\"\u003e🌿 Certifiée bio\u003c\/span\u003e\n        \u003cspan class=\"kb-badge\"\u003e🇫🇷 Fabriquée en Bretagne\u003c\/span\u003e\n        \u003cspan class=\"kb-badge\"\u003e🧴 100 % naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"kb-hero-title\"\u003eCrème Solaire Hydratante SPF 30 Kerbi\u003c\/span\u003e\n      \u003cp class=\"kb-subtitle\"\u003eProtection solaire + hydratation en un seul geste\u003c\/p\u003e\n      \u003cp class=\"kb-description\"\u003eLa crème visage 2-en-1 qui protège des UV et nourrit votre peau, formulée avec des actifs brevetés d'origine 100 % naturelle. Texture légère, fini mat, zéro compromis.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"kb-section\"\u003e\n    \u003ch2\u003eCrème solaire hydratante visage SPF 30 bio Kerbi : protection et hydratation au naturel\u003c\/h2\u003e\n    \u003cp class=\"kb-section-intro\"\u003eVous cherchez une crème hydratante avec protection solaire qui soit à la fois efficace, naturelle et agréable à porter au quotidien ?\u003c\/p\u003e\n    \u003cdiv class=\"kb-grid-compact\"\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🛡️ Double action\u003c\/h3\u003e\n        \u003cp\u003eHydrate en profondeur tout en protégeant des rayons UV grâce au SPF 30 minéral.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturelle\u003c\/h3\u003e\n        \u003cp\u003eFormulée exclusivement à partir d'ingrédients d'origine naturelle, certifiée bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in Bretagne\u003c\/h3\u003e\n        \u003cp\u003eFabriquée en France, elle incarne le meilleur du savoir-faire cosmétique breton.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🔬 2 actifs brevetés\u003c\/h3\u003e\n        \u003cp\u003eRecherche poussée et efficacité prouvée grâce à des actifs innovants et exclusifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"kb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir une crème hydratante et solaire au quotidien ?\u003c\/h2\u003e\n    \u003cdiv class=\"kb-testimonial\"\u003e\n      \u003cp class=\"kb-testimonial-text\"\u003e\"Beaucoup se demandent s'il faut appliquer la crème solaire avant ou après la crème hydratante. Avec ce soin Kerbi, la question ne se pose plus : cette crème hydratante solaire visage combine les deux fonctions. Elle simplifie votre routine en remplaçant deux produits par un seul, sans compromis sur la qualité de protection ni sur le confort cutané.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kb-grid\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🪶 Texture légère et non grasse\u003c\/h3\u003e\n        \u003cp\u003eS'applique facilement chaque matin, pénètre rapidement sans effet collant ni film blanc.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e✨ Finition mate sans brillance\u003c\/h3\u003e\n        \u003cp\u003eVotre peau reste douce, confortable et prête à recevoir votre maquillage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e⏱️ 1 geste au lieu de 2\u003c\/h3\u003e\n        \u003cp\u003eRemplace votre crème hydratante ET votre protection solaire pour une routine simplifiée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"kb-section\"\u003e\n    \u003ch2\u003eDes actifs naturels soigneusement sélectionnés\u003c\/h2\u003e\n    \u003cp class=\"kb-section-intro\"\u003eCette crème solaire SPF 30 mise sur des ingrédients d'exception pour nourrir et défendre votre peau au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"kb-grid\"\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🌰 Huile de noisette bio\u003c\/h3\u003e\n        \u003cp\u003ePénètre rapidement sans laisser de film gras, régule le sébum et apporte souplesse à la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eNourrit intensément et renforce la barrière cutanée pour une peau protégée et confortable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n        \u003cp\u003eApaise et hydrate en profondeur, idéal pour les peaux sensibilisées par le soleil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🌊 Extrait de laitue de mer\u003c\/h3\u003e\n        \u003cp\u003eAlgue bretonne (Ulva Lactuca) riche en antioxydants qui lutte contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🛡️ Oxyde de zinc\u003c\/h3\u003e\n        \u003cp\u003eFiltre minéral naturel qui assure une haute protection contre les UVA et UVB.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🍇 Extrait fermenté de raisin\u003c\/h3\u003e\n        \u003cp\u003eActif breveté Vitamin D3-Like qui soutient les fonctions naturelles de la peau exposée au soleil.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"kb-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"kb-timeline\"\u003e\n      \u003cdiv class=\"kb-timeline-item\"\u003e\n        \u003cdiv class=\"kb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"kb-timeline-content\"\u003e\n          \u003ch3\u003eAppliquez le matin\u003c\/h3\u003e\n          \u003cp\u003eÉtalez la crème sur le visage et le cou, seule ou après votre sérum habituel, en dernière étape de votre routine soin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-timeline-item\"\u003e\n        \u003cdiv class=\"kb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"kb-timeline-content\"\u003e\n          \u003ch3\u003eRenouvelez régulièrement\u003c\/h3\u003e\n          \u003cp\u003eEn cas d'exposition prolongée au soleil, réappliquez généreusement toutes les 2 heures pour maintenir une protection optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-timeline-item\"\u003e\n        \u003cdiv class=\"kb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"kb-timeline-content\"\u003e\n          \u003ch3\u003eConvient à tous\u003c\/h3\u003e\n          \u003cp\u003eCe soin est adapté à tous les types de peaux : sèches, mixtes, grasses ou sensibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"kb-tip\"\u003e\n      \u003cspan class=\"kb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePeut également servir de base de maquillage grâce à sa finition mate et sa texture ultra-légère.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"kb-section\"\u003e\n    \u003ch2\u003eListe complète des ingrédients (INCI)\u003c\/h2\u003e\n    \u003cdiv class=\"kb-accordion\"\u003e\n      \u003cdetails class=\"kb-accordion-item\" open\u003e\n        \u003csummary class=\"kb-accordion-header\"\u003e📋 Composition complète\u003c\/summary\u003e\n        \u003cdiv class=\"kb-accordion-content mt-3\"\u003e\n          \u003cp\u003eAqua, Zinc Oxide [Nano], Theobroma Cacao Extract, Corylus Avellana Seed Oil*, Balanites Roxburghii Seed Oil*, Bentonite, Glycerin**, Propanediol, Behenyl Alcohol, Butyrospermum Parkii Butter*, Oleyl Alcohol, Glycerin, Parfum, Pongamol, Polyglyceryl-8 Oleate, Maris Sal, Sodium Stearoyl Glutamate, Magnesium Chloride, Helianthus Annuus Seed Oil, Polyhydroxystearic Acid, Zinc Lactate, Canarium Luzonicum Gum Nonvolatiles, Glyceryl Caprylate, Aloe Barbadensis Leaf Juice Powder*, Xanthan Gum, Citric Acid, Sodium Citrate, Saccharomyces\/Grape Ferment Extract, Ulva Lactuca Extract.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003e* Ingrédients 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\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"kb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"kb-grid-compact\"\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🧴 Contenance\u003c\/h3\u003e\n        \u003cp\u003e40 ml\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n        \u003cp\u003eBio, 100 % d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eFrance (Bretagne)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"kb-card\"\u003e\n        \u003ch3\u003e📅 Conservation\u003c\/h3\u003e\n        \u003cp\u003e24 mois, à température ambiante, à l'abri de la lumière\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"kb-disclaimer\"\u003eCe produit cosmétique ne remplace pas les mesures de protection complémentaires face au soleil (chapeau, lunettes, éviter les heures d'exposition les plus intenses).\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --kb-cream: #f5fafb;\n  --kb-white: #ffffff;\n  --kb-primary: #6BB8D0;\n  --kb-primary-dark: #3a7f94;\n  --kb-primary-light: #e4f3f8;\n  --kb-secondary: #4A9DB5;\n  --kb-accent: #89d0e0;\n  --kb-text: #1a1a1a;\n  --kb-text-light: #5a6872;\n  --kb-border: #d8e8ed;\n  --kb-shadow: 0 4px 24px rgba(58, 127, 148, .08);\n  --kb-shadow-lg: 0 12px 48px rgba(58, 127, 148, .15);\n  --kb-radius: 20px;\n  --kb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.kb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #89d0e0 0%, #6BB8D0 40%, #4A9DB5 75%, #3a7f94 100%);\n  border-radius: var(--kb-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(--kb-shadow-lg);\n}\n\n.kb-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,.12) 0%, transparent 50%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n    radial-gradient(circle at 50% 10%, rgba(255,255,255,.06) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.kb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\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.kb-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.kb-description {\n  color: rgba(255,255,255,.88);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kb-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(--kb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kb-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.kb-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(--kb-primary), var(--kb-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kb-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.kb-card {\n  background: var(--kb-white);\n  border-radius: var(--kb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kb-shadow-lg);\n  border-color: var(--kb-primary);\n}\n\n.kb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kb-grid-compact .kb-card {\n  padding: 1rem;\n}\n\n.kb-grid-compact .kb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kb-grid-compact .kb-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kb-primary), var(--kb-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(106, 184, 208, .3);\n}\n\n.kb-timeline-content {\n  flex: 1;\n  background: var(--kb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kb-radius-sm);\n  box-shadow: var(--kb-shadow);\n}\n\n.kb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kb-timeline-content p {\n  font-size: 14px;\n  color: var(--kb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kb-testimonial {\n  background: var(--kb-white);\n  border-radius: var(--kb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kb-shadow);\n  border-left: 4px solid var(--kb-primary);\n}\n\n.kb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kb-accordion {\n  background: var(--kb-white);\n  border-radius: var(--kb-radius);\n  box-shadow: var(--kb-shadow);\n  overflow: hidden;\n}\n\n.kb-accordion-item {\n  border-bottom: 1px solid var(--kb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kb-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.kb-accordion-header:hover {\n  background: var(--kb-primary-light);\n}\n\n.kb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kb-primary);\n  transition: transform .2s ease;\n}\n\n.kb-accordion-item[open] .kb-accordion-header::after {\n  content: '−';\n}\n\n.kb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kb-accordion-content p {\n  margin: 0 0 .5rem 0;\n}\n\n.kb-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.kb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kb-primary-light);\n  border-radius: var(--kb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kb-tip p {\n  font-size: 14px;\n  color: var(--kb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kb-disclaimer {\n  font-size: 12px;\n  color: var(--kb-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  .kb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kb-card {\n    padding: 1.125rem;\n  }\n\n  .kb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kb-radius-sm);\n  }\n\n  .kb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kb-grid-compact {\n    gap: .625rem;\n  }\n\n  .kb-grid-compact .kb-card {\n    padding: .75rem;\n  }\n\n  .kb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .kb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .kb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .kb-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kb-card {\n    animation: kbFadeInUp .5s ease backwards;\n  }\n  .kb-card:nth-child(1) { animation-delay: .05s; }\n  .kb-card:nth-child(2) { animation-delay: .1s; }\n  .kb-card:nth-child(3) { animation-delay: .15s; }\n  .kb-card:nth-child(4) { animation-delay: .2s; }\n  .kb-card:nth-child(5) { animation-delay: .25s; }\n  .kb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kbFadeInUp {\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  .kb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"KERBI","offers":[{"title":"Default Title","offer_id":56703414567289,"sku":"NBAIKER0013","price":23.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-solaire-hydratante-spf-30-40ml-kerbi-lifestyle_f321b89e-bffc-4ab1-8429-f4f744cb5628.webp?v=1771579544","url":"https:\/\/www.naturellement-bio.com\/products\/creme-solaire-hydratante-spf-30","provider":"Naturellement Bio","version":"1.0","type":"link"}