/* resutrix-mobile-fix — overflow horizontal no mobile */
html, body, #root {
  max-width: 100%;
  overflow-x: hidden;
}
* { box-sizing: border-box; min-width: 0; }
@media (max-width: 768px) {
  html, body, #root {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }
  img, video, iframe, svg, canvas, embed, object {
    max-width: 100% !important;
    height: auto !important;
  }
  table {
    display: block !important;
    overflow-x: auto !important;
    max-width: 100% !important;
  }
  [class*="grid-cols-"], .grid {
    grid-template-columns: 1fr !important;
  }
  [class*="flex-row"], [class*="flex-nowrap"] {
    flex-wrap: wrap !important;
  }
  .container, main, section, article, aside, header, footer {
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  pre, code {
    white-space: pre-wrap !important;
    word-break: break-word !important;
    max-width: 100% !important;
  }
  h1, h2, h3, h4, h5, h6, p, span, div {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  [style*="width:"][style*="px"] {
    max-width: 100% !important;
  }
}
