/* Misfit Mixers — app block wrapper (F-07), shared.

   Every Misfit section that accepts app blocks prints a `.mm-app-blocks`
   wrapper, only when the merchant has added an app block to it, so it takes no
   space otherwise. The rule used to be repeated in each section's own
   stylesheet; it lives here once and each of those sections loads this file
   (the stylesheet component's unique_key prints it once per page).

   misfit-buy-bar.css keeps its own `.buy-bar > .mm-app-blocks` rule: inside
   the sticky bar the blocks are an inline flex item, not a full-width band. */
.mm-app-blocks {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 16px;
  width: min(1160px, calc(100% - 40px));
  margin: 32px auto 0;
}