/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/blocks/mfac-combo-courses/main.css ***!
  \********************************************************************************************************************************************************************************************/
/* Parent flex container */
.combo-course-blocks-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 0 16px;
  box-sizing: border-box;
}

/* Each card */
.wp-block-mfac-combo-course-single.combo-course-box {
  width: auto;
  max-width: 320px;
  flex: 0 1 calc(25% - 20px);
  min-width: 220px;
  box-sizing: border-box;
}

/* TABLET: 2 per row */
@media (max-width: 1200px) {
  .wp-block-mfac-combo-course-single.combo-course-box {
    flex: 0 1 calc(50% - 20px);
    max-width: 350px;
  }
}

/* MOBILE: 1 per row, full width stacked */
@media (max-width: 767px) {
  .combo-course-blocks-flex {
    flex-direction: column;
    align-items: center;
    padding: 0 12px;
    gap: 45px;
  }

  .wp-block-mfac-combo-course-single.combo-course-box {
    flex: none;
    width: 100%;
    max-width: 350px;
    min-width: unset;
    padding: 20px 30px;
  }
}


/*# sourceMappingURL=index.css.map*/