.main-list-collections__grid {
  display: grid;
  grid-template-columns: repeat(var(--mobile-columns), 1fr);
  gap: var(--grid-spacing);
}

.main-list-collections__actions {
  margin-block-start: 2.8rem;
}

@media screen and (min-width: 750px) {

  .main-list-collections__grid {
    grid-template-columns: repeat(var(--desktop-columns, 3), 1fr);
  }

  .main-list-collections__actions {
    margin-block-start: 4rem;
  }
}