.catalog__grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.25rem;
  column-gap: 1.25rem;
  min-height: 12.5rem;
}

@media (min-width: 1048px) {
  .catalog__grid {
    grid-template-columns: repeat(2, 31.75rem);
    justify-content: center;
    width: 64.75rem;
    min-height: 134.625rem;
    row-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}

@media (min-width: 768px) and (max-width: 1047.98px) {
  .catalog__grid {
    grid-template-columns: minmax(24.375rem, 31.75rem);
    justify-content: center;
    row-gap: 1.25rem;
    column-gap: 1.25rem;
  }
}

@media (max-width: 767.98px) {
  .catalog__grid {
    row-gap: 1rem;
    column-gap: 1rem;
  }
}