/* Shared mobile safety layer for every ThailandMate customer page. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

img,
video,
iframe,
canvas {
  max-width: 100%;
}

@media (max-width: 760px) {
  body,
  main,
  header,
  footer,
  section,
  form,
  article,
  nav,
  div,
  label {
    min-width: 0;
  }

  main {
    width: 100%;
  }

  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }

  /* Hidden radio controls must not keep another stylesheet's 100% input width. */
  .trip-grid input[type="radio"],
  .car-grid input[type="radio"],
  .contact-grid input[type="radio"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  .place-row,
  .route-grid,
  .two,
  .three,
  .trip-grid,
  .car-grid,
  .contact-grid {
    max-width: 100%;
  }

  .has-gaja-global-nav {
    padding-bottom: calc(84px + env(safe-area-inset-bottom)) !important;
  }
}