/* themes_grid.css — Landing themes grid (swipe-classic fit)
 *
 * Cards themselves are rendered by tmplRenderCard() and styled by
 * template_gallery.css (.tmpl-card). This file only owns the grid layout,
 * section head spacing, and View More button placement on the landing.
 */

.kdg-themes { background: var(--kdg-canvas); }

.kdg-themes__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.kdg-themes__more {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}

@media (max-width: 1199px) {
  .kdg-themes__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .kdg-themes__grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
}
@media (max-width: 480px) {
  .kdg-themes__grid { grid-template-columns: 1fr; }
  .kdg-themes__more { margin-top: 2rem; }
}