.modules-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.course-card,
.module-card {
  min-height: 100%;
}

.course-badge {
  display: inline-flex;
  width: fit-content;
  min-height: 32px;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(112, 83, 66, 0.08);
  color: var(--brand-brown);
  font-size: 12px;
  font-weight: 700;
}

.course-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  color: var(--text-light);
}

.course-meta strong {
  color: var(--brand-brown-dark);
}

.catalog-note {
  color: var(--text-light);
  font-style: italic;
}

.module-lessons {
  list-style: none;
  display: grid;
  gap: 10px;
  margin-top: 8px;
}

.module-lesson {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(112, 83, 66, 0.1);
}

.module-lesson span {
  color: var(--text-light);
  font-size: 13px;
}

.checkout-panel {
  margin-top: 8px;
}

.checkout-details {
  list-style: none;
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.checkout-details li {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(112, 83, 66, 0.1);
}

.checkout-details strong {
  color: var(--brand-brown-dark);
}