/* Global mobile safety layer (non-destructive) */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  max-width: 100%;
  overflow-x: hidden;
}

img, svg, video, canvas, iframe, embed, object {
  max-width: 100%;
  height: auto;
}

table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

pre, code {
  overflow-wrap: anywhere;
}

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

@media (max-width: 768px) {
  .container,
  .wrapper,
  .content,
  .row,
  .grid {
    max-width: 100%;
  }
}