/**
 * Change record — 2026-10-20
 * Change: Keep brochure dialogs in the viewport after the page entrance animation.
 */

/* A retained transform makes fixed descendants follow the scrolled page. */
body .site-main {
  animation-fill-mode: backwards;
}

/* These selectors also override the brochure stylesheet loaded during SPA navigation. */
body .bp-modal-overlay {
  box-sizing: border-box;
  height: 100vh;
  height: 100dvh;
  inset: 0;
  overflow: hidden;
  padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  position: fixed;
  width: 100%;
  z-index: 12000;
}

body .bp-modal-content {
  flex: 0 1 auto;
  height: min(900px, calc(100vh - 36px));
  height: min(900px, calc(100dvh - 36px));
  max-height: 100%;
  min-height: 0;
}

body .bp-modal-header,
body .bp-modal-footer {
  flex: 0 0 auto;
}

body .bp-modal-body {
  flex: 1 1 0%;
  min-height: 0;
  overflow: hidden;
}

body .bp-modal-body img {
  height: 100%;
  max-height: none;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}