// Skin · Ingredients · Vitamin C — L3 data
// Visual skeleton must match the Oily prototype exactly. Vary copy, never layout.

const OILY = {
  type: "Vitamin C",
  parent: { title: "Ingredients", href: "/en/skin/ingredients/" },
  grandparent: { title: "Skin", href: "/en/skin/" },
  totalCount: 138,
  hero: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=1800&q=80&auto=format&fit=crop",
  heroAlt: "Editorial close-up — vitamin C serum oxidising",
  h1: "How to use vitamin C.",
  deck: "The brightening antioxidant. L-ascorbic acid versus its derivatives, the orange-bottle problem, and why the timing matters more than the concentration.",
  intro: "Vitamin C oxidises. The orange bottle on your shelf has done its job — but the oranger it gets, the less of that job it's still doing. This is the ingredient most people buy for the right reasons and use wrong. L-ascorbic acid is the most studied form. It's also the most unstable, the most likely to cause a tingle, and the most dependent on pH to work. The derivatives — ascorbyl glucoside, sodium ascorbyl phosphate, ascorbyl tetraisopalmitate — are gentler and more stable, but the conversion step between them and your skin adds a variable. Below is everything we've published on the subject: which form, which concentration, when to use it, and what to do when the bottle goes orange.",
  byline: "Edited by Nelly · Beauty & Style Director",
  meta: { count: 138, updated: "Updated 29 April 2026", reading: "Avg. 4 min per piece" },
};

// Ingredients sibling rail — 9 siblings under /en/skin/ingredients/
const TYPE_SIBLINGS = [
  { id: "niacinamide",             title: "Niacinamide",            n: "01", href: "/en/skin/ingredients/niacinamide/" },
  { id: "vitamin-c",               title: "Vitamin C",              n: "02", cur: true, href: "/en/skin/ingredients/vitamin-c/" },
  { id: "retinoids",               title: "Retinoids",              n: "03", href: "/en/skin/ingredients/retinoids/" },
  { id: "chemical-exfoliants",     title: "Chemical Exfoliants",    n: "04", href: "/en/skin/ingredients/chemical-exfoliants/" },
  { id: "ceramides",               title: "Ceramides",              n: "05", href: "/en/skin/ingredients/ceramides/" },
  { id: "peptides",                title: "Peptides",               n: "06", href: "/en/skin/ingredients/peptides/" },
  { id: "humectants-vs-emollients", title: "Humectants vs Emollients", n: "07", href: "/en/skin/ingredients/humectants-vs-emollients/" },
  { id: "the-brightening-pair",    title: "The Brightening Pair",   n: "08", href: "/en/skin/ingredients/the-brightening-pair/" },
  { id: "spf-filters",             title: "SPF Filters",            n: "09", href: "/en/skin/ingredients/spf-filters/" },
];

const QUICK_FACTS = {
  defn: {
    h: "What vitamin C does in a skincare routine",
    body: "Vitamin C is an antioxidant that neutralises free radicals — the oxidative stress from UV, pollution, and metabolic processes that degrades collagen and contributes to uneven tone. Used in the morning, it adds a layer of protection on top of SPF. It also moderates melanin synthesis, which is why it's associated with brighter skin over time. It doesn't bleach. It moderates.",
  },
  myths: [
    { m: "You can't use vitamin C with niacinamide.",
      t: "The supposed reaction — niacin flush from combining the two — requires heat and prolonged contact not present in a normal routine. Layer them. It's fine." },
    { m: "Higher percentage means better results.",
      t: "L-ascorbic acid above 15–20% is more irritating, not more effective. Stability and pH matter more than the number on the box." },
    { m: "If it doesn't tingle, it's not working.",
      t: "Tingling means the pH is low enough to cause irritation — not that it's active. Derivatives work at gentler pH and don't tingle." },
  ],
};

