/* v0.2.213 — Brand Me Labo mobile density and copy-grid alignment.
   Owner-managed fields remain present in the document. This layer only
   changes the mobile reading hierarchy; desktop retains the v212 editorial flow. */

@media (max-width: 900px) {
  :root { --v213-copy-gutter: 28px; }

  /* WHAT CHANGES: lead with the three outcomes that describe the program's
     confidence and direction, then keep the remaining outcomes as one quiet
     supporting sequence. All six saved entries remain available in the DOM. */
  .labo-transformation .labo-results__list {
    display: flex;
    flex-direction: column;
  }
  .labo-transformation .labo-results__item { min-height: 0; padding-block: 22px 24px !important; }
  .labo-transformation .labo-results__item > span { margin-bottom: 13px; }
  .labo-transformation .labo-results__item:nth-child(2) { order: 1; }
  .labo-transformation .labo-results__item:nth-child(4) { order: 2; }
  .labo-transformation .labo-results__item:nth-child(5) { order: 3; }
  .labo-transformation .labo-results__item:nth-child(1) { order: 4; margin-top: 18px; padding-top: 23px !important; border-top: 1px solid var(--color-line); }
  .labo-transformation .labo-results__item:nth-child(3) { order: 5; }
  .labo-transformation .labo-results__item:nth-child(6) { order: 6; }
  .labo-transformation .labo-results__item:nth-child(2) > p,
  .labo-transformation .labo-results__item:nth-child(4) > p,
  .labo-transformation .labo-results__item:nth-child(5) > p {
    color: var(--color-deep);
    font-size: clamp(22px, 5.85vw, 25px);
    line-height: 1.62;
  }
  .labo-transformation .labo-results__item:nth-child(1) > p,
  .labo-transformation .labo-results__item:nth-child(3) > p,
  .labo-transformation .labo-results__item:nth-child(6) > p {
    color: var(--color-soft-ink);
    font-size: 15px;
    line-height: 1.78;
  }
  .labo-transformation .labo-results__item:nth-child(n + 1) > span { color: var(--color-accent); font-size: 10px; }
  .labo-transformation .labo-results { padding-block: 64px 68px; }
  .labo-transformation .labo-results__head { margin-bottom: 32px; }

  /* WHY 3 MONTHS: the five named steps stay legible as one continuous path.
     The long explanatory fields are retained for editor/desktop use instead
     of competing with the program outline on a phone. */
  .labo-journey { padding-block: 66px; }
  .labo-journey__grid { margin-top: 28px; }
  .labo-journey__item {
    grid-template-columns: 82px minmax(0, 1fr);
    column-gap: 12px;
    padding-block: 16px 17px;
  }
  .labo-journey__item > span { padding-top: 4px; font-size: 10px; }
  .labo-journey__item h3 { margin: 0; font-size: 18px; line-height: 1.52; }
  .labo-journey__item div { display: none; }

  /* PROGRAM: 10 sessions remain the primary itinerary. The six modules read
     as three quiet visual clusters (STYLE / MAKEUP / HAIR), while their full
     owner-managed descriptions remain available on desktop. */
  .labo-program { padding-block: 68px; }
  .labo-program .labo-section-head { gap: 20px; }
  .labo-schedule { margin-top: 40px; padding-top: 30px; gap: 24px; }
  .labo-schedule__list { margin-top: 20px; }
  .labo-schedule__list p { padding-block: 10px; }
  .labo-program__modules { margin-top: 46px; }
  .labo-program__modules .labo-program__item { position: relative; gap: 7px 13px; padding-block: 15px; }
  .labo-program__modules .labo-program__item:nth-child(2),
  .labo-program__modules .labo-program__item:nth-child(5),
  .labo-program__modules .labo-program__item:nth-child(6) { padding-top: 39px; }
  .labo-program__modules .labo-program__item:nth-child(2)::before,
  .labo-program__modules .labo-program__item:nth-child(5)::before,
  .labo-program__modules .labo-program__item:nth-child(6)::before {
    position: absolute;
    top: 15px;
    left: 0;
    color: var(--color-accent);
    font: 400 10px/1.2 var(--font-latin-ui, Arial, sans-serif);
    letter-spacing: .16em;
  }
  .labo-program__modules .labo-program__item:nth-child(2)::before { content: "STYLE"; }
  .labo-program__modules .labo-program__item:nth-child(5)::before { content: "MAKEUP"; }
  .labo-program__modules .labo-program__item:nth-child(6)::before { content: "HAIR"; }
  .labo-program__modules .labo-program__name p { margin-bottom: 5px; font-size: 10px; line-height: 1.4; }
  .labo-program__modules .labo-program__name h3 { font-size: 18px; line-height: 1.5; }
  .labo-program__modules .labo-program__body { display: none; }

  /* SUPPORT: LINE and Direction Book keep their visual priority. Work/life
     and online become compact supporting information without removing facts. */
  .labo-support > .section__inner { padding: 62px var(--v213-copy-gutter) 0; }
  .labo-support .labo-program-support { padding-bottom: 42px; }
  .labo-support .labo-program-support h3 { font-size: 25px; line-height: 1.55; }
  .labo-support .labo-scenes .section__inner { padding: 40px var(--v213-copy-gutter) 42px; }
  .labo-support .labo-scenes__grid { margin-top: 23px; gap: 1px; }
  .labo-support .labo-scenes__card { min-height: 0; padding: 25px 20px 27px; }
  .labo-support .labo-scenes__card > p { margin-bottom: 14px; }
  .labo-support .labo-scenes__card h3 { margin: 0; font-size: 20px; line-height: 1.58; }
  .labo-support .labo-scenes__card > div { display: none; }
  .labo-support .labo-online { display: block; min-height: 0; }
  .labo-support .labo-online__image { display: none; }
  .labo-page .labo-online__copy { padding: 48px var(--v213-copy-gutter) 50px !important; }
  .labo-support .labo-online__copy .section-title { font-size: clamp(27px, 7vw, 31px); line-height: 1.56; }
  .labo-support .labo-online__body { font-size: 14px; line-height: 1.82; }
  .labo-support .labo-online__body p + p { display: none; }
  .labo-support .labo-online__list { margin-top: 20px; }
  .labo-support .labo-online__list p { padding-block: 11px; font-size: 14px; line-height: 1.65; }
  .labo-support .labo-book__visual { padding: 46px 18px 22px; }
  .labo-support .labo-book__copy { padding: 42px var(--v213-copy-gutter) 54px; }
  .labo-support .labo-book__body { font-size: 14px; line-height: 1.86; }
  .labo-support .labo-book__list { margin-top: 22px; }

  /* Keep normal BML copy aligned to the shared 28px mobile text grid; dark
     and full-bleed image compositions intentionally retain their own edges. */
  .labo-page .labo-program,
  .labo-page .labo-offer,
  .labo-page .labo-journey,
  .labo-page .labo-results { padding-inline: var(--v213-copy-gutter); }
  .labo-page .labo-offer { padding-block: 68px; }

  /* PHOTOGRAPHY: ordinary copy follows the same 28px text grid. Full-bleed
     photography and dark visual bands are intentionally not targeted. */
  .brand-visual-page .brand-visual-estimate > .section__inner {
    width: calc(100% - (var(--v213-copy-gutter) * 2));
    margin-inline: auto;
  }
}