/**
 * カテゴリーページの影修正用CSS
 * box-shadowを軽減して統一感を出します
 */

/* カテゴリーヘッダーの影を軽減 */
.category-header {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

/* 商品が見つからない場合の影を軽減 */
.no-products {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

/* フィルターパネルと関連要素の影を軽減 */
.filter-panel {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

/* カテゴリーカードの影を軽減（通常状態） */
.subcategory-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

/* 現在表示中のカテゴリーカードは少し強めの影を残す */
.subcategory-card.current-category {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

/* 商品カードの影を軽減 */
.product-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

/* ホバー時の影はわずかに強める */
.product-card:hover,
.subcategory-card:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}