/* Page-scoped styles: mmfoodmarket
 * Identity: slug:wl-hlp--mmfoodmarket
 * Extracted VERBATIM from packages/rexall-ds/src/styles/globals.css.
 * Every selector here carries the identity above, so these rules could only
 * ever match on this one page -- yet every route downloaded them.
 * Loaded by <PageScopedStyles> AFTER globals.css. Only rules proven not to
 * change any cascade outcome by that move were extracted; see
 * docs/plans/css-route-splitting.md for the ordering proof.
 */

@media (max-width: 767px) {

  .wl-hlp--mmfoodmarket .wl-hlp-cardgrid--digestive-tips {
    padding: 28px 18px;
  }

  .wl-hlp--mmfoodmarket .wl-hlp-cardgrid--digestive-tips .wl-hlp-cardgrid-heading {
    margin: 18px 0 28px;
  }

  .wl-hlp--mmfoodmarket .wl-hlp-cardgrid--digestive-tips .wl-hlp-cardgrid-list {
    gap: 32px;
  }

  .wl-hlp--mmfoodmarket .wl-hlp-cardgrid--digestive-tips .wl-hlp-cardgrid-card {
    flex-basis: 100%;
    width: 100%;
  }

  .wl-hlp--mmfoodmarket .wl-hlp-cardgrid--digestive-tips .wl-hlp-cardgrid-media {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    margin-bottom: 12px;
  }
}