/* ═══════════════════════════════════════════════════════════════════════
   bb-2d-layout.css — Layout scaffolding cho 2d-flat / modern / 3d modes.
   Loaded via lib/vendorStack.js (vendorCss) KHI designMode !== 'cinematic'.
   Cinematic mode có contract layout riêng trong bb-cinematic-director.css.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Horizontal scroll panels (full-screen slider) ──────────────────────
   Contract: mỗi panel chiếm trọn 100vw × 100vh, flex row, pin + scrub.
   AI 2d-flat prompt ràng buộc markup:
     .bb-hs-wrap > .bb-hs-track > .bb-hs-panel (3–N panels)
   CSS base lo full-width/overflow; AI chỉ viết JS scrollTrigger. */
.bb-hs-wrap {
  overflow: hidden;
}
.bb-hs-track {
  display: flex;
  will-change: transform;
}
.bb-hs-panel {
  flex: 0 0 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Split-hero laptop rescue lives in pages/[orgId]/index.js — appended AFTER all
   section CSS so it wins the cascade (bb-2d-layout is prepended, too early). */