/* BAWAX ICT Mobile Safety Patch
   Keeps the existing design while allowing small-screen pages to scroll fully.
*/
html {
  min-height: 100%;
  height: auto;
  overflow-x: hidden;
}
body {
  min-height: 100%;
  height: auto;
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: border-box;
}
img, video, canvas, iframe {
  max-width: 100%;
}
button, input, select, textarea {
  max-width: 100%;
}
@media (max-width: 600px) {
  body {
    min-height: 100dvh;
    height: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .wrap, .container, .page, .main, .content, .card, .panel {
    max-width: 100%;
  }
  .wrap {
    min-height: 100dvh !important;
    height: auto !important;
    padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right))
             max(16px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
    align-items: start !important;
  }
  .card, .panel {
    margin-left: auto;
    margin-right: auto;
  }
  h1 { font-size: clamp(20px, 6vw, 28px); }
  h2 { font-size: clamp(18px, 5.5vw, 24px); }
  p { line-height: 1.5; }
}
@media (max-width: 380px) {
  .wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  button, .btn, a.btn {
    min-height: 44px;
  }
}