/* BookMart - Categories Page Styles */
.categories-page { padding: var(--spacing-2xl) 0; }
.categories-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--spacing-lg); }
.category-card { background: var(--bg-primary); border-radius: var(--radius-lg); box-shadow: var(--shadow); padding: var(--spacing-xl); text-align: center; transition: var(--transition); cursor: pointer; }
.category-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-hover); }
.category-icon { width: 80px; height: 80px; margin: 0 auto var(--spacing-md); border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; background: var(--bg-secondary); }
.category-icon img { width: 100%; height: 100%; object-fit: cover; }
.category-card h3 { margin-bottom: var(--spacing-sm); }
.category-card p { font-size: 0.9rem; color: var(--text-secondary); margin-bottom: var(--spacing-md); }
.category-count { display: inline-block; padding: 4px 15px; background: var(--bg-secondary); border-radius: 20px; font-size: 0.85rem; color: var(--text-secondary); font-weight: 600; }
.category-card:hover .category-count { background: var(--accent); color: var(--text-white); }
@media (max-width: 480px) { .categories-grid { grid-template-columns: 1fr; } }