/* Jarak final antara section Trending dan Semua Kategori */

/* Container Trending adalah section pertama */
.container:has(> #popular-cards-container) {
  margin-bottom: 56px !important;
  padding-bottom: 0 !important;
}

/* Container Semua Kategori adalah section tepat setelah Trending */
.container:has(> #popular-cards-container) + .container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Pastikan grid Trending tidak menarik section berikutnya ke atas */
#popular-cards-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Jarak visual tambahan sebelum judul Semua Kategori */
.container:has(> #popular-cards-container) + .container > .mb-5 {
  padding-top: 0 !important;
}

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