/* theme-kit: assets/kit-multicolumn.css */
.kit-stack {
  display: grid;
  gap: clamp(20px, 3vw, 40px);
}

.kit-multicolumn__grid {
  display: grid;
  grid-template-columns: repeat(var(--kit-cols-mobile, 1), minmax(0, 1fr));
  gap: var(--kit-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.kit-multicolumn__item {
  display: grid;
  align-content: start;
  gap: 0.75rem;
}

.kit-multicolumn__item--card {
  padding: clamp(16px, 2vw, 24px);
  border: 1px solid var(--kit-line);
  border-radius: var(--kit-card-radius);
  background: var(--kit-surface);
}

.kit-multicolumn__media {
  overflow: hidden;
  border-radius: var(--kit-card-radius);
  background: var(--kit-tint);
}

.kit-multicolumn__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 750px) {
  .kit-multicolumn__grid {
    grid-template-columns: repeat(min(var(--kit-cols, 3), 3), minmax(0, 1fr));
  }
}

@media (min-width: 990px) {
  .kit-multicolumn__grid {
    grid-template-columns: repeat(var(--kit-cols, 3), minmax(0, 1fr));
  }
}