/* Shared responsive fixes for MindfulUX Academy pages */

@media (max-width: 900px) {
  [data-screen-label="Bootcamp hero"] > div {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  [data-screen-label="Certificate"] > div {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  [data-screen-label="Meet your trainer"] > div {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .trainers-grid {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  #workshops .course-card {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    align-items: start !important;
  }

  [data-screen-label="Online cohort"] [style*="height: 540px"] {
    height: auto !important;
    min-height: 240px;
  }
}