// Skin · Routine · Layering Order — L3 data
// Live deploy version (parent = Routine, 5 siblings).
// Visual skeleton must match the Oily prototype exactly. Vary copy, never layout.

const OILY = {
  type: "Layering Order",
  parent: { title: "Routine", href: "/en/skin/routine/" },
  grandparent: { title: "Skin", href: "/en/skin/" },
  totalCount: 143,
  hero: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=1800&q=80&auto=format&fit=crop",
  heroAlt: "Editorial flat-lay — skincare products in sequence",
  h1: "How to layer skincare in order.",
  deck: "Thinnest to thickest. Water before oil. SPF last in the morning. The answer is mostly settled — here's the full case for it.",
  intro: "Layering order is the most over-litigated question in skincare. The answer is mostly settled: thinnest to thickest, water before oil, SPF last in the morning. The dwell-time myth — the idea that each product needs to fully absorb before the next goes on — is mostly just that. A few seconds between steps is fine. The real enemy isn't impatience; it's pilling, which happens when incompatible textures meet before the first has dried down. Below is everything we've published on order, interaction, and application technique — the rules, the exceptions, and the situations where order genuinely matters.",
  byline: "Edited by Nelly · Beauty & Style Director",
  meta: { count: 143, updated: "Updated 28 April 2026", reading: "Avg. 4 min per piece" },
};

// Routine sibling rail — 5 siblings under /en/skin/routine/
const TYPE_SIBLINGS = [
  { id: "am",               title: "AM Routine",       n: "01",            href: "/en/skin/routine/am/" },
  { id: "pm",               title: "PM Routine",       n: "02",            href: "/en/skin/routine/pm/" },
  { id: "layering-order",   title: "Layering Order",   n: "03", cur: true, href: "/en/skin/routine/layering-order/" },
  { id: "minimum-viable",   title: "Minimum Viable",   n: "04",            href: "/en/skin/routine/minimum-viable/" },
  { id: "active-management",title: "Active Management",n: "05",            href: "/en/skin/routine/active-management/" },
];

const QUICK_FACTS = {
  defn: {
    h: "What layering order actually means",
    body: "Layering order is the sequence in which skincare products are applied so that each step supports the next. The guiding logic: thinnest consistency first (water-based toners, serums), then slightly richer (gel moisturisers, emulsions), then oil-based if used, then sunscreen or occlusives last. This maximises absorption and prevents pilling.",
  },
  myths: [
    { m: "You need to wait 20–30 minutes between each step.",
      t: "The dwell-time idea is mostly marketing. Water-based products need time to dry down before an oil-based step — usually 30–60 seconds. Beyond that, you're not gaining anything. The 20-minute rule was invented to sell dwell-time products." },
    { m: "Layering order doesn't matter if you're using good products.",
      t: "It matters for two reasons: pilling (incompatible textures applied too fast) and efficacy (some actives need to reach skin before an occlusive blocks them). Order is especially important with AHAs, vitamin C, and physical SPF." },
    { m: "Oil before water-based products enhances absorption.",
      t: "The reverse. Oil on top of water-based steps traps them; oil underneath blocks them. Oil-based products go after water-based steps, before occlusives. The rule holds regardless of product marketing." },
  ],
};

const BEGINNER_PATH = {
  h: "Start here, if layering is confusing you.",
  deck: "Five pieces, in order. About nineteen minutes. Enough to understand the rules and why they hold.",
  steps: [
    { n: "01", t: "The thinnest-to-thickest rule — why it works",              time: "3 min", note: "The physics of product absorption. Why lighter first." },
    { n: "02", t: "Water before oil — the non-negotiable",                      time: "3 min", note: "How to identify oil-based steps. What happens when you reverse them." },
    { n: "03", t: "SPF last in the morning — and what that means for layering", time: "4 min", note: "Why nothing goes over SPF. The one exception." },
    { n: "04", t: "Pilling — why it happens and how to stop it",                time: "5 min", note: "The real causes. Texture incompatibility. The fix." },
    { n: "05", t: "Active order — where acids, vitamin C, and retinol fit",     time: "4 min", note: "The AM and PM active rules side by side." },
  ],
};

