/* =========================================================
   VERSI 15 - KATALOG DESKTOP FULL WIDTH CARDS
   Jadwal & Info Pelatih tidak lagi menyisakan space kosong.
   Jika kotaknya sedikit, kartu akan melebar mengikuti area desktop.
   ========================================================= */

@media (min-width: 901px){
  .catalog-layout{
    align-items:start !important;
  }

  .catalog-detail{
    width:100% !important;
    max-width:none !important;
  }

  /* Jadwal:
     1 kartu = full lebar
     2 kartu = masing-masing 1/2 lebar
     3 kartu = masing-masing 1/3 lebar
     4+ kartu = otomatis rapi */
  .catalog-detail .schedule-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
  }

  .catalog-detail .schedule-card{
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
  }

  /* Info pelatih:
     1 kartu = full lebar
     2 kartu = masing-masing 1/2 lebar
     3 kartu = masing-masing 1/3 lebar */
  .catalog-detail .trainer-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(340px, 1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
  }

  .catalog-detail .trainer-card{
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    grid-template-columns:82px minmax(0, 1fr) minmax(80px, 110px) !important;
  }

  .catalog-detail .trainer-card > div{
    min-width:0 !important;
  }

  .catalog-detail .trainer-card p{
    max-width:none !important;
    overflow-wrap:break-word !important;
  }

  .catalog-detail .note{
    width:100% !important;
  }
}

/* Tablet kecil dan HP tetap nyaman satu kolom */
@media (max-width: 900px){
  .catalog-detail .schedule-grid,
  .catalog-detail .trainer-grid{
    grid-template-columns:1fr !important;
  }

  .catalog-detail .trainer-card{
    grid-template-columns:70px 1fr !important;
  }

  .catalog-detail .trainer-card > div:last-child{
    grid-column:1 / -1;
  }
}