{"product_id":"shampoing-bio-cheveux-gras-le-gang-des-bulles","title":"Shampoing Bio Cheveux Gras – Le Gang des Bulles","description":"\n\u003cdiv class=\"soi-shbg-fiche\"\u003e\n\n\u003csection class=\"soi-shbg-hero\"\u003e\n  \u003cdiv class=\"soi-shbg-hero-tag\"\u003e\n    \u003cspan class=\"soi-shbg-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène capillaire · Le Gang des Bulles\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-shbg-hero-title\"\u003eShampoing Bio Cheveux Gras\u003c\/span\u003e\n  \u003cp class=\"soi-shbg-hero-subtitle\"\u003eUn shampoing purifiant certifié bio qui régule le sébum en douceur et redonne légèreté et fraîcheur durable à vos cheveux, sans jamais agresser le cuir chevelu.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shbg-hero-labels\"\u003e\n    \u003cspan class=\"soi-shbg-label soi-shbg-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-shbg-label\"\u003eCERTIFIÉ BIO\u003c\/span\u003e\n    \u003cspan class=\"soi-shbg-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-shbg-label\"\u003eSANS SULFATE\u003c\/span\u003e\n    \u003cspan class=\"soi-shbg-label\"\u003eSANS PARABEN\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003eLe shampoing bio pour cheveux gras qui remet les compteurs à zéro\u003c\/h2\u003e\n  \u003cp\u003eVous connaissez ce sentiment de fraîcheur trop éphémère : les cheveux lavés le matin, déjà lourds et brillants le soir. Si vous cherchez un shampoing pour cheveux gras qui ne se contente pas de masquer le problème, vous êtes au bon endroit. Le \u003cstrong\u003eShampoing Bio Cheveux Gras de Le Gang des Bulles\u003c\/strong\u003e s'attaque à la source : le cuir chevelu lui-même.\u003c\/p\u003e\n  \u003cp\u003eFormulé en France, certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e et fabriqué sans sulfate, sans silicone, sans paraben, ce shampoing purifiant est pensé pour rééquilibrer durablement un cuir chevelu qui sécrète trop de sébum, sans jamais agresser la fibre capillaire.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003ePourquoi votre cuir chevelu produit trop de sébum ?\u003c\/h2\u003e\n  \u003cp\u003eUn excès de sébum peut être déclenché par plusieurs facteurs : le stress, une alimentation déséquilibrée, des changements hormonaux ou des shampooings trop décapants qui, en asséchant le cuir chevelu, le poussent à produire encore plus de sébum en réaction. C'est un cercle vicieux bien connu.\u003c\/p\u003e\n  \u003cp\u003eLa solution ne consiste pas à laver plus souvent, mais à choisir le bon shampoing pour cheveux gras, capable de réguler sans dessécher.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003eLes actifs clés qui font vraiment la différence\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shbg-benefits\"\u003e\n    \u003cdiv class=\"soi-shbg-benefit\"\u003e\n      \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🌱\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eFerment de radis bio\u003c\/h3\u003e\n      \u003cp\u003eVéritable star de la formule, il agit comme un régulateur naturel du sébum et assainit le cuir chevelu grâce à ses propriétés antimicrobiennes. Résultat : vos cheveux restent frais plus longtemps entre deux lavages.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-benefit\"\u003e\n      \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🥥\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eGlucosides de coco et de blé\u003c\/h3\u003e\n      \u003cp\u003eDes agents lavants ultra-doux d'origine végétale qui nettoient en profondeur tout en respectant l'équilibre naturel du cuir chevelu. Fini les cheveux raides ou étouffés après le shampooing.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-benefit\"\u003e\n      \u003cdiv class=\"soi-shbg-benefit-icon\"\u003e\u003cspan\u003e🍏\u003c\/span\u003e\u003c\/div\u003e\n      \u003ch3\u003eParfum naturel de pomme verte\u003c\/h3\u003e\n      \u003cp\u003eUne note fraîche et légère qui transforme chaque lavage en un moment agréable, loin des fragrances synthétiques agressives.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003eComment utiliser ce shampoing purifiant ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shbg-timeline\"\u003e\n    \u003cdiv class=\"soi-shbg-step\"\u003e\n      \u003cdiv class=\"soi-shbg-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbg-step-content\"\u003e\n        \u003ch3\u003eMouiller abondamment\u003c\/h3\u003e\n        \u003cp\u003eMouillez vos cheveux à l'eau tiède pour ouvrir les écailles et faciliter la pénétration des actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-step\"\u003e\n      \u003cdiv class=\"soi-shbg-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbg-step-content\"\u003e\n        \u003ch3\u003eAppliquer une noisette\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu et massez doucement avec le bout des doigts pendant 2 à 3 minutes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-step\"\u003e\n      \u003cdiv class=\"soi-shbg-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbg-step-content\"\u003e\n        \u003ch3\u003eRincer abondamment\u003c\/h3\u003e\n        \u003cp\u003eRincez à l'eau fraîche pour resserrer les pores du cuir chevelu et prolonger l'effet purifiant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-step\"\u003e\n      \u003cdiv class=\"soi-shbg-step-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbg-step-content\"\u003e\n        \u003ch3\u003eEspacer progressivement\u003c\/h3\u003e\n        \u003cp\u003eUtilisez-le 2 à 3 fois par semaine au début, puis espacez progressivement les lavages à mesure que votre cuir chevelu se rééquilibre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003eCe que contient réellement ce shampoing bio (liste INCI)\u003c\/h2\u003e\n  \u003cp\u003eLa formule est composée à plus de \u003cstrong\u003e99 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont une large part certifiée biologique :\u003c\/p\u003e\n  \u003cp class=\"soi-shbg-inci\"\u003e\u003cem\u003eAqua, Coco-Glucoside, Glycerin* (origine végétale), Sodium Cocoamphoacetate, Leuconostoc Radish Root Ferment Filtrate*, Citric Acid, Sodium Benzoate, Potassium Sorbate, Parfum (naturel, pomme).\u003c\/em\u003e\u003c\/p\u003e\n  \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n  \u003cdiv class=\"soi-shbg-compo\"\u003e\n    \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n      \u003cspan class=\"soi-shbg-compo-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shbg-compo-value\"\u003eCosmos Organic par Ecocert\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n      \u003cspan class=\"soi-shbg-compo-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-shbg-compo-value\"\u003eFrance\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n      \u003cspan class=\"soi-shbg-compo-label\"\u003eContenance\u003c\/span\u003e\n      \u003cspan class=\"soi-shbg-compo-value\"\u003e200 ml\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-compo-row\"\u003e\n      \u003cspan class=\"soi-shbg-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n      \u003cspan class=\"soi-shbg-compo-value\"\u003e99 %\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003ch2\u003eCe shampoing est-il fait pour vous ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shbg-grid\"\u003e\n    \u003cdiv class=\"soi-shbg-card\"\u003e\n      \u003ch3\u003e⚡ Cheveux qui graissent vite\u003c\/h3\u003e\n      \u003cp\u003eVos cheveux deviennent lourds et brillants rapidement, même après le lavage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-card\"\u003e\n      \u003ch3\u003e🔄 Cuir chevelu déséquilibré\u003c\/h3\u003e\n      \u003cp\u003eVotre cuir chevelu démange ou manque d'équilibre et vous souhaitez le réguler naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-card\"\u003e\n      \u003ch3\u003e🕐 Espacer les lavages\u003c\/h3\u003e\n      \u003cp\u003eVous souhaitez espacer vos lavages sans compromis sur la fraîcheur et la légèreté.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbg-card\"\u003e\n      \u003ch3\u003e🌿 Exigence naturelle\u003c\/h3\u003e\n      \u003cp\u003eVous recherchez un shampoing cheveux gras sans sulfate, naturel et certifié bio, avec une formule courte et honnête.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\"\u003e\n  \u003cdiv class=\"soi-shbg-accordion\"\u003e\n    \u003cdetails class=\"soi-shbg-accordion-item\"\u003e\n      \u003csummary class=\"soi-shbg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n      \u003cdiv class=\"soi-shbg-accordion-content\"\u003e\n        \u003cp\u003eCe produit est un soin cosmétique. Il ne se substitue pas à un avis médical en cas de problème de cuir chevelu persistant (dermite, psoriasis, etc.).\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbg-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-shbg-cta-box\"\u003e\n    \u003cp class=\"soi-shbg-cta-text\" style=\"color: white;\"\u003eEnfin un shampoing bio qui comprend vraiment les cheveux gras. Une formule courte, honnête, certifiée Cosmos Organic, qui régule le sébum en douceur et redonne à vos cheveux une légèreté durable.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shbg-marine: #1A2D3D;\n  --soi-shbg-marine-dark: #0F1E2B;\n  --soi-shbg-marine-light: #2C4458;\n  --soi-shbg-pomme: #A1C544;\n  --soi-shbg-pomme-dark: #84A636;\n  --soi-shbg-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-shbg-white: #FFFFFF;\n  --soi-shbg-off-white: #F8FAF6;\n  --soi-shbg-stone: #F1F3EE;\n  --soi-shbg-line: #E5E8E0;\n\n  --soi-shbg-primary: #7AAD4A;\n  --soi-shbg-primary-soft: #D4E8C2;\n  --soi-shbg-accent: #C8A84E;\n\n  --soi-shbg-text: #1A2D3D;\n  --soi-shbg-text-soft: #4A5B6B;\n  --soi-shbg-text-muted: #7B8693;\n\n  --soi-shbg-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shbg-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shbg-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shbg-radius: 12px;\n  --soi-shbg-radius-sm: 8px;\n  --soi-shbg-radius-pill: 999px;\n}\n\n.soi-shbg-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbg-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbg-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shbg-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shbg-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbg-hero {\n  position: relative;\n  background: var(--soi-shbg-marine);\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n  border-radius: var(--soi-shbg-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shbg-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shbg-pomme);\n}\n\n.soi-shbg-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: rgba(255,255,255,0.7);\n  margin-bottom: 1rem;\n}\n\n.soi-shbg-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shbg-pomme);\n  border-radius: 50%;\n}\n\n.soi-shbg-hero-title {\n  display: block;\n  color: var(--soi-shbg-white);\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(26px, 5vw, 38px);\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin-bottom: 0.75rem;\n}\n\n.soi-shbg-hero-subtitle {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(14px, 2vw, 16px);\n  color: rgba(255,255,255,0.85);\n  max-width: 580px;\n  margin: 0 auto 1.5rem;\n  line-height: 1.6;\n}\n\n.soi-shbg-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shbg-label {\n  display: inline-block;\n  padding: 6px 14px;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.3);\n  color: var(--soi-shbg-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shbg-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shbg-label-accent {\n  background: var(--soi-shbg-pomme);\n  border-color: var(--soi-shbg-pomme);\n  color: var(--soi-shbg-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbg-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbg-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shbg-marine);\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  position: relative;\n  padding-bottom: 12px;\n}\n\n.soi-shbg-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shbg-pomme);\n  border-radius: 2px;\n}\n\n.soi-shbg-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shbg-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shbg-section p:last-child {\n  margin-bottom: 0;\n}\n\n.soi-shbg-inci {\n  background: var(--soi-shbg-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-shbg-radius-sm);\n  font-size: clamp(13px, 1.8vw, 14px);\n  color: var(--soi-shbg-text-soft);\n  line-height: 1.7;\n}\n\n\/* === BENEFITS === *\/\n.soi-shbg-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shbg-benefit {\n  background: var(--soi-shbg-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shbg-radius);\n  border: 1px solid var(--soi-shbg-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shbg-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shbg-shadow-md);\n}\n\n.soi-shbg-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shbg-marine);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  position: relative;\n}\n\n.soi-shbg-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shbg-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shbg-benefit:hover .soi-shbg-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shbg-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shbg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shbg-benefit p {\n  font-size: 13px;\n  color: var(--soi-shbg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shbg-card {\n  background: var(--soi-shbg-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shbg-radius);\n  border-left: 3px solid var(--soi-shbg-pomme);\n}\n\n.soi-shbg-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shbg-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shbg-card p {\n  font-size: 14px;\n  color: var(--soi-shbg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbg-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shbg-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shbg-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shbg-radius);\n  border: 1px solid var(--soi-shbg-line);\n  align-items: flex-start;\n}\n\n.soi-shbg-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shbg-marine);\n  color: var(--soi-shbg-white);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.soi-shbg-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shbg-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shbg-step-content p {\n  font-size: 14px;\n  color: var(--soi-shbg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.soi-shbg-compo {\n  background: var(--soi-shbg-off-white);\n  border-radius: var(--soi-shbg-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.soi-shbg-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--soi-shbg-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shbg-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shbg-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shbg-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shbg-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shbg-marine);\n  text-align: right;\n}\n\n\/* === ACCORDION === *\/\n.soi-shbg-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shbg-accordion-item {\n  background: var(--soi-shbg-off-white);\n  border-radius: var(--soi-shbg-radius-sm);\n  border: 1px solid var(--soi-shbg-line);\n  overflow: hidden;\n}\n\n.soi-shbg-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shbg-marine);\n  padding: 1rem 1.25rem;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.soi-shbg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shbg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shbg-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shbg-accordion-item[open] .soi-shbg-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shbg-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shbg-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shbg-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbg-cta-box {\n  background: var(--soi-shbg-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shbg-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shbg-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: var(--soi-shbg-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shbg-cta-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  color: var(--soi-shbg-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shbg-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shbg-white);\n  line-height: 1.4;\n  margin: 0;\n  max-width: 580px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 640px) {\n  .soi-shbg-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shbg-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shbg-compo-value {\n    text-align: left;\n  }\n\n  .soi-shbg-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shbg-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shbg-fiche {\n    --soi-shbg-text-soft: #2C3E50;\n    --soi-shbg-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603426566474,"sku":"GB0030","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-gras-le-gang-des-bulles-lifestyle.webp?v=1779457543","url":"https:\/\/www.soinature.com\/products\/shampoing-bio-cheveux-gras-le-gang-des-bulles","provider":"Soinature","version":"1.0","type":"link"}