{"product_id":"shampoing-bio-cheveux-normaux-le-gang-des-bulles","title":"Shampoing bio cheveux normaux  - Le Gang des Bulles","description":"\u003cdiv class=\"soi-shbio-fiche\"\u003e\n\n\u003csection class=\"soi-shbio-hero\"\u003e\n  \u003cdiv class=\"soi-shbio-hero-tag\"\u003e\n    \u003cspan class=\"soi-shbio-tag-dot\"\u003e\u003c\/span\u003e\n    Hygiène capillaire · Le Gang des Bulles\n  \u003c\/div\u003e\n  \u003cspan class=\"soi-shbio-hero-title\"\u003eShampoing bio cheveux normaux\u003c\/span\u003e\n  \u003cp class=\"soi-shbio-hero-subtitle\"\u003eUn soin capillaire certifié bio au parfum d'amande, pour des cheveux propres, souples et éclatants sans compromis sur la composition.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shbio-hero-labels\"\u003e\n    \u003cspan class=\"soi-shbio-label soi-shbio-label-accent\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n    \u003cspan class=\"soi-shbio-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n    \u003cspan class=\"soi-shbio-label\"\u003eVEGAN\u003c\/span\u003e\n    \u003cspan class=\"soi-shbio-label\"\u003eCRUELTY-FREE\u003c\/span\u003e\n    \u003cspan class=\"soi-shbio-label\"\u003eB CORP\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n  \u003ch2\u003eCe que contient vraiment ce shampoing bio\u003c\/h2\u003e\n  \u003cp class=\"soi-shbio-section-intro\"\u003eLa force de ce soin réside dans sa composition. Chaque ingrédient a été sélectionné pour son efficacité prouvée sur les cheveux normaux.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shbio-grid\"\u003e\n    \u003cdiv class=\"soi-shbio-card\"\u003e\n      \u003ch3\u003e🌾 Protéines de blé hydrolysées\u003c\/h3\u003e\n      \u003cp\u003eElles renforcent la fibre capillaire de l'intérieur, apportent de la souplesse et un vrai éclat naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-card\"\u003e\n      \u003ch3\u003e🌼 Eau florale d'hélichryse bio\u003c\/h3\u003e\n      \u003cp\u003eReconnue pour ses propriétés apaisantes, elle calme le cuir chevelu sensible et procure un confort immédiat après le lavage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-card\"\u003e\n      \u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n      \u003cp\u003eElle hydrate et retient l'eau au cœur du cheveu pour un démêlage facilité et une meilleure élasticité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-card\"\u003e\n      \u003ch3\u003e🍑 Huile de prune de Gascogne\u003c\/h3\u003e\n      \u003cp\u003eUn actif précieux du terroir français qui nourrit sans alourdir et laisse les cheveux incroyablement doux.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-card\"\u003e\n      \u003ch3\u003e🌸 Parfum naturel d'amande\u003c\/h3\u003e\n      \u003cp\u003eUne signature olfactive subtile et réconfortante pour chaque lavage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n  \u003ch2\u003ePour qui est ce shampoing bio certifié Cosmos Organic ?\u003c\/h2\u003e\n  \u003cp\u003eCe shampoing s'adresse à toute personne aux cheveux normaux, ni trop secs ni trop gras, qui souhaite adopter une routine capillaire naturelle et bio sans compromis sur l'efficacité. Il convient aussi aux cuirs chevelus légèrement sensibles grâce à l'eau florale d'hélichryse apaisante.\u003c\/p\u003e\n  \u003cdiv class=\"soi-shbio-tip\"\u003e\n    \u003cdiv class=\"soi-shbio-tip-icon\"\u003e💡\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n      \u003cp\u003eSi vous souhaitez compléter votre rituel, sachez qu'il existe également un après-shampoing bio compatible pour optimiser le démêlage et le soin sur la longueur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n  \u003ch2\u003eComment l'utiliser pour de meilleurs résultats ?\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shbio-timeline\"\u003e\n    \u003cdiv class=\"soi-shbio-step\"\u003e\n      \u003cdiv class=\"soi-shbio-step-num\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-step-content\"\u003e\n        \u003ch3\u003eMouillez abondamment\u003c\/h3\u003e\n        \u003cp\u003eMouillez vos cheveux à l'eau tiède avant application.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-step\"\u003e\n      \u003cdiv class=\"soi-shbio-step-num\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-step-content\"\u003e\n        \u003ch3\u003eAppliquez une noisette\u003c\/h3\u003e\n        \u003cp\u003eDéposez une noisette de shampoing sur le cuir chevelu, massez en mouvements circulaires, puis rincez.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-step\"\u003e\n      \u003cdiv class=\"soi-shbio-step-num\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"soi-shbio-step-content\"\u003e\n        \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n        \u003cp\u003eRincez abondamment à l'eau fraîche pour sceller les écailles du cheveu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cp style=\"margin-top: 1.25rem;\"\u003eLe format 200 ml super concentré vous accompagne longtemps : une petite quantité suffit à chaque utilisation.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n  \u003ch2\u003eLes engagements Le Gang des Bulles\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shbio-grid-compact\"\u003e\n    \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n      \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-card-mini-label\"\u003eCertification\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-card-mini-value\"\u003eCosmos Organic (Ecocert)\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n      \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🇫🇷\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-card-mini-label\"\u003eFabrication\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-card-mini-value\"\u003eFabriqué en France\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n      \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🅱️\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-card-mini-label\"\u003eResponsabilité\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-card-mini-value\"\u003eB Corp certifiée\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-card-mini\"\u003e\n      \u003cspan class=\"soi-shbio-card-mini-icon\"\u003e🐰\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-card-mini-label\"\u003eÉthique\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-card-mini-value\"\u003eVegan \u0026amp; Cruelty-free\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"soi-shbio-compo\" style=\"margin-top: 1.25rem;\"\u003e\n    \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n      \u003cspan class=\"soi-shbio-compo-label\"\u003eSans sulfate\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n      \u003cspan class=\"soi-shbio-compo-label\"\u003eSans silicone\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shbio-compo-row\"\u003e\n      \u003cspan class=\"soi-shbio-compo-label\"\u003eSans paraben\u003c\/span\u003e\n      \u003cspan class=\"soi-shbio-compo-value\"\u003e✓\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n  \u003ch2\u003eQuestions fréquentes sur ce shampoing bio\u003c\/h2\u003e\n  \u003cdiv class=\"soi-shbio-accordion\"\u003e\n    \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n      \u003csummary class=\"soi-shbio-accordion-header\"\u003e🧴 Le shampoing bio mousse-t-il autant qu'un shampoing classique ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n        \u003cp\u003eLa mousse est légèrement moins dense que celle des shampoings conventionnels, car il ne contient pas de sulfates moussants agressifs. Cela n'affecte pas son efficacité nettoyante : vos cheveux ressortent propres, légers et brillants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n      \u003csummary class=\"soi-shbio-accordion-header\"\u003e⏳ Faut-il une période de transition avant de voir les résultats ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n        \u003cp\u003eSi vous passez d'un shampoing classique à ce soin bio, un temps d'adaptation de 2 à 4 semaines est parfois nécessaire, le temps que votre cuir chevelu retrouve son équilibre naturel. Restez régulier, les résultats sont au rendez-vous.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"soi-shbio-accordion-item\"\u003e\n      \u003csummary class=\"soi-shbio-accordion-header\"\u003e🎨 Ce shampoing bio convient-il aux cheveux colorés ?\u003c\/summary\u003e\n      \u003cdiv class=\"soi-shbio-accordion-content\"\u003e\n        \u003cp\u003eOui. Sa formule douce sans sulfate préserve la couleur plus longtemps qu'un shampoing conventionnel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\"\u003e\n  \u003cp style=\"font-size: 0.85em; color: var(--soi-shbio-text-muted);\"\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne se substitue pas à l'avis d'un professionnel de santé en cas de problème capillaire ou dermatologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"soi-shbio-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"soi-shbio-cta-box\"\u003e\n    \u003cp class=\"soi-shbio-cta-tag\" style=\"color: white;\"\u003eSe soigner naturellement, un lavage après l'autre\u003c\/p\u003e\n    \u003cp class=\"soi-shbio-cta-text\" style=\"color: white;\"\u003eChaque matin, vos cheveux méritent des actifs naturels sélectionnés avec soin, un parfum d'amande qui met de bonne humeur, et la certitude de faire un choix cohérent pour vous et pour la planète.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --soi-shbio-marine: #1A2D3D;\n  --soi-shbio-marine-dark: #0F1E2B;\n  --soi-shbio-marine-light: #2C4458;\n  --soi-shbio-pomme: #A1C544;\n  --soi-shbio-pomme-dark: #84A636;\n  --soi-shbio-pomme-light: rgba(161,197,68,0.10);\n\n  --soi-shbio-white: #FFFFFF;\n  --soi-shbio-off-white: #F8FAF6;\n  --soi-shbio-stone: #F1F3EE;\n  --soi-shbio-line: #E5E8E0;\n\n  --soi-shbio-primary: #C0724A;\n  --soi-shbio-primary-soft: #F5E1D4;\n  --soi-shbio-accent: #D4A88A;\n\n  --soi-shbio-text: #1A2D3D;\n  --soi-shbio-text-soft: #4A5B6B;\n  --soi-shbio-text-muted: #7B8693;\n\n  --soi-shbio-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shbio-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shbio-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shbio-radius: 12px;\n  --soi-shbio-radius-sm: 8px;\n  --soi-shbio-radius-pill: 999px;\n}\n\n.soi-shbio-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shbio-fiche img { max-width: 100%; height: auto; }\n\n.soi-shbio-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shbio-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shbio-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shbio-hero {\n  position: relative;\n  background: var(--soi-shbio-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-shbio-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shbio-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shbio-pomme);\n}\n\n.soi-shbio-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-shbio-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shbio-pomme);\n  border-radius: 50%;\n}\n\n.soi-shbio-hero-title {\n  display: block;\n  color: var(--soi-shbio-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-shbio-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-shbio-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shbio-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-shbio-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shbio-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shbio-label-accent {\n  background: var(--soi-shbio-pomme);\n  border-color: var(--soi-shbio-pomme);\n  color: var(--soi-shbio-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shbio-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shbio-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shbio-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-shbio-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shbio-pomme);\n  border-radius: 2px;\n}\n\n.soi-shbio-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shbio-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shbio-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shbio-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shbio-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shbio-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.soi-shbio-card {\n  background: var(--soi-shbio-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shbio-radius);\n  border-left: 3px solid var(--soi-shbio-pomme);\n}\n\n.soi-shbio-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shbio-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shbio-card p {\n  font-size: 14px;\n  color: var(--soi-shbio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.soi-shbio-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.soi-shbio-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shbio-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shbio-radius);\n  border: 1px solid var(--soi-shbio-line);\n  align-items: flex-start;\n}\n\n.soi-shbio-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shbio-marine);\n  color: var(--soi-shbio-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-shbio-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shbio-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shbio-step-content p {\n  font-size: 14px;\n  color: var(--soi-shbio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID COMPACT === *\/\n.soi-shbio-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 12px;\n}\n\n.soi-shbio-card-mini {\n  background: var(--soi-shbio-stone);\n  padding: 1rem 1.25rem;\n  border-radius: var(--soi-shbio-radius-sm);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.soi-shbio-card-mini-icon {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.soi-shbio-card-mini-label {\n  font-size: 11px;\n  color: var(--soi-shbio-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n}\n\n.soi-shbio-card-mini-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shbio-marine);\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shbio-compo {\n  background: var(--soi-shbio-off-white);\n  border-radius: var(--soi-shbio-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shbio-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-shbio-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shbio-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shbio-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shbio-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shbio-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shbio-pomme-dark);\n  text-align: right;\n}\n\n\/* === TIP === *\/\n.soi-shbio-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shbio-pomme-light);\n  border-left: 4px solid var(--soi-shbio-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shbio-radius) var(--soi-shbio-radius) 0;\n  align-items: flex-start;\n  margin-top: 1.25rem;\n}\n\n.soi-shbio-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shbio-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shbio-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shbio-tip p {\n  font-size: 14px;\n  color: var(--soi-shbio-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shbio-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shbio-accordion-item {\n  background: var(--soi-shbio-off-white);\n  border-radius: var(--soi-shbio-radius-sm);\n  border: 1px solid var(--soi-shbio-line);\n  overflow: hidden;\n}\n\n.soi-shbio-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shbio-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-shbio-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shbio-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shbio-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shbio-accordion-item[open] .soi-shbio-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shbio-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shbio-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shbio-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shbio-cta-box {\n  background: var(--soi-shbio-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shbio-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shbio-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-shbio-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shbio-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-shbio-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shbio-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shbio-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-shbio-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shbio-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shbio-compo-value {\n    text-align: left;\n  }\n\n  .soi-shbio-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shbio-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shbio-fiche {\n    --soi-shbio-text-soft: #2C3E50;\n    --soi-shbio-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Le gang des bulles","offers":[{"title":"Default Title","offer_id":61603425321290,"sku":"GB0020","price":6.6,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampoing-bio-cheveux-normaux-le-gang-des-bulles-packshot.webp?v=1779453204","url":"https:\/\/www.soinature.com\/products\/shampoing-bio-cheveux-normaux-le-gang-des-bulles","provider":"Soinature","version":"1.0","type":"link"}