.categories-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.category-card { display: flex; flex-direction: column; background-color: var(--color-surface); border: 1px solid var(--color-border); border-radius: 4px; text-decoration: none; color: var(--color-text); transition: border-color 0.2s, box-shadow 0.2s; overflow: hidden; }
.category-card:hover { border-color: var(--color-primary); box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
.category-card-image { width: 100%; aspect-ratio: 4/3; overflow: hidden; background-color: var(--color-surface-alt); }
.category-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.category-card-body { padding: 16px; display: flex; flex-direction: column; gap: 4px; text-align: center; border-top: 1px solid var(--color-border); }
.category-card-title { font-size: 16px; font-weight: 600; margin: 0; }
.category-card-count { font-size: 12px; color: var(--color-text-secondary); margin: 0; }