{"product_id":"shampooing-solide-certifie-bio-najel","title":"Shampooing solide certifié bio – Najel","description":"\n\u003cdiv class=\"soi-shmp-fiche\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"soi-shmp-hero\"\u003e\n    \u003cdiv class=\"soi-shmp-hero-tag\"\u003e\n      \u003cspan class=\"soi-shmp-tag-dot\"\u003e\u003c\/span\u003e\n      Soin cheveux · Najel\n    \u003c\/div\u003e\n    \u003cspan class=\"soi-shmp-hero-title\"\u003eShampooing solide certifié bio\u003c\/span\u003e\n    \u003cp class=\"soi-shmp-hero-subtitle\"\u003eSouplesse et brillance pour vos cheveux normaux, avec le beurre de karité bio et l'huile d'olive bio. Format solide, fabriqué en France.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shmp-hero-labels\"\u003e\n      \u003cspan class=\"soi-shmp-label soi-shmp-label-accent\"\u003eBIO\u003c\/span\u003e\n      \u003cspan class=\"soi-shmp-label\"\u003eCOSMOS ORGANIC\u003c\/span\u003e\n      \u003cspan class=\"soi-shmp-label\"\u003eFABRIQUÉ EN FRANCE\u003c\/span\u003e\n      \u003cspan class=\"soi-shmp-label\"\u003e99 % NATUREL\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 1 : Format solide --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eUn shampooing solide bio : pourquoi choisir le format solide ?\u003c\/h2\u003e\n    \u003cp\u003eContrairement à un shampooing liquide classique, le format solide contient \u003cstrong\u003e96 % d'eau en moins\u003c\/strong\u003e lors de sa fabrication. Résultat : une formule ultra concentrée, plus longue à l'usage, sans emballage plastique, et idéale pour voyager sans contrainte. Un seul pain équivaut en moyenne à deux ou trois flacons de shampooing liquide. Pratique, économique et vraiment écoresponsable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 2 : Actifs clés --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eLes actifs clés : karité bio et huile d'olive bio\u003c\/h2\u003e\n    \u003cp class=\"soi-shmp-section-intro\"\u003eChez Najel, la sélection des ingrédients n'est pas laissée au hasard. Ce shampooing solide bio s'appuie sur deux actifs naturels complémentaires.\u003c\/p\u003e\n    \u003cdiv class=\"soi-shmp-grid\"\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n        \u003cp\u003eIssue de la pression des olives, elle nourrit les fibres capillaires en profondeur, renforce la résistance du cheveu et apporte une brillance naturelle visible dès le premier lavage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-card\"\u003e\n        \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour sa richesse en acides gras, il gaine le cheveu, limite les frisottis et laisse une sensation de douceur persistante après le rinçage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shmp-compo\"\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003eCosmos Organic\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eOrigine naturelle\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003e99 % d'ingrédients d'origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-compo-row\"\u003e\n        \u003cspan class=\"soi-shmp-compo-label\"\u003eSans\u003c\/span\u003e\n        \u003cspan class=\"soi-shmp-compo-value\"\u003eSulfate agressif, silicone occlusif\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 3 : Pour qui --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce shampooing solide bio Najel ?\u003c\/h2\u003e\n    \u003cp\u003eCe soin est spécifiquement formulé pour les \u003cstrong\u003echeveux normaux\u003c\/strong\u003e, ni trop secs, ni trop gras. Si vous cherchez à maintenir un équilibre capillaire sain tout en apportant légèreté et brillance à votre chevelure, vous êtes exactement dans la cible. Il convient aussi bien aux adultes qu'aux enfants, et peut accompagner toute la famille au quotidien.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 4 : Comment utiliser --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eComment utiliser votre shampooing solide ?\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shmp-timeline\"\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eMouiller\u003c\/h3\u003e\n          \u003cp\u003eMouillez abondamment vos cheveux à l'eau tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eAppliquer\u003c\/h3\u003e\n          \u003cp\u003eFrottez le pain directement sur le cuir chevelu ou entre vos mains pour créer une mousse onctueuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eMasser\u003c\/h3\u003e\n          \u003cp\u003eMassez doucement le cuir chevelu en mouvements circulaires pendant quelques secondes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-step\"\u003e\n        \u003cdiv class=\"soi-shmp-step-num\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"soi-shmp-step-content\"\u003e\n          \u003ch3\u003eRincer et conserver\u003c\/h3\u003e\n          \u003cp\u003eRincez soigneusement à l'eau claire et laissez sécher à l'air libre sur un porte-savon.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"soi-shmp-tip\"\u003e\n      \u003cdiv class=\"soi-shmp-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe conseil Soinat\u003c\/strong\u003e\n        \u003cp\u003ePour optimiser la tenue du pain, conservez-le dans un endroit sec entre chaque utilisation. Un porte-savon drainant prolonge significativement sa durée de vie.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 5 : Engagement qualité --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eUn engagement qualité signé Najel, fabriqué en France\u003c\/h2\u003e\n    \u003cp\u003eLe \u003cstrong\u003eLaboratoire Najjar\u003c\/strong\u003e, maison française reconnue pour son expertise en cosmétiques naturels, fabrique ce shampooing solide dans le respect des standards les plus exigeants. La certification \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e atteste d'une composition contrôlée, transparente et respectueuse des écosystèmes. Aucune promesse vide : chaque ingrédient a sa raison d'être.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 6 : Ce que vous y gagnez --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003ch2\u003eCe que vous y gagnez au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"soi-shmp-benefits\"\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✨\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eSouplesse et brillance\u003c\/h3\u003e\n        \u003cp\u003eDes cheveux souples, brillants et équilibrés dès les premières utilisations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌍\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eGeste écoresponsable\u003c\/h3\u003e\n        \u003cp\u003eMoins d'eau à la fabrication, zéro plastique. Un geste concret pour la planète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e✈️\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCompact et léger\u003c\/h3\u003e\n        \u003cp\u003eUn format pratique pour voyager sans contrainte, sans risque de fuite.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e🌿\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eCertifié bio\u003c\/h3\u003e\n        \u003cp\u003eUne formule certifiée Cosmos Organic, sans ingrédients controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"soi-shmp-benefit\"\u003e\n        \u003cdiv class=\"soi-shmp-benefit-icon\"\u003e\u003cspan\u003e💰\u003c\/span\u003e\u003c\/div\u003e\n        \u003ch3\u003eÉconomique\u003c\/h3\u003e\n        \u003cp\u003eUn rapport qualité-prix avantageux grâce à la longue durée d'utilisation, équivalent à deux ou trois flacons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Accordéon : Précautions --\u003e\n  \u003csection class=\"soi-shmp-section\"\u003e\n    \u003cdiv class=\"soi-shmp-accordion\"\u003e\n      \u003cdetails class=\"soi-shmp-accordion-item\"\u003e\n        \u003csummary class=\"soi-shmp-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"soi-shmp-accordion-content\"\u003e\n          \u003cp\u003eCe produit est un soin cosmétique. Il ne constitue pas un traitement médical et ne remplace pas l'avis d'un professionnel de santé en cas de problème capillaire persistant.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003csection class=\"soi-shmp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"soi-shmp-cta-box\"\u003e\n      \u003cp class=\"soi-shmp-cta-tag\" style=\"color: white;\"\u003eSe laver naturellement\u003c\/p\u003e\n      \u003cp class=\"soi-shmp-cta-text\" style=\"color: white;\"\u003eFini les compromis entre efficacité et conscience écologique. Le shampooing solide bio Najel prend soin de vos cheveux avec des actifs certifiés bio, fabriqués en France. Un geste simple pour une chevelure rayonnante.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* === Couleurs Soinat (FIXES) === *\/\n  --soi-shmp-marine: #1A2D3D;\n  --soi-shmp-marine-dark: #0F1E2B;\n  --soi-shmp-marine-light: #2C4458;\n  --soi-shmp-pomme: #A1C544;\n  --soi-shmp-pomme-dark: #84A636;\n  --soi-shmp-pomme-light: rgba(161,197,68,0.10);\n\n  \/* === Neutres Soinat === *\/\n  --soi-shmp-white: #FFFFFF;\n  --soi-shmp-off-white: #F8FAF6;\n  --soi-shmp-stone: #F1F3EE;\n  --soi-shmp-line: #E5E8E0;\n\n  \/* === Couleurs dynamiques (packaging bleu ciel Najel) === *\/\n  --soi-shmp-primary: #5BA3C0;\n  --soi-shmp-primary-soft: #D6EBF3;\n  --soi-shmp-accent: #7BBAD4;\n\n  \/* === Textes === *\/\n  --soi-shmp-text: #1A2D3D;\n  --soi-shmp-text-soft: #4A5B6B;\n  --soi-shmp-text-muted: #7B8693;\n\n  \/* === Effets === *\/\n  --soi-shmp-shadow: 0 2px 8px rgba(26,45,61,0.06);\n  --soi-shmp-shadow-md: 0 6px 20px rgba(26,45,61,0.08);\n  --soi-shmp-shadow-lg: 0 12px 32px rgba(26,45,61,0.12);\n  --soi-shmp-radius: 12px;\n  --soi-shmp-radius-sm: 8px;\n  --soi-shmp-radius-pill: 999px;\n}\n\n\/* === RESET === *\/\n.soi-shmp-fiche * { margin: 0; padding: 0; box-sizing: border-box; }\n.soi-shmp-fiche img { max-width: 100%; height: auto; }\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.soi-shmp-fiche {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);\n  background: var(--soi-shmp-white);\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  color: var(--soi-shmp-text);\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n}\n\n\/* === HERO === *\/\n.soi-shmp-hero {\n  position: relative;\n  background: var(--soi-shmp-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-shmp-radius);\n  text-align: center;\n  overflow: hidden;\n}\n\n.soi-shmp-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 4px;\n  background: var(--soi-shmp-pomme);\n}\n\n.soi-shmp-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-shmp-tag-dot {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  background: var(--soi-shmp-pomme);\n  border-radius: 50%;\n}\n\n.soi-shmp-hero-title {\n  display: block;\n  color: var(--soi-shmp-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-shmp-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-shmp-hero-labels {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.soi-shmp-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-shmp-white);\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  border-radius: var(--soi-shmp-radius-pill);\n  font-family: 'Inter', sans-serif;\n}\n\n.soi-shmp-label-accent {\n  background: var(--soi-shmp-pomme);\n  border-color: var(--soi-shmp-pomme);\n  color: var(--soi-shmp-marine);\n  font-weight: 600;\n}\n\n\/* === SECTIONS === *\/\n.soi-shmp-section {\n  margin-bottom: clamp(2rem, 4vw, 3rem);\n}\n\n.soi-shmp-section h2 {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 600;\n  color: var(--soi-shmp-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-shmp-section h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 40px;\n  height: 3px;\n  background: var(--soi-shmp-pomme);\n  border-radius: 2px;\n}\n\n.soi-shmp-section-intro {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--soi-shmp-text-soft);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n}\n\n.soi-shmp-section p {\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--soi-shmp-text);\n  line-height: 1.7;\n  margin-bottom: 0.8rem;\n}\n\n.soi-shmp-section p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === BENEFITS === *\/\n.soi-shmp-benefits {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.soi-shmp-benefit {\n  background: var(--soi-shmp-white);\n  padding: 1.5rem 1.25rem;\n  border-radius: var(--soi-shmp-radius);\n  border: 1px solid var(--soi-shmp-line);\n  text-align: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.soi-shmp-benefit:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--soi-shmp-shadow-md);\n}\n\n.soi-shmp-benefit-icon {\n  width: 56px;\n  height: 56px;\n  margin: 0 auto 1rem;\n  background: var(--soi-shmp-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-shmp-benefit-icon::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border: 1.5px solid var(--soi-shmp-pomme);\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.soi-shmp-benefit:hover .soi-shmp-benefit-icon::after {\n  opacity: 1;\n}\n\n.soi-shmp-benefit h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shmp-benefit p {\n  font-size: 13px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === GRID + CARDS === *\/\n.soi-shmp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-shmp-card {\n  background: var(--soi-shmp-off-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shmp-radius);\n  border-left: 3px solid var(--soi-shmp-pomme);\n}\n\n.soi-shmp-card h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 0.5rem;\n}\n\n.soi-shmp-card p {\n  font-size: 14px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION (data rows) === *\/\n.soi-shmp-compo {\n  background: var(--soi-shmp-off-white);\n  border-radius: var(--soi-shmp-radius);\n  padding: 0.5rem 0;\n  overflow: hidden;\n}\n\n.soi-shmp-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-shmp-line);\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.soi-shmp-compo-row:last-child {\n  border-bottom: none;\n}\n\n.soi-shmp-compo-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--soi-shmp-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.soi-shmp-compo-value {\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--soi-shmp-marine);\n  text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.soi-shmp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.soi-shmp-step {\n  display: flex;\n  gap: 1.25rem;\n  background: var(--soi-shmp-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--soi-shmp-radius);\n  border: 1px solid var(--soi-shmp-line);\n  align-items: flex-start;\n}\n\n.soi-shmp-step-num {\n  flex-shrink: 0;\n  width: 36px;\n  height: 36px;\n  background: var(--soi-shmp-marine);\n  color: var(--soi-shmp-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-shmp-step-content h3 {\n  font-family: 'Poppins', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 0.3rem;\n}\n\n.soi-shmp-step-content p {\n  font-size: 14px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.soi-shmp-tip {\n  display: flex;\n  gap: 1rem;\n  background: var(--soi-shmp-pomme-light);\n  border-left: 4px solid var(--soi-shmp-pomme);\n  padding: 1.25rem 1.5rem;\n  border-radius: 0 var(--soi-shmp-radius) var(--soi-shmp-radius) 0;\n  align-items: flex-start;\n}\n\n.soi-shmp-tip-icon {\n  flex-shrink: 0;\n  font-size: 22px;\n  line-height: 1;\n}\n\n.soi-shmp-tip strong {\n  display: block;\n  font-family: 'Poppins', sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n  color: var(--soi-shmp-marine);\n  margin-bottom: 4px;\n}\n\n.soi-shmp-tip p {\n  font-size: 14px;\n  color: var(--soi-shmp-text);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.soi-shmp-accordion {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.soi-shmp-accordion-item {\n  background: var(--soi-shmp-off-white);\n  border-radius: var(--soi-shmp-radius-sm);\n  border: 1px solid var(--soi-shmp-line);\n  overflow: hidden;\n}\n\n.soi-shmp-accordion-header {\n  font-family: 'Poppins', sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--soi-shmp-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-shmp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.soi-shmp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 300;\n  color: var(--soi-shmp-pomme);\n  transition: transform 0.2s ease;\n}\n\n.soi-shmp-accordion-item[open] .soi-shmp-accordion-header::after {\n  transform: rotate(45deg);\n}\n\n.soi-shmp-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.soi-shmp-accordion-content p {\n  font-size: 14px;\n  color: var(--soi-shmp-text-soft);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.soi-shmp-cta-box {\n  background: var(--soi-shmp-marine);\n  padding: clamp(2rem, 4vw, 2.5rem);\n  border-radius: var(--soi-shmp-radius);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.soi-shmp-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-shmp-pomme);\n  border-radius: 0 0 4px 4px;\n}\n\n.soi-shmp-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-shmp-pomme);\n  margin-bottom: 0.75rem;\n}\n\n.soi-shmp-cta-text {\n  font-family: 'Poppins', sans-serif;\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 500;\n  color: var(--soi-shmp-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-shmp-step {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .soi-shmp-compo-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .soi-shmp-compo-value {\n    text-align: left;\n  }\n\n  .soi-shmp-hero {\n    padding: 1.75rem 1.25rem;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .soi-shmp-fiche * {\n    animation: none;\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .soi-shmp-fiche {\n    --soi-shmp-text-soft: #2C3E50;\n    --soi-shmp-line: #B0B8B0;\n  }\n}\n\u003c\/style\u003e","brand":"Najel","offers":[{"title":"Default Title","offer_id":61603635396938,"sku":"NJ0025","price":7.27,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1030\/7947\/7578\/files\/shampooing-solide-certifie-bio-najel-packshot.webp?v=1779437243","url":"https:\/\/www.soinature.com\/products\/shampooing-solide-certifie-bio-najel","provider":"Soinature","version":"1.0","type":"link"}