/* custom.css */
/* 商品カード全体の余白・間隔を詰める */
.product_pod {
    padding: 0.3rem 0.2rem !important;
    margin-bottom: 0.6rem !important;
}

/* 商品タイトルのフォントと余白調整 */
.product-title {
    margin: 0.3rem 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
}

/* 価格表示と在庫の間隔を詰める */
.product_price {
    margin-top: 0.3rem !important;
}

.product_price .availability {
    margin-top: 0.2rem !important;
    margin-bottom: 0 !important;
}

/* 商品画像の下マージンを縮小 */
.image_container {
    margin-bottom: 0.3rem !important;
}

/* 価格の文字サイズ */
.price_color {
    font-size: 1rem !important;
}

.product-list img {
    max-width: 100px;
    height: auto;
}

.product-list a {
    text-decoration: none;
    color: #000;
}

.product-list a:hover {
    text-decoration: underline;
}

.product-list {
    background-color: #fff;
}

@media (max-width: 576px) {
  .table td {
    display: block;
    width: 100% !important;
  }

  .table td img.img-thumbnail {
    width: 100% !important;
    height: auto !important;
    max-width: 300px;
    display: block;
    margin: 0 auto;
  }
}