/* Mobil zählt die AKTUELLE Browserfläche: svh reserviert auch Platz für
   ausgeblendete Leisten. Bewusste Abweichung von CLAUDE.md (09.09.2026):
   mehr sichtbarer Inhalt statt unveränderlicher Höhe; svh bleibt Rückfall. */
@media (max-width: 480px) {
  dialog.layer.bestellpruefung,
  .layer__panel.bestellpruefung__panel {
    max-height: calc(100vh - 20px);
    max-height: calc(100svh - 20px);
    max-height: calc(100dvh - 20px);
  }

  dialog.layer.bestellpruefung {
    /* Nicht in der größeren Layoutfläche des Browsers zentrieren. */
    inset-block: 10px auto;
    margin-block: 0;
  }

  .bestellpruefung__scroll {
    display: block;
    overflow-y: auto;
    min-height: 0;
    overscroll-behavior: contain;
  }

  .layer__body.bestellpruefung__body {
    padding-top: 12px;
    overflow: visible;
  }

  .bestellpruefung__lines {
    gap: 8px;
  }

  .bestellpruefung__legal {
    padding-bottom: max(20px, env(safe-area-inset-bottom));
  }
}

/* Das einzelne Wort darf auf 320 px nicht mit dem Schließen-Kreuz
   kollidieren. Ab 375 px bleibt es bei Figmas 28 px. */
@media (max-width: 374px) {
  .layer__title.bestellpruefung__title {
    font-size: clamp(20px, 6.8vw, 25px);
  }
}