/* Hide scrollbar globally while keeping scroll functionality */
html,
body {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

body {
  margin: 0;
}

/* Mobile keyboard and viewport handling */
@supports (height: 100dvh) {
  body {
    height: 100dvh;
  }
}

/* Ensure proper focus handling on mobile */
input:focus {
  transform: translateZ(0);
  /* Prevent page scroll when input is focused on mobile */
  scroll-margin-bottom: 100px;
}

/* Prevent zoom on input focus for iOS */
@media screen and (max-width: 768px) {
  input[type='text'] {
    font-size: 16px !important;
  }

  /* Better mobile input handling */
  .fixed input {
    position: relative;
    z-index: 1000;
  }
}