/* Dine & Charge responsive fit
   Mobile UI (767px and below) is intentionally unchanged.
   Tablet/desktop rules only expand the existing canvas; no page visibility,
   navigation, component content or interaction rules are changed. */

@media (min-width: 768px) {
  html,
  body {
    background: #10051b;
  }

  .app {
    width: min(1024px, 100vw);
    max-width: min(1024px, 100vw);
  }

  .top,
  .search,
  .chips,
  .nav {
    width: min(1024px, 100vw);
    max-width: min(1024px, 100vw);
  }

  .locate-btn {
    right: 12px;
  }

  .results .head {
    width: min(1024px, 100vw);
    max-width: min(1024px, 100vw);
  }

  /* Keep the existing modal/card sizing so the UI itself remains familiar. */
  .modal-sheet {
    width: min(520px, 100vw);
  }
}