.featured-products__container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  padding-block: 30px;

  @media (min-width: 990px) {
    padding-block: 60px;
  }
}

.featured-products__heading {
  font-size: 24px;
  line-height: 30px;

  @media (min-width: 990px) {
    font-size: 30px;
    line-height: 36px;
  }
}

.featured-products__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 15px;

  @media (min-width: 990px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
  }
}