h3 {
text-align: center;
font-size:22px; 
}
section__title-h2{font-size:30px; 
}
section__title-h3{font-size:30px; 
}

/* 商品一覧・おすすめ商品：サムネイルを正方形に統一（ズームなし） */
.product-list__link {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%; /* 正方形の枠を作る（縦横比1:1） */
  overflow: hidden;
  background-color: #eeeeee; /* 余白部分の背景色。クリーム系にしたい場合は #f8f5f0 等に変更可 */
}

.product-list__link .product-list__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain; /* ← ここがポイント。coverだと切れる(ズーム)、containなら全体表示 */
}