/* v3.0.60 — Fix definitivo overflow orizzontale iPhone.
   Intervento solo layout: non modifica dati, routing o logica supermercati. */
@media (max-width: 820px) {
  html,
  body {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    overflow-x: clip !important;
    overscroll-behavior-x: none !important;
  }

  body,
  body > *,
  #app,
  #main,
  main,
  .app,
  .appShell,
  .page,
  .screen,
  section {
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
  }

  #settings,
  #settingsArea_markets,
  #settingsArea_markets * {
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    box-sizing: border-box !important;
  }

  #settingsArea_markets {
    inline-size: 100% !important;
    overflow-x: clip !important;
    contain: inline-size !important;
  }

  #settingsArea_markets .settingsAreaHead,
  #settingsArea_markets .settingsFormGrid,
  #settingsArea_markets .marketSettingsV3022,
  #settingsArea_markets .settingsAreaNote {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin-inline: 0 !important;
  }

  #settingsArea_markets .settingsFormGrid,
  #settingsArea_markets .marketSettingsV3022 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #settingsArea_markets input,
  #settingsArea_markets select,
  #settingsArea_markets textarea,
  #settingsArea_markets button {
    display: block !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    margin-inline: 0 !important;
  }

  #settingsArea_markets .settingsAreaNote,
  #settingsArea_markets label,
  #settingsArea_markets button {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}