@charset "UTF-8";

.section-article__related-product{
  border-top: 1px solid #777;
  padding: 48px 0;

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

.section-article__related-product-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px 20px;

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


@media screen and (min-width: 990px) {
  .section-article__related-product{
    padding: 60px 0;
  }

  .section-article__related-product-list{
    gap: 40px;
    .c-product-card{
      width: calc((100% - 120px)/4);
    }
  }
}