/* Crans-Montana V9 — DN8 mobile baseline, derived from the V21 mobile separation pattern. */
@media (max-width: 620px) {
  :root {
    --dn8-mobile-height: 100dvh;
    --dn8-mobile-nav-reserve: 72px;
    --dn8-mobile-edge: clamp(.7rem, 3.5vw, 1rem);
  }

  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  body.dn8-modal-open {
    overscroll-behavior: none;
  }

  #enquiries,
  #lead-wizard,
  .wizard-main,
  #progressive-lead-form,
  #wizard-stage,
  .wizard-card,
  .quick-overlay,
  .quick-modal,
  #quick-submission-form,
  .form-stage,
  .quick-success {
    min-width: 0;
  }
}

@media (max-width: 620px) and (max-height: 620px) {
  :root {
    --dn8-mobile-nav-reserve: 64px;
  }
}

@supports not (height: 100dvh) {
  @media (max-width: 620px) {
    :root {
      --dn8-mobile-height: 100svh;
    }
  }
}
