.section-courses-page {
  padding-block: 30px;
  position: relative;
}

/* ==========================================================================
   Category page — courses list (connected rows, not separate cards)
   ========================================================================== */
.page-category .courses-list {
  gap: 0;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
}

.page-category .courses-list > li:not([hidden]):has(~ li:not([hidden])) {
  border-bottom: 1px solid #e5e5e5;
}

.page-category .course-item {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: background-color 0.2s ease;
}

.page-category .course-item:hover {
  background-color: #f9fafb;
}

@media (min-width: 640px) {
  .page-category .courses-list {
    border-radius: 1rem;
  }
}