/* ============================================================
   LUNCHBOX.KIDS — RECIPES INDEX TABLET (769px–1024px)
   ============================================================ */

@media (min-width: 769px) and (max-width: 1024px) {

  /* Recipe cards: 2 cols */
  #recipe-grid,
  .recipe-grid,
  .product-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }

  /* Filter row: allow wrap */
  #filter-row {
    flex-wrap: wrap;
    gap: 8px;
  }

  /* CTA section */
  .rec-cta .section-inner {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
}