// Hair · Ingredients · Humectants — L3 data (standalone)
// window.HUMECTANTS

const HUMECTANTS = {
  type: "Humectants",
  parent: { title: "Ingredients", href: "/en/hair/ingredients/" },
  grandparent: { title: "Hair", href: "/en/hair/" },
  totalCount: 76,
  hero: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=1800&q=80&auto=format&fit=crop",
  heroAlt: "Editorial close-up — moisturised, healthy hair",
  h1: "Humectants: moisture that actually stays.",
  deck: "Glycerin, hyaluronic acid, panthenol, aloe — the ingredients that pull water into the hair shaft and keep it there. When they work, when they backfire, and how to use them.",
  intro: "Humectants do one thing: attract water. They draw moisture from the air around them — and, if conditions are wrong, from the hair shaft itself. Which direction the water moves depends on the relative humidity of your environment. Ignore that variable and humectants will confuse you: the same product that gives someone soft, bouncy curls will make another person's hair dry, frizzy, and dull. The ingredient isn't at fault. The context is.",
  byline: "Edited by Nelly · Beauty & Style Director",
  meta: { count: 76, updated: "Updated 30 April 2026", reading: "Avg. 4 min per piece" },
};

const HUMEC_SIBLINGS = [
  { id: "the-two-debates",   title: "The Two Debates", n: "01",            href: "/en/hair/ingredients/the-two-debates/" },
  { id: "protein-and-bonds", title: "Protein & Bonds", n: "02",            href: "/en/hair/ingredients/protein-and-bonds/" },
  { id: "humectants",        title: "Humectants",      n: "03", cur: true,  href: "/en/hair/ingredients/humectants/" },
  { id: "oils",              title: "Oils",            n: "04",             href: "/en/hair/ingredients/oils/" },
];

const QUICK_FACTS = {
  defn: {
    h: "What humectants actually do",
    body: "Humectants are hygroscopic compounds — they attract and bind water molecules. In hair care they are used in conditioners, leave-ins, and styling products to draw environmental moisture into the hair shaft and hold it there, improving flexibility, reducing brittleness, and diminishing frizz caused by moisture imbalance. The most common in hair care: glycerin, hyaluronic acid, panthenol (provitamin B5), aloe vera, honey, and sorbitol.",
  },
  myths: [
    { m: "Humectants are always good for dry hair.",
      t: "In low-humidity environments, humectants with no sealant layer on top draw moisture out of the hair shaft and into the dry air, making the hair drier and frizzier than before application. In high humidity, they can pull too much moisture in, causing hygral fatigue in hair that is already porous. Context and sealing always matter." },
    { m: "Glycerin is too heavy for fine hair.",
      t: "Glycerin is a lightweight, water-soluble humectant. It does not coat hair like an oil. Fine hair can tolerate glycerin well; the concern is residue from over-application, not weight. Dilution matters more than the ingredient itself." },
    { m: "More humectant = more moisture.",
      t: "Humectants work on a gradient — they draw moisture from wherever it is more available to wherever it is less. Past a certain atmospheric threshold, adding more humectant does not attract more moisture; it changes the balance and can destabilise the hair film." },
  ],
};

const BEGINNER_PATH = {
  h: "If humectants are new to your routine.",
  deck: "Four pieces, in order. Enough to make the humidity variable make sense.",
  steps: [
    { n: "01", t: "What humectants are and how they move water",         time: "4 min", note: "The hygroscopic mechanism without the chemistry degree." },
    { n: "02", t: "Humidity and humectants: why it's not one answer",   time: "5 min", note: "Low, medium, high — and how to adjust your products for each." },
    { n: "03", t: "Glycerin in hair care: when it works and when it doesn't", time: "4 min", note: "The most-used humectant, its reputation, and the real variables." },
    { n: "04", t: "Layering humectants with sealants",                  time: "4 min", note: "Why leave-ins need an occlusive layer to work in dry climates." },
  ],
};

