/* Keep existing desktop layout; fit mobile containers, footer links and dialogs. */
@media screen and (max-width: 560px) {
  .container { box-sizing: border-box; min-width: 0; }
  .footer .col_menu {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px 16px;
  }
  .footer .col_menu a { max-width: 100%; overflow-wrap: anywhere; }
  #sample_container { inset: 0; width: 100%; height: 100vh; height: 100dvh; }
  #sample_container #order_window {
    box-sizing: border-box;
    left: 12px;
    right: 12px;
    width: auto;
    min-width: 0;
    max-width: calc(100% - 24px);
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
  }
  #sample_container #order_body { box-sizing: border-box; min-width: 0; }
}