/* Jarak antara Trending dan Semua Kategori */

/* Beri ruang setelah seluruh kartu Trending */
#popular-cards-container {
  margin-bottom: 42px !important;
  padding-bottom: 0 !important;
}

/* Beri ruang sebelum heading Semua Kategori */
.container:has(#semua-kategori),
#semua-kategori {
  margin-top: 34px !important;
}

/* Jika heading memakai judul biasa, tetap beri jarak */
.container:has(#popular-cards-container) + .container,
#popular-cards-container + .container {
  margin-top: 34px !important;
}

@media (max-width: 560px) {
  #popular-cards-container {
    margin-bottom: 30px !important;
  }

  .container:has(#semua-kategori),
  #semua-kategori,
  .container:has(#popular-cards-container) + .container,
  #popular-cards-container + .container {
    margin-top: 24px !important;
  }
}