const TRENDING = [
  { rank: "01", t: "Glycerin in hair care: the full picture",                time: "5 min", auth: "Nelly", date: "Apr 25", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=1100&q=80&auto=format&fit=crop", reads: "11,447" },
  { rank: "02", t: "Humectants in low humidity — why your leave-in isn't working", time: "5 min", auth: "Iris", date: "Apr 20", img: "https://images.unsplash.com/photo-1522337660859-02fbefca4702?w=1100&q=80&auto=format&fit=crop", reads: "9,821" },
  { rank: "03", t: "Panthenol for hair: what provitamin B5 actually does", time: "4 min", auth: "Nelly", date: "Apr 14", img: "https://images.unsplash.com/photo-1519014816548-bf5fe059798b?w=1100&q=80&auto=format&fit=crop", reads: "8,013" },
  { rank: "04", t: "Aloe vera vs hyaluronic acid in hair",                  time: "4 min", auth: "Iris",  date: "Apr 07", img: "https://images.unsplash.com/photo-1560869713-7d0a29430803?w=1100&q=80&auto=format&fit=crop", reads: "6,754" },
  { rank: "05", t: "Hygral fatigue: the over-moisturised hair problem",     time: "4 min", auth: "Nelly", date: "Mar 31", img: "https://images.unsplash.com/photo-1527799820374-87591a16f725?w=1100&q=80&auto=format&fit=crop", reads: "5,892" },
];

const FORMAT_GUIDE = {
  h: "Humectant decision by climate and hair type",
  deck: "The same humectant does different things in different conditions. Start here.",
  formats: [
    { name: "Low humidity",      when: "Humectant + sealant (oil or butter on top)", avoid: "Humectant-only leave-ins with no occlusive", note: "Without a seal, the humectant draws moisture from the shaft into dry air.", verdict: "Always seal" },
    { name: "Medium humidity",   when: "Humectants freely — most products work here", avoid: "Nothing specific",                           note: "The sweet spot. 40–60% RH is where most hair products are formulated to perform.", verdict: "Default range" },
    { name: "High humidity",     when: "Lighter humectants (panthenol over glycerin)", avoid: "High glycerin concentration on porous hair", note: "Excess moisture entry causes hygral fatigue on damaged hair. Seal with a film-former.", verdict: "Go lighter" },
    { name: "Fine hair",         when: "Diluted glycerin, light leave-ins",            avoid: "Heavy aloe gels as sole styler",             note: "Fine hair needs the moisture but not the weight. Less is more.", verdict: "Dilute + layer" },
    { name: "Curly, coily",      when: "Glycerin + aloe + panthenol in layered LOC",  avoid: "Humectants alone without protein if porous", note: "Curly hair benefits enormously from humectants when the LOC method seals them in.", verdict: "Layer generously" },
    { name: "Colour-treated",    when: "Hyaluronic acid, panthenol",                  avoid: "High glycerin on bleached, very porous hair", note: "Bleached hair is extremely porous and can over-absorb. Balance with protein.", verdict: "Lighter humectants" },
  ],
};

const HOWTOS = [
  { t: "Glycerin in hair care: the full picture",              time: 5, tech: "Glycerin",    auth: "Nelly", date: "Apr 25", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: true },
  { t: "Humectants in low humidity — why your leave-in isn't working", time: 5, tech: "Climate", auth: "Iris", date: "Apr 20", img: "https://images.unsplash.com/photo-1522337660859-02fbefca4702?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: true },
  { t: "Panthenol for hair: what provitamin B5 actually does", time: 4, tech: "Panthenol",  auth: "Nelly", date: "Apr 14", img: "https://images.unsplash.com/photo-1519014816548-bf5fe059798b?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: true },
  { t: "Aloe vera vs hyaluronic acid in hair",                 time: 4, tech: "Comparison", auth: "Iris",  date: "Apr 07", img: "https://images.unsplash.com/photo-1560869713-7d0a29430803?w=900&q=80&auto=format&fit=crop", kick: "Comparison", pick: true },
  { t: "Hygral fatigue: the over-moisturised hair problem",    time: 4, tech: "Technique",  auth: "Nelly", date: "Mar 31", img: "https://images.unsplash.com/photo-1527799820374-87591a16f725?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "Layering humectants and sealants: the LOC method",     time: 5, tech: "Technique",  auth: "Nelly", date: "Mar 24", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: true },
  { t: "Honey as a humectant: worth the mess?",                time: 3, tech: "Glycerin",   auth: "Iris",  date: "Mar 17", img: "https://images.unsplash.com/photo-1487412947147-5cebf100ffc2?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "Sorbitol and its relatives in conditioners",           time: 4, tech: "Comparison", auth: "Iris",  date: "Mar 10", img: "https://images.unsplash.com/photo-1522337660859-02fbefca4702?w=900&q=80&auto=format&fit=crop", kick: "Deep dive", pick: false },
  { t: "Why your curls deflate in summer",                     time: 3, tech: "Climate",    auth: "Nelly", date: "Mar 03", img: "https://images.unsplash.com/photo-1560869713-7d0a29430803?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "Humectants in styling gel: what the ingredient list tells you", time: 4, tech: "Technique", auth: "Nelly", date: "Feb 24", img: "https://images.unsplash.com/photo-1527799820374-87591a16f725?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
];

const TECH_FILTERS = ["All", "Glycerin", "Panthenol", "Climate", "Technique", "Comparison", "Deep dive", "Troubleshoot", "Essay", "Ingredients"];

const HUMEC_CROSSLINKS = [
  { id: "the-two-debates",   title: "The Two Debates",  deck: "Sulphates and silicones. The evidence, both sides.",          count: 118, href: "/en/hair/ingredients/the-two-debates/" },
  { id: "protein-and-bonds", title: "Protein & Bonds",  deck: "Structure and repair. What each treatment does inside the shaft.", count: 94, href: "/en/hair/ingredients/protein-and-bonds/" },
  { id: "oils",              title: "Oils",             deck: "Light, heavy, and what actually penetrates the shaft.",       count: 102, href: "/en/hair/ingredients/oils/" },
];

Object.assign(window, {
  HUMECTANTS, HUMEC_SIBLINGS, QUICK_FACTS, BEGINNER_PATH, TRENDING, FORMAT_GUIDE, HOWTOS, TECH_FILTERS, HUMEC_CROSSLINKS,
});