const BEGINNER_PATH = {
  h: "Start here, if vitamin C is new to you.",
  deck: "Five pieces, in order. Around nineteen minutes of reading. Enough to choose a form and build a sensible habit.",
  steps: [
    { n: "01", t: "L-ascorbic acid vs vitamin C derivatives — what's the difference", time: "5 min", note: "Stability, conversion, and the case for each." },
    { n: "02", t: "Why morning, specifically",                                         time: "3 min", note: "Antioxidants and SPF — the logic of the sequence." },
    { n: "03", t: "The orange-bottle problem",                                         time: "3 min", note: "Oxidation, storage, and when to throw it out." },
    { n: "04", t: "Vitamin C concentration — where to start",                         time: "4 min", note: "The 10–15% zone and why to stay in it." },
    { n: "05", t: "Layering vitamin C with the rest of your routine",                 time: "4 min", note: "Before and after. What plays well, what doesn't." },
  ],
};

const TRENDING = [
  { rank: "01", t: "L-ascorbic acid vs ascorbyl glucoside — which to choose", time: "5 min", auth: "Nelly", date: "Apr 27", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=1100&q=80&auto=format&fit=crop", reads: "13,412" },
  { rank: "02", t: "Why your vitamin C serum turned orange", time: "3 min", auth: "Nelly", date: "Apr 23", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=1100&q=80&auto=format&fit=crop", reads: "10,885" },
  { rank: "03", t: "Vitamin C in the morning — the complete logic", time: "4 min", auth: "Iris",  date: "Apr 19", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=1100&q=80&auto=format&fit=crop", reads: "8,947" },
  { rank: "04", t: "Does vitamin C make your skin more sun-sensitive", time: "4 min", auth: "Nelly", date: "Apr 14", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=1100&q=80&auto=format&fit=crop", reads: "7,601" },
  { rank: "05", t: "Stable vitamin C derivatives — a short guide", time: "4 min", auth: "Iris",  date: "Apr 09", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=1100&q=80&auto=format&fit=crop", reads: "6,122" },
];

const FORMAT_GUIDE = {
  h: "Format & cadence, by use case",
  deck: "Which form of vitamin C belongs where. Stability and skin type determine the answer more than preference.",
  formats: [
    { name: "L-ascorbic acid 10–15%", when: "AM, dry to normal skin, targeted brightening", avoid: "Sensitive or reactive skin", note: "Most studied. Requires low pH. Store in a dark, cool place.", verdict: "Most studied" },
    { name: "L-ascorbic acid 20%+",  when: "AM, oily to normal, experienced users",          avoid: "First-time vitamin C users, sensitive skin", note: "Diminishing returns above 20%. Irritation risk rises.", verdict: "Proceed carefully" },
    { name: "Ascorbyl glucoside",    when: "AM or PM, sensitive skin, all year",             avoid: "Expecting instant results", note: "Stable, gentle, converts slowly. A good long-game choice.", verdict: "Best for sensitive" },
    { name: "Sodium ascorbyl phosphate", when: "AM, oily skin, combination",                avoid: "Anhydrous formulas",       note: "Water-soluble derivative. Tolerant and stable.", verdict: "Good for oily" },
    { name: "Ascorbyl tetraisopalmitate", when: "PM, dry skin, oil-based routine",          avoid: "Gel-based routines",       note: "Oil-soluble. Works in oil-based serums and balms.", verdict: "Oil-routine use" },
    { name: "Vitamin C in moisturiser", when: "Low-commitment daily use",                   avoid: "Expecting high-dose results", note: "Lower concentration, consistent delivery. Stability varies.", verdict: "Low-effort entry" },
  ],
};

const HOWTOS = [
  { t: "L-ascorbic acid vs vitamin C derivatives — which to choose", time: 5, tech: "Serums", auth: "Nelly", date: "Apr 27", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: true },
  { t: "Why your vitamin C serum turned orange", time: 3, tech: "Troubleshoot", auth: "Nelly", date: "Apr 23", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: true },
  { t: "Vitamin C in the morning — the full logic", time: 4, tech: "Routine", auth: "Iris", date: "Apr 19", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: true },
  { t: "Does vitamin C increase sun sensitivity", time: 4, tech: "Essay", auth: "Nelly", date: "Apr 14", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: true },
  { t: "Stable vitamin C derivatives — a short guide", time: 4, tech: "Serums", auth: "Iris", date: "Apr 09", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: true },
  { t: "How to store vitamin C correctly", time: 3, tech: "Routine", auth: "Nelly", date: "Apr 04", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "Vitamin C and SPF — the layering sequence", time: 4, tech: "Layering", auth: "Iris", date: "Mar 30", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Vitamin C for sensitive skin — the gentler path", time: 4, tech: "Essay", auth: "Nelly", date: "Mar 26", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Can vitamin C cause a breakout", time: 3, tech: "Troubleshoot", auth: "Iris", date: "Mar 21", img: "https://images.unsplash.com/photo-1570194065650-d99fb4bedf0a?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "Vitamin C + ferulic acid — what it does", time: 5, tech: "Layering", auth: "Nelly", date: "Mar 17", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "What pH means for vitamin C products", time: 4, tech: "Essay", auth: "Iris", date: "Mar 12", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Vitamin C with retinoids — same routine or separate", time: 5, tech: "Layering", auth: "Nelly", date: "Mar 07", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "The oil-soluble vitamin C option", time: 4, tech: "Format", auth: "Iris", date: "Mar 02", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Format", pick: false },
  { t: "When to introduce vitamin C into a new routine", time: 3, tech: "Routine", auth: "Nelly", date: "Feb 25", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "Vitamin C for hyperpigmentation — time and expectations", time: 6, tech: "Essay", auth: "Iris", date: "Feb 20", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Vitamin C with niacinamide — the whole story", time: 5, tech: "Layering", auth: "Nelly", date: "Feb 15", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "How much vitamin C is enough in a moisturiser", time: 3, tech: "Format", auth: "Iris", date: "Feb 10", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Format", pick: false },
  { t: "Vitamin C in winter — does skin respond differently", time: 4, tech: "Essay", auth: "Nelly", date: "Feb 05", img: "https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Sodium ascorbyl phosphate — the low-maintenance option", time: 4, tech: "Serums", auth: "Iris", date: "Jan 31", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "The vitamin C routine for combination skin", time: 5, tech: "Routine", auth: "Nelly", date: "Jan 26", img: "https://images.unsplash.com/photo-1570194065650-d99fb4bedf0a?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
  { t: "Why some vitamin C products sting and others don't", time: 3, tech: "Troubleshoot", auth: "Iris", date: "Jan 21", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "Vitamin C with chemical exfoliants — can you stack them", time: 5, tech: "Layering", auth: "Nelly", date: "Jan 16", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Ascorbyl glucoside — the patient person's vitamin C", time: 5, tech: "Serums", auth: "Iris", date: "Jan 11", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "A vitamin C routine for beginners", time: 4, tech: "Routine", auth: "Nelly", date: "Jan 06", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
];

const TECH_FILTERS = ["All", "Serums", "Layering", "Routine", "Essay", "Format", "Troubleshoot"];

// Crosslinks to 4 adjacent ingredient siblings
const TYPE_CROSSLINKS = [
  { id: "niacinamide",         title: "Niacinamide",      deck: "Stable, compatible, and doing more than you think.",    count: 163, href: "/en/skin/ingredients/niacinamide/" },
  { id: "spf-filters",         title: "SPF Filters",      deck: "What goes under it. What vitamin C adds on top.",       count: 120, href: "/en/skin/ingredients/spf-filters/" },
  { id: "the-brightening-pair", title: "The Brightening Pair", deck: "Tranexamic and azelaic — the follow-up to vitamin C.", count: 109, href: "/en/skin/ingredients/the-brightening-pair/" },
  { id: "chemical-exfoliants", title: "Chemical Exfoliants", deck: "AHAs and BHAs. How they sit next to vitamin C.",     count: 151, href: "/en/skin/ingredients/chemical-exfoliants/" },
];

Object.assign(window, {
  OILY, TYPE_SIBLINGS, QUICK_FACTS, BEGINNER_PATH, TRENDING, FORMAT_GUIDE, HOWTOS, TECH_FILTERS, TYPE_CROSSLINKS,
});