.category-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 20px; }
.category-card { display: flex; align-items: center; background: #f8f9fa; border-radius: 8px; padding: 10px 14px; text-decoration: none; color: #333; transition: box-shadow 0.2s; height: 60px; overflow: hidden; }
.category-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.12); text-decoration: none; color: #333; }
.category-card img { width: 40px; height: 40px; object-fit: contain; margin-right: 12px; flex-shrink: 0; }
.category-card span { font-size: 14px; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 991px) { .category-cards { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .category-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .category-cards { grid-template-columns: repeat(2, 1fr); } .category-card { padding: 8px 10px; } .category-card img { width: 30px; height: 30px; margin-right: 8px; } .category-card span { font-size: 13px; } }