const TRENDING = [
  { rank: "01", t: "Pilling — what causes it and how to stop it",              time: "5 min", auth: "Nelly", date: "Apr 27", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=1100&q=80&auto=format&fit=crop", reads: "16,340" },
  { rank: "02", t: "SPF last — and why nothing goes over it",                  time: "3 min", auth: "Nelly", date: "Apr 23", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=1100&q=80&auto=format&fit=crop", reads: "12,780" },
  { rank: "03", t: "The dwell-time myth — what the research actually says",    time: "4 min", auth: "Iris",  date: "Apr 18", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=1100&q=80&auto=format&fit=crop", reads: "10,022" },
  { rank: "04", t: "Oil before or after moisturiser — settled",                time: "3 min", auth: "Nelly", date: "Apr 13", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=1100&q=80&auto=format&fit=crop", reads: "9,247" },
  { rank: "05", t: "Vitamin C and niacinamide together — the real answer",     time: "4 min", auth: "Iris",  date: "Apr 07", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=1100&q=80&auto=format&fit=crop", reads: "8,111" },
];

const FORMAT_GUIDE = {
  h: "Approach, by layering scenario",
  deck: "Common stacking situations and how to navigate them. None of these are product lists — they're sequencing principles.",
  formats: [
    { name: "Standard AM",      when: "Every morning, 3–6 products", avoid: "Reversing oil and water steps", note: "Toner / water serum → vitamin C → moisturiser → SPF. Simple, repeatable.", verdict: "★ Default" },
    { name: "Standard PM",      when: "Every evening, treatment nights", avoid: "Active over occlusive", note: "Cleanse → toner → active serum → moisturiser → optional oil or balm.", verdict: "Core" },
    { name: "Multi-Serum Stack", when: "When two or more serums are used", avoid: "More than 3 actives in one step", note: "Water-based first, thicker second, no more than 2 drops each. Layer thin.", verdict: "Advanced" },
    { name: "Oil + SPF",        when: "Oil-based moisturiser or serum in AM", avoid: "Oil directly under SPF", note: "Finish the water-based routine, apply oil, let dry fully, then SPF. Minimum 60s.", verdict: "Careful" },
    { name: "Pilling Fix",      when: "Products pilling under SPF or foundation", avoid: "Adding more layers to troubleshoot", note: "Reduce steps, apply thinner amounts, extend dry-down time between steps.", verdict: "Troubleshoot" },
    { name: "Minimal Stack",     when: "One serum, one moisturiser, one SPF", avoid: "Skipping dry-down entirely", note: "Even three steps need 30 seconds between each. The minimum matters.", verdict: "Simple" },
  ],
};

const HOWTOS = [
  { t: "Pilling — what causes it and how to stop it",              time: 5, tech: "Troubleshoot",  auth: "Nelly", date: "Apr 27", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: true },
  { t: "SPF last — and why nothing goes over it",                  time: 3, tech: "SPF",            auth: "Nelly", date: "Apr 23", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "SPF", pick: true },
  { t: "The dwell-time myth — what research says",                 time: 4, tech: "Essay",          auth: "Iris",  date: "Apr 18", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Oil before or after moisturiser — settled",                time: 3, tech: "Layering",       auth: "Nelly", date: "Apr 13", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: true },
  { t: "Vitamin C and niacinamide — can they be layered?",         time: 4, tech: "Serums",         auth: "Iris",  date: "Apr 07", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "How to stack two serums without pilling",                  time: 5, tech: "Layering",       auth: "Nelly", date: "Apr 02", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: true },
  { t: "AHA in the PM — where it fits in the stack",              time: 4, tech: "Serums",         auth: "Iris",  date: "Mar 28", img: "https://images.unsplash.com/photo-1570194065650-d99fb4bedf0a?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "Toner — does it really go before serum?",                  time: 3, tech: "Layering",       auth: "Nelly", date: "Mar 23", img: "https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Retinol and what can't go next to it",                     time: 5, tech: "Serums",         auth: "Iris",  date: "Mar 18", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "Physical vs chemical SPF — layering implications",         time: 4, tech: "SPF",            auth: "Nelly", date: "Mar 13", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "SPF", pick: false },
  { t: "Hyaluronic acid — first or second serum?",                 time: 3, tech: "Serums",         auth: "Nelly", date: "Mar 09", img: "https://images.unsplash.com/photo-1556228720-195a672e8a03?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "The balm-over-serum question",                             time: 3, tech: "Layering",       auth: "Iris",  date: "Mar 04", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Makeup over sunscreen — the full guide",                   time: 5, tech: "SPF",            auth: "Nelly", date: "Feb 28", img: "https://images.unsplash.com/photo-1556228453-efd6c1ff04f6?w=900&q=80&auto=format&fit=crop", kick: "SPF", pick: false },
  { t: "Why your moisturiser is pilling under SPF",                time: 3, tech: "Troubleshoot",  auth: "Iris",  date: "Feb 23", img: "https://images.unsplash.com/photo-1608248543803-ba4f8c70ae0b?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "Does order matter with cleansing?",                        time: 3, tech: "Cleansing",      auth: "Nelly", date: "Feb 18", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Cleansing", pick: false },
  { t: "What 'occlusive' means — and why it goes last",            time: 4, tech: "Essay",          auth: "Iris",  date: "Feb 13", img: "https://images.unsplash.com/photo-1583416750470-965b2707b355?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Peptides and retinol on the same night — possible?",       time: 5, tech: "Serums",         auth: "Nelly", date: "Feb 09", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "The actives incompatibility list",                         time: 6, tech: "Essay",          auth: "Iris",  date: "Feb 04", img: "https://images.unsplash.com/photo-1570194065650-d99fb4bedf0a?w=900&q=80&auto=format&fit=crop", kick: "Essay", pick: false },
  { t: "Eye cream — before or after serum?",                       time: 3, tech: "Layering",       auth: "Nelly", date: "Jan 30", img: "https://images.unsplash.com/photo-1598440947619-2c35fc9aa908?w=900&q=80&auto=format&fit=crop", kick: "Layering", pick: false },
  { t: "Ceramide order — and why it's often wrong",                time: 4, tech: "Serums",         auth: "Iris",  date: "Jan 25", img: "https://images.unsplash.com/photo-1556228852-80b6e5eeff06?w=900&q=80&auto=format&fit=crop", kick: "Ingredients", pick: false },
  { t: "Three serums — when it's too many",                        time: 4, tech: "Troubleshoot",  auth: "Nelly", date: "Jan 20", img: "https://images.unsplash.com/photo-1571875257727-256c39da42af?w=900&q=80&auto=format&fit=crop", kick: "Troubleshoot", pick: false },
  { t: "Reapplying SPF midday — what goes under, what goes over",  time: 4, tech: "SPF",            auth: "Iris",  date: "Jan 15", img: "https://images.unsplash.com/photo-1556228578-8c89e6adf883?w=900&q=80&auto=format&fit=crop", kick: "SPF", pick: false },
  { t: "How application technique changes absorption",             time: 5, tech: "Technique",      auth: "Nelly", date: "Jan 10", img: "https://images.unsplash.com/photo-1512290923902-8a9f81dc236c?w=900&q=80&auto=format&fit=crop", kick: "Technique", pick: false },
  { t: "The shortest correct layering order — verified",           time: 3, tech: "Routine",        auth: "Iris",  date: "Jan 05", img: "https://images.unsplash.com/photo-1607006344380-b6775a0824a4?w=900&q=80&auto=format&fit=crop", kick: "Routine", pick: false },
];

const TECH_FILTERS = ["All", "Cleansing", "Moisturising", "Serums", "Layering", "SPF", "Routine", "Essay", "Troubleshoot"];

// Crosslinks to other routines — 4 (everything except current)
const TYPE_CROSSLINKS = [
  { id: "am",                title: "AM Routine",         deck: "Four steps. SPF last. The sequence that protects.",                     count: 218, href: "/en/skin/routine/am/" },
  { id: "pm",                title: "PM Routine",         deck: "Double cleanse, active, repair. The routine that does the work.",       count: 196, href: "/en/skin/routine/pm/" },
  { id: "minimum-viable",    title: "Minimum Viable",     deck: "Three products. What you can skip and what you can't.",                 count: 127, href: "/en/skin/routine/minimum-viable/" },
  { id: "active-management", title: "Active Management",  deck: "Skin cycling, builder routines, and the reset week.",                   count: 162, href: "/en/skin/routine/active-management/" },
];

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