/* Базовые стили для безопасных зон */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}

body {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
  min-height: 100vh;
}

/* Гарантия, что контент не перекрывается навигацией iOS */
@supports (padding-top: constant(safe-area-inset-top)) {
  body {
    padding-left: constant(safe-area-inset-left) !important;
    padding-right: constant(safe-area-inset-right) !important;
  }
}

@supports (padding-top: env(safe-area-inset-top)) {
  body {
    padding-left: env(safe-area-inset-left) !important;
    padding-right: env(safe-area-inset-right) !important;
  }
}

/* Дополнительная защита для элементов Tilda */
.t-wrapper {
  padding-bottom: env(safe-area-inset-bottom) !important;
}

/* Сохраняем возможность прокрутки */
.t-body {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}