.product-list {
  display: flex;
  gap: 10px; /* 商品間の余白 */
  flex-wrap: wrap; /* 画面が狭い場合は折り返す */
  max-width: 570px;
}

.product-item {
  flex: 1 1 166px; /* 最小幅166px、可能なら伸びる */
  background-color: #ffffff;
  border: 1px solid #dfdfdf;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.product-img img {
  width: 100%;
  height: auto;
  display: block;
}

.product-info {
  padding: 5px;
  word-wrap: break-word;
  line-height: 1.2em;
}

.product-info .price {
  color: #ff0000;
  font-weight: bold;
  margin-top: 5px;
}