/* MAURIZIO Site — iPhone full screen (switch: Settings → MAURIZIO → אייפון). Moved from the Kit CSS, 28.9.2026. */
/* iPhone (iOS 26+): Safari's bars float over the page and the page shows through/around them — with 100dvh the
   NEXT section peeked under the bottom bar. Story sections on phones therefore fill the WHOLE screen (100lvh);
   the home caption + hero content are lifted by the bar area (100lvh - 100dvh) so they stay above the bar. */
@media (max-width:767px) {
  .mau-deck-m-on :is(.mau-full,.mau-full.mau-home-card,.mau-full.mau-screen) {
    height: 100lvh !important;
    min-height:100lvh !important
  }

  .mau-deck-m-on :is(.mau-text,.mau-hero) {
    min-height:100lvh !important
  }

  .mau-deck-m-on .mau-text {
    padding-bottom:calc(5vh + (100lvh - 100dvh)) !important
  }

  /* text centred in the VISIBLE part (between Safari's bars), not in the full 100lvh (28.9) */
.mau-deck-m-on .mau-home-card > .e-con:last-child {
    padding-bottom:calc(16px + env(safe-area-inset-bottom) + (100lvh - 100dvh)) !important
  }

  .mau-deck-m-on .mau-full.mau-screen {
    padding-bottom:calc(100lvh - 100dvh) !important
  }

}
