/* レイアウト */
#product-list-wrap { display:flex; gap:24px; align-items:flex-start; }
#product-filter-sidebar { width:240px; flex:0 0 240px; }
#product-main { flex:1; }

/* グリッド：PC 3列 */
#product-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }

/* レスポンシブ */
@media(max-width:900px){ #product-grid { grid-template-columns: repeat(2,1fr); } }
@media(max-width:600px){ #product-list-wrap { flex-direction:column; } #product-grid { grid-template-columns:1fr; } }

/* カード */
.product-card { border:1px solid #eaeaea; padding:12px; background:#fff; text-align:center; transition:box-shadow .15s; }
.product-card:hover { box-shadow:0 6px 18px rgba(0,0,0,0.06); }
.product-thumb img { width:100%; height:180px; object-fit:cover; display:block; }
.product-name { font-weight:700; font-size:14px; margin:10px 0; text-transform:uppercase; }
.product-price { color:#d32; font-weight:700; margin-bottom:6px; }
.product-model { font-size:12px; color:#666; margin-bottom:6px; }
.product-release { font-size:12px; color:#666; }

/* フィルタ */
.filter-section { margin-bottom:16px; }
.cat-filter, .tag-filter { display:inline-block; margin:4px 6px 4px 0; padding:6px 10px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:13px; }
.cat-filter.active, .tag-filter.active { background:#333; color:#fff; border-color:#333; }

/* ローダー */
#infinite-loader { text-align:center; padding:12px; color:#666; }