/* Mobile fixes for the home hero (added after the React build; keep when re-uploading the theme). */
@media (max-width: 639px) {
  /* No full-screen height: removes the big empty gap under the stats. */
  section.from-\[\#F5F3F8\] {
    min-height: 0;
  }

  /* Megaphone area sits in the page flow instead of floating behind the stats. */
  section.from-\[\#F5F3F8\] > div[aria-hidden="true"] {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    margin: 0 auto;
  }

  /* Stats go directly under the megaphone, centred. */
  section.from-\[\#F5F3F8\] > div.flex-1 {
    flex: none;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 2.5rem;
  }
}