/* ページ別の調整 */

/* トップページは front_page_style.css で定義 */

/* 商品一覧ページ - 4列グリッド */
.product_page .ec-shelfRole .ec-shelfGrid {
    grid-template-columns: repeat(4, 1fr) !important;
}

.product_page .ec-shelfRole .ec-shelfGrid__item {
    min-height: 300px !important;
    max-height: 320px !important;
}

.product_page .ec-shelfRole .ec-shelfGrid__item-image {
    height: 150px !important;
}

.product_page .ec-shelfRole .ec-shelfGrid__title {
    height: 40px !important;
    font-size: 13px !important;
}

/* レスポンシブ調整 */
@media (max-width: 1200px) {
    .product_page .ec-shelfRole .ec-shelfGrid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .product_page .ec-shelfRole .ec-shelfGrid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 商品詳細ページ */
.product_detail_page .ec-productRole__img {
    max-width: 500px;
    margin: 0 auto;
}

.product_detail_page .ec-productRole__profile {
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
}

/* カートページ */
.cart_page .ec-cartTable {
    background-color: white;
    border: 1px solid #e0e0e0;
}

/* お気に入りページ */
.product_favorite_page .ec-favoriteRole .ec-shelfGrid {
    grid-template-columns: repeat(4, 1fr) !important;
}