@charset "UTF-8";

.recommended-products{
  padding: 48px 0;

  .c-sec-title{
    margin-bottom: 20px;
    text-align: center;
  }
}

.recommended-products__list{
  margin-bottom: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px 20px;
  flex-wrap: wrap;

  .c-product-card{
    width: calc((100% - 20px)/2);
  }
}

@media screen and (min-width: 990px){
  .recommended-products{
    padding: 60px 0;
  }

  .recommended-products__list{
    margin-bottom: 32px;
    gap: 40px;

    .c-product-card{
      width: calc((100% - 120px)/4);
    }
  }
}