{"product_id":"gel-douche-4-en-1-bio-250ml-blondepil","title":"Gel douche 4 en 1 Bio - 250 ml- Blondépil","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gel douche 4 en 1 Bio - Blondépil Homme\nPalette détectée:\n  - Primaire: #1a2744 (bleu marine profond du packaging)\n  - Secondaire: #2ab3b1 (turquoise\/cyan des encarts \"Doux comme un agneau\")\n  - Accent: #d94f3d (rouge\/corail des bannières \"Fabrication Française\")\n  - Vert bio: #5a9a3d (vert du label Cosmos Organic)\nAmbiance: Masculine, fraîche, naturelle\/bio, décontractée (illustration homme détendu), moderne\nPréfixe CSS: bdh\n--\u003e\n\u003cdiv class=\"bdh-premium\"\u003e\n\u003cdiv class=\"bdh-hero\"\u003e\n\u003cdiv class=\"bdh-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bdh-hero-content\"\u003e\n\u003cdiv class=\"bdh-badges-top\"\u003e\n\u003cspan class=\"bdh-badge\"\u003e🌿 98% naturel\u003c\/span\u003e \u003cspan class=\"bdh-badge\"\u003e🏆 Certifié BIO\u003c\/span\u003e \u003cspan class=\"bdh-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bdh-hero-title\"\u003eGel douche 4 en 1 Bio\u003c\/span\u003e\n\u003cp class=\"bdh-subtitle\"\u003eUne seule douche pour tout nettoyer\u003c\/p\u003e\n\u003cp class=\"bdh-description\"\u003eCorps • Visage • Cheveux • Barbe - La routine simplifiée pour les hommes exigeants\u003c\/p\u003e\n\u003cdiv class=\"bdh-hero-highlight\"\u003e\n\u003cspan class=\"bdh-highlight-item\"\u003e🧴 250ml\u003c\/span\u003e \u003cspan class=\"bdh-highlight-item\"\u003e♻️ 100% recyclable\u003c\/span\u003e \u003cspan class=\"bdh-highlight-item\"\u003e🌱 Biodégradable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"bdh-section\"\u003e\n\u003ch2\u003ePourquoi ce gel douche va révolutionner votre routine\u003c\/h2\u003e\n\u003cdiv class=\"bdh-grid\"\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e4️⃣ Formule 4 en 1\u003c\/h3\u003e\n\u003cp\u003eCorps, visage, cheveux et barbe en un seul produit. Fini l'encombrement dans la salle de bain !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🌿 98% d'origine naturelle\u003c\/h3\u003e\n\u003cp\u003eDont 25% d'ingrédients issus de l'agriculture biologique pour une formule respectueuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e✅ Certifié COSMOS Organic\u003c\/h3\u003e\n\u003cp\u003eLabel Ecocert garantissant une formulation bio rigoureuse et contrôlée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🔬 Testé dermatologiquement\u003c\/h3\u003e\n\u003cp\u003eEfficacité et tolérance validées sous contrôle dermatologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eSavoir-faire et traçabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🌍 Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eFormule biodégradable et emballage 100% recyclable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdh-section\"\u003e\n\u003ch2\u003eDes actifs naturels pour une peau douce\u003c\/h2\u003e\n\u003cdiv class=\"bdh-ingredients-grid\"\u003e\n\u003cdiv class=\"bdh-ingredient-card bdh-ingredient-featured\"\u003e\n\u003cdiv class=\"bdh-ingredient-content\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🪴 Aloe vera biologique\u003c\/h3\u003e\n\u003cspan class=\"bdh-ingredient-tag\"\u003eHydratant\u003c\/span\u003e\n\u003cp\u003eReconnu pour ses propriétés hydratantes exceptionnelles, il aide à maintenir le confort de la peau après la douche. Apaise et nourrit en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-ingredient-card bdh-ingredient-featured\"\u003e\n\u003cdiv class=\"bdh-ingredient-content\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🌾 Protéines de blé\u003c\/h3\u003e\n\u003cspan class=\"bdh-ingredient-tag\"\u003eAdoucissant\u003c\/span\u003e\n\u003cp\u003eLeurs vertus adoucissantes laissent la peau et les cheveux souples et agréables au toucher. Renforce et protège la fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-fragrance-box\"\u003e\n\u003cdiv class=\"bdh-fragrance-content\"\u003e\n\u003ch4\u003e \u003cmeta charset=\"utf-8\"\u003e🍃Parfum minéral aux notes boisées et fraîches\u003c\/h4\u003e\n\u003cp\u003eUne sensation de fraîcheur durable, renforcée par la présence de menthol naturel dans la formule. L'évasion au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdh-section\"\u003e\n\u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n\u003cdiv class=\"bdh-steps\"\u003e\n\u003cdiv class=\"bdh-step\"\u003e\n\u003cdiv class=\"bdh-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bdh-step-content\"\u003e\n\u003ch4\u003eAppliquez\u003c\/h4\u003e\n\u003cp\u003eUne noisette de gel sur peau mouillée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-step\"\u003e\n\u003cdiv class=\"bdh-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bdh-step-content\"\u003e\n\u003ch4\u003eFaites mousser\u003c\/h4\u003e\n\u003cp\u003eSur le corps, le visage, les cheveux ou la barbe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-step\"\u003e\n\u003cdiv class=\"bdh-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bdh-step-content\"\u003e\n\u003ch4\u003eRincez\u003c\/h4\u003e\n\u003cp\u003eAbondamment à l'eau claire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdh-tip-box\"\u003e\n\u003cspan class=\"bdh-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eSa texture en gel permet un dosage précis et une mousse onctueuse qui nettoie efficacement sans assécher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdh-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"bdh-inci-box\"\u003e\n\u003cp class=\"bdh-inci-text\"\u003eAqua (Water), Sodium Coco-Sulfate, Coco-Glucoside, Cocamidopropyl Betaine, \u003cstrong\u003eAloe Barbadensis Leaf Juice Powder*\u003c\/strong\u003e, Citric Acid, Cocodimonium Hydroxypropyl Hydrolyzed Wheat Protein, Parfum (Fragrance), Menthyl Lactate, Glyceryl Oleate, Sodium Chloride, Sodium Benzoate, Sodium Sulfate, Sodium Hydroxide, Potassium Sorbate, \u003cstrong\u003eMenthol*\u003c\/strong\u003e, Citral, Benzyl Salicylate, Linalool.\u003c\/p\u003e\n\u003cp class=\"bdh-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdh-section\"\u003e\n\u003cdiv class=\"bdh-warning-box\"\u003e\n\u003cdiv class=\"bdh-warning-content\"\u003e\n\u003ch4\u003e⚠️ Précautions d'emploi\u003c\/h4\u003e\n\u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez immédiatement et abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdh-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"bdh-cta-box\"\u003e\n\u003cdiv class=\"bdh-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bdh-cta-content\"\u003e\n\u003cspan class=\"bdh-cta-badge\"\u003e🌿 Doux comme un agneau\u003c\/span\u003e\n\u003cp\u003eSimplifiez votre routine quotidienne avec un seul produit certifié bio qui prend soin de vous et de la planète.\u003c\/p\u003e\n\u003cdiv class=\"bdh-cta-features\"\u003e\n\u003cspan\u003e✓ 4 en 1\u003c\/span\u003e \u003cspan\u003e✓ 98% naturel\u003c\/span\u003e \u003cspan\u003e✓ Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --bdh-cream: #f5f7fa;\n  --bdh-white: #ffffff;\n  --bdh-primary: #1a2744;\n  --bdh-primary-dark: #0f1829;\n  --bdh-primary-light: #2a3a5c;\n  --bdh-secondary: #2ab3b1;\n  --bdh-secondary-light: #e6f7f7;\n  --bdh-accent: #d94f3d;\n  --bdh-green: #5a9a3d;\n  --bdh-green-light: #e8f5e0;\n  --bdh-text: #1a1a1a;\n  --bdh-text-light: #5a5a5a;\n  --bdh-border: #e0e4e8;\n  --bdh-shadow: 0 4px 24px rgba(26,39,68,.08);\n  --bdh-shadow-lg: 0 12px 48px rgba(26,39,68,.15);\n  --bdh-radius: 20px;\n  --bdh-radius-sm: 12px;\n}\n\n.bdh-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bdh-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bdh-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.bdh-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--bdh-primary) 0%, var(--bdh-primary-light) 50%, var(--bdh-secondary) 100%);\n  border-radius: var(--bdh-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--bdh-shadow-lg);\n}\n\n.bdh-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(42,179,177,.15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(217,79,61,.1) 0%, transparent 40%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.bdh-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bdh-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.bdh-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(--bdh-primary);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bdh-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bdh-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 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,.2);\n}\n\n.bdh-subtitle {\n  color: var(--bdh-secondary);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.bdh-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 18px);\n  line-height: 1.6;\n  margin: 0 0 2rem 0;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.bdh-hero-highlight {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.bdh-highlight-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 20px;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.2);\n  border-radius: 999px;\n  color: white;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.bdh-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.bdh-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bdh-primary);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.bdh-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(--bdh-secondary), var(--bdh-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bdh-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.bdh-card {\n  background: var(--bdh-white);\n  border-radius: var(--bdh-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--bdh-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bdh-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--bdh-shadow-lg);\n  border-color: var(--bdh-secondary);\n}\n\n.bdh-card-icon {\n  font-size: 40px;\n  margin-bottom: 1rem;\n}\n\n.bdh-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--bdh-primary);\n  margin: 0 0 .75rem 0;\n}\n\n.bdh-card p {\n  font-size: 15px;\n  color: var(--bdh-text-light);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === INGREDIENTS === *\/\n.bdh-ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.bdh-ingredient-card {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--bdh-white);\n  border-radius: var(--bdh-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--bdh-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.bdh-ingredient-card:hover {\n  border-color: var(--bdh-green);\n  transform: translateY(-4px);\n}\n\n.bdh-ingredient-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.bdh-ingredient-content h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--bdh-primary);\n  margin: 0 0 .5rem 0;\n}\n\n.bdh-ingredient-tag {\n  display: inline-block;\n  padding: 4px 12px;\n  background: var(--bdh-green-light);\n  color: var(--bdh-green);\n  font-size: 12px;\n  font-weight: 700;\n  border-radius: 999px;\n  margin-bottom: .75rem;\n}\n\n.bdh-ingredient-content p {\n  font-size: 14px;\n  color: var(--bdh-text-light);\n  line-height: 1.6;\n  margin: 0;\n}\n\n.bdh-fragrance-box {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  background: linear-gradient(135deg, var(--bdh-secondary-light) 0%, rgba(42,179,177,.1) 100%);\n  border-radius: var(--bdh-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid var(--bdh-secondary);\n}\n\n.bdh-fragrance-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.bdh-fragrance-content h4 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--bdh-primary);\n  margin: 0 0 .5rem 0;\n}\n\n.bdh-fragrance-content p {\n  font-size: 15px;\n  color: var(--bdh-text-light);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === STEPS === *\/\n.bdh-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.bdh-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--bdh-white);\n  border-radius: var(--bdh-radius);\n  padding: 1.5rem;\n  box-shadow: var(--bdh-shadow);\n  transition: all .3s ease;\n}\n\n.bdh-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--bdh-shadow-lg);\n}\n\n.bdh-step-number {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--bdh-secondary) 0%, var(--bdh-primary) 100%);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  flex-shrink: 0;\n}\n\n.bdh-step-content h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bdh-primary);\n  margin: 0 0 .25rem 0;\n}\n\n.bdh-step-content p {\n  font-size: 14px;\n  color: var(--bdh-text-light);\n  line-height: 1.5;\n  margin: 0;\n}\n\n.bdh-tip-box {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: linear-gradient(135deg, rgba(42,179,177,.1) 0%, rgba(26,39,68,.05) 100%);\n  border-radius: var(--bdh-radius-sm);\n  padding: 1.25rem 1.5rem;\n  border-left: 4px solid var(--bdh-secondary);\n}\n\n.bdh-tip-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.bdh-tip-box p {\n  font-size: 15px;\n  color: var(--bdh-text);\n  line-height: 1.6;\n  margin: 0;\n  font-weight: 500;\n}\n\n\/* === PROFILES === *\/\n.bdh-profiles-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1rem;\n}\n\n.bdh-profile-card {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--bdh-white);\n  border-radius: var(--bdh-radius-sm);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--bdh-shadow);\n  transition: all .3s ease;\n}\n\n.bdh-profile-card:hover {\n  transform: translateX(8px);\n  border-left: 4px solid var(--bdh-secondary);\n}\n\n.bdh-profile-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.bdh-profile-card p {\n  font-size: 15px;\n  color: var(--bdh-text);\n  line-height: 1.5;\n  margin: 0;\n  font-weight: 500;\n}\n\n\/* === INCI === *\/\n.bdh-inci-box {\n  background: var(--bdh-white);\n  border-radius: var(--bdh-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--bdh-shadow);\n}\n\n.bdh-inci-text {\n  font-size: 13px;\n  color: var(--bdh-text-light);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n}\n\n.bdh-inci-text strong {\n  color: var(--bdh-green);\n}\n\n.bdh-inci-note {\n  font-size: 13px;\n  color: var(--bdh-green);\n  font-style: italic;\n  margin: 0;\n  font-weight: 600;\n}\n\n\/* === INFO GRID === *\/\n.bdh-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.bdh-info-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  background: var(--bdh-white);\n  border-radius: var(--bdh-radius-sm);\n  padding: 1.5rem 1rem;\n  box-shadow: var(--bdh-shadow);\n  transition: all .3s ease;\n}\n\n.bdh-info-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--bdh-shadow-lg);\n}\n\n.bdh-info-icon {\n  font-size: 32px;\n  margin-bottom: .75rem;\n}\n\n.bdh-info-label {\n  font-size: 12px;\n  color: var(--bdh-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  font-weight: 600;\n  margin-bottom: .25rem;\n}\n\n.bdh-info-value {\n  font-size: 16px;\n  color: var(--bdh-primary);\n  font-weight: 800;\n}\n\n\/* === WARNING === *\/\n.bdh-warning-box {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: linear-gradient(135deg, #fff5f3 0%, #fef0ed 100%);\n  border-radius: var(--bdh-radius);\n  padding: 1.5rem;\n  border: 2px solid var(--bdh-accent);\n}\n\n.bdh-warning-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.bdh-warning-content h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bdh-accent);\n  margin: 0 0 .5rem 0;\n}\n\n.bdh-warning-content p {\n  font-size: 14px;\n  color: var(--bdh-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.bdh-cta-box {\n  position: relative;\n  background: linear-gradient(135deg, var(--bdh-primary) 0%, var(--bdh-primary-light) 50%, var(--bdh-secondary) 100%);\n  border-radius: var(--bdh-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  overflow: hidden;\n}\n\n.bdh-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(42,179,177,.2) 0%, transparent 40%);\n}\n\n.bdh-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.bdh-cta-badge {\n  display: inline-block;\n  padding: 10px 24px;\n  background: rgba(255,255,255,.95);\n  border-radius: 999px;\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bdh-primary);\n  margin-bottom: 1.5rem;\n}\n\n.bdh-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0 0 1.5rem 0;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.bdh-cta-features {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.bdh-cta-features span {\n  padding: 8px 16px;\n  background: rgba(255,255,255,.2);\n  border-radius: 999px;\n  color: white;\n  font-size: 14px;\n  font-weight: 600;\n  backdrop-filter: blur(10px);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .bdh-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .bdh-ingredients-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .bdh-ingredient-card {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .bdh-fragrance-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .bdh-steps {\n    grid-template-columns: 1fr;\n  }\n  \n  .bdh-profiles-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .bdh-info-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .bdh-warning-box {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bdh-card,\n  .bdh-ingredient-card,\n  .bdh-step,\n  .bdh-profile-card,\n  .bdh-info-item {\n    animation: bdhFadeInUp .6s ease backwards;\n  }\n  \n  .bdh-card:nth-child(1), .bdh-step:nth-child(1), .bdh-profile-card:nth-child(1) { animation-delay: .1s; }\n  .bdh-card:nth-child(2), .bdh-step:nth-child(2), .bdh-profile-card:nth-child(2) { animation-delay: .2s; }\n  .bdh-card:nth-child(3), .bdh-step:nth-child(3), .bdh-profile-card:nth-child(3) { animation-delay: .3s; }\n  .bdh-card:nth-child(4), .bdh-profile-card:nth-child(4) { animation-delay: .4s; }\n  .bdh-card:nth-child(5) { animation-delay: .5s; }\n  .bdh-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes bdhFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(40px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .bdh-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .bdh-card,\n  .bdh-ingredient-card,\n  .bdh-step,\n  .bdh-profile-card {\n    border: 2px solid var(--bdh-text);\n  }\n  \n  .bdh-badge {\n    border: 2px solid var(--bdh-primary);\n  }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":56420165779833,"sku":"PFC901583","price":1.83,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-douche-4-en-1-bio-250ml-blondepil-lifestyle.jpg?v=1767789602","url":"https:\/\/www.naturellement-bio.com\/products\/gel-douche-4-en-1-bio-250ml-blondepil","provider":"Naturellement Bio","version":"1.0","type":"link"}