@charset "utf-8";

/*
 * Storefront photo menu card count.
 * Keep this separate from the order-page grid so the order UI can retain its
 * own responsive behavior.
 */
.shop-photo-menu-accordion .shop-photo-menu-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media screen and (max-width: 700px) {
  .shop-photo-menu-accordion .shop-photo-menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}