// Hair · Colour & Treatment · Sulphate-Free Routine — L3 data

const SULPHATE_FREE = {
  type: "Sulphate-Free Routine",
  parent: { title: "Colour & Treatment", href: "/en/hair/colour-treatment/" },
  grandparent: { title: "Hair", href: "/en/hair/" },
  totalCount: 143,
  hero: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=1800&q=80&auto=format&fit=crop",
  heroAlt: "Editorial close-up — luxurious hair wash routine",
  h1: "How to build a sulphate-free routine.",
  deck: "Sulphates are the most effective cleansers in a shampoo formula. They are also the most colour-stripping. Switching is straightforward — but the switch needs to be complete, and the rest of the routine needs to compensate for lower cleansing power.",
  intro: "Sodium lauryl sulphate (SLS) and sodium laureth sulphate (SLES) are anionic surfactants — detergents that bond to oil and water simultaneously and remove both when rinsed. They work exceptionally well, which is precisely the problem for coloured hair: they remove the direct dye pigment sitting on the cuticle, the toner that gave your highlights their cool ash tone, and the bond-building treatments you applied the week before. Sulphate-free shampoos use milder surfactants (coco glucoside, decyl glucoside, betaine) that clean the hair without the aggressive stripping. The trade-off: they lather less and require more product or more working-in time to feel clean. Below is everything: how to identify sulphates in an ingredient list, how to make the switch, what to do if your scalp feels under-cleaned, and how to build the rest of the routine around a sulphate-free base.",
  byline: "Edited by Nelly · Beauty & Style Director",
  meta: { count: 143, updated: "Updated 29 April 2026", reading: "Avg. 4 min per piece" },
};

const SF_SIBLINGS = [
  { id: "gloss",                 title: "Gloss",                  n: "01", href: "/en/hair/colour-treatment/gloss/" },
  { id: "balayage",              title: "Balayage",               n: "02", href: "/en/hair/colour-treatment/balayage/" },
  { id: "highlights",            title: "Highlights",             n: "03", href: "/en/hair/colour-treatment/highlights/" },
  { id: "root-touchup",         title: "Root touch-up",          n: "04", href: "/en/hair/colour-treatment/root-touchup/" },
  { id: "going-darker",         title: "Going darker",           n: "05", href: "/en/hair/colour-treatment/going-darker/" },
  { id: "going-lighter",        title: "Going lighter",          n: "06", href: "/en/hair/colour-treatment/going-lighter/" },
  { id: "grey-coverage",        title: "Grey coverage",          n: "07", href: "/en/hair/colour-treatment/grey-coverage/" },
  { id: "vivids-care",          title: "Vivids care",            n: "08", href: "/en/hair/colour-treatment/vivids-care/" },
  { id: "bond-builder",         title: "Bond builder",           n: "09", href: "/en/hair/colour-treatment/bond-builder/" },
  { id: "sulphate-free-routine", title: "Sulphate-free routine", n: "10", cur: true, href: "/en/hair/colour-treatment/sulphate-free-routine/" },
  { id: "post-salon-week",      title: "Post-salon week",        n: "11", href: "/en/hair/colour-treatment/post-salon-week/" },
  { id: "colour-fade",          title: "Colour fade",            n: "12", href: "/en/hair/colour-treatment/colour-fade/" },
];

const SF_QUICK_FACTS = {
  defn: {
    h: "What sulphates do and why they strip colour",
    body: "Sulphates are amphoteric surfactants — they have both an oil-attracting end and a water-attracting end. When you lather and rinse, the oil-attracting end grabs sebum, product buildup, and also any water-soluble pigment sitting on or near the cuticle. Direct dyes, toners, and colour-depositing treatments are all water-soluble — they're removed by sulphates at every wash. Milder sulphate-free surfactants still clean, but with less aggressiveness, losing less colour per wash.",
  },
  myths: [
    { m: "Sulphate-free shampoos don't actually clean the hair.",
      t: "They clean — they just clean less aggressively. For the average scalp with normal oil production, a sulphate-free formula is sufficient. Very oily scalps or heavy product users may need a gentle clarifying treatment once a month." },
    { m: "All sulphate-free shampoos are the same.",
      t: "The surfactant type matters. Coco glucoside and decyl glucoside are gentler than sodium lauroyl sarcosinate, which is gentler than sodium lauryl sulphate. The ingredient list tells you what you're actually getting." },
    { m: "Switching to sulphate-free will fix my colour fade immediately.",
      t: "It slows the fade, it doesn't stop it. Colour fade has multiple contributors — water temperature, UV exposure, hard water minerals, heat styling — and sulphate-free addresses one of them." },
  ],
};

const SF_BEGINNER_PATH = {
  h: "Making the sulphate-free switch?",
  deck: "Four pieces. About fifteen minutes. How to switch, and what to expect.",
  steps: [
    { n: "01", t: "How to read a shampoo ingredient list for sulphates", time: "3 min", note: "The names they hide under — SLS, SLES, and their cousins." },
    { n: "02", t: "Making the switch: what to expect in the first two weeks", time: "4 min", note: "The adjustment period, why it feels different, and when it normalises." },
    { n: "03", t: "When to clarify even on a sulphate-free routine", time: "4 min", note: "Buildup, product residue, and the once-a-month clarifying protocol." },
    { n: "04", t: "Building the rest of the routine around sulphate-free", time: "4 min", note: "Conditioner, treatment, and scalp care in a sulphate-free system." },
  ],
};

const SF_TRENDING = [
  { rank: "01", t: "How to actually read a shampoo label for sulphates", time: "4 min", auth: "Nelly", date: "Apr 26", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=1100&q=80&auto=format&fit=crop", reads: "11,880" },
  { rank: "02", t: "The adjustment period: why sulphate-free feels greasy at first", time: "3 min", auth: "Iris",  date: "Apr 19", img: "https://images.unsplash.com/photo-1562322140-8baeececf3df?w=1100&q=80&auto=format&fit=crop", reads: "9,340" },
  { rank: "03", t: "When to clarify on a sulphate-free routine", time: "4 min", auth: "Nelly", date: "Apr 12", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=1100&q=80&auto=format&fit=crop", reads: "7,215" },
  { rank: "04", t: "Sulphate-free for oily scalp: does it work?", time: "4 min", auth: "Iris",  date: "Apr 05", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=1100&q=80&auto=format&fit=crop", reads: "6,890" },
  { rank: "05", t: "Hard water and colour fade — sulphate-free only solves half the problem", time: "4 min", auth: "Nelly", date: "Mar 29", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=1100&q=80&auto=format&fit=crop", reads: "5,770" },
];

const SF_FORMAT_GUIDE = {
  h: "Sulphate-free approach, by hair type",
  deck: "One shampoo formula doesn't fit every hair type. Here's how to adjust.",
  formats: [
    { name: "Fine hair",        when: "Co-wash or very dilute sulphate-free application", avoid: "Heavy sulphate-free formulas with silicones — weigh the hair down", note: "Fine hair needs the gentlest cleansing approach. Buildup shows more.", verdict: "Lightweight" },
    { name: "Thick/coarse hair", when: "Richer sulphate-free formulas; double washing if needed", avoid: "Under-washing — buildup on thick hair is harder to see but accumulates", note: "Needs more product worked through for effective coverage.", verdict: "Generous application" },
    { name: "Oily scalp",       when: "Scalp-focused application with gentle sulphate-free; clarify monthly", avoid: "Mid-lengths and ends in the lather — strip-dries the colour", note: "Apply to scalp only; let rinse water carry the lather down the lengths.", verdict: "Zone application" },
    { name: "Coloured hair",    when: "Sulphate-free standard; cold rinse; frequency 2–3x weekly", avoid: "Daily washing even with sulphate-free formulas", note: "Every wash loses colour. The goal is fewer, gentler washes.", verdict: "★ Default" },
    { name: "Vivid/fashion colour", when: "Sulphate-free mandatory; colour-depositing conditioner between washes", avoid: "Any sulphate-containing product, even once", note: "One wash with SLS can take more pigment than two weeks of sulphate-free.", verdict: "Non-negotiable" },
  ],
};

const SF_HOWTOS = [
  { t: "How to actually read a shampoo label for sulphates", time: 4, tech: "Ingredients", auth: "Nelly", date: "Apr 26", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: true },
  { t: "The adjustment period: why sulphate-free feels greasy at first", time: 3, tech: "Method", auth: "Iris",  date: "Apr 19", img: "https://images.unsplash.com/photo-1562322140-8baeececf3df?w=900&q=80&auto=format&fit=crop", kick: "Method", pick: true },
  { t: "When to clarify on a sulphate-free routine", time: 4, tech: "Technique", auth: "Nelly", date: "Apr 12", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: true },
  { t: "Sulphate-free for oily scalp: does it work?", time: 4, tech: "Troubleshoot", auth: "Iris",  date: "Apr 05", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "Hard water and colour fade — the other half of the problem", time: 4, tech: "Essay", auth: "Nelly", date: "Mar 29", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Building a full sulphate-free routine: shampoo, conditioner, treatment", time: 5, tech: "Routine", auth: "Iris",  date: "Mar 21", img: "https://images.unsplash.com/photo-1562322140-8baeececf3df?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "Sulphate-free on fine hair — avoiding the flat and limp problem", time: 3, tech: "Technique", auth: "Nelly", date: "Mar 13", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
  { t: "The best sulphate-free shampoos for coloured hair", time: 4, tech: "Products", auth: "Iris",  date: "Mar 05", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Products", pick: false },
];

const SF_TECH_FILTERS = ["All", "Ingredients", "Technique", "Method", "Routine", "Products", "Troubleshoot", "Essay"];

const SF_CT_CROSSLINKS = [
  { id: "colour-fade",  title: "Colour fade",     deck: "Sulphate-free is one tool. The full picture is here.",  count: 167, href: "/en/hair/colour-treatment/colour-fade/" },
  { id: "vivids-care",  title: "Vivids care",      deck: "Vivids are the extreme case for sulphate-free.",        count: 134, href: "/en/hair/colour-treatment/vivids-care/" },
  { id: "post-salon-week", title: "Post-salon week", deck: "Sulphate-free starts the day you leave the salon.",   count: 183, href: "/en/hair/colour-treatment/post-salon-week/" },
  { id: "bond-builder",  title: "Bond builder",    deck: "Bond treatments need sulphate-free to maintain.",       count: 145, href: "/en/hair/colour-treatment/bond-builder/" },
];

Object.assign(window, {
  SULPHATE_FREE, SF_SIBLINGS, SF_QUICK_FACTS, SF_BEGINNER_PATH, SF_TRENDING, SF_FORMAT_GUIDE, SF_HOWTOS, SF_TECH_FILTERS, SF_CT_CROSSLINKS,
});