/* ============================================
   Category Page Styles
   ============================================ */

.category-main {
    padding: 16px;
    padding-bottom: 100px;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

/* Empty State */
.empty-state {
    text-align: center;
    padding: 40px 20px;
}

.empty-state__icon {
    font-size: 48px;
    color: var(--color-accent-gray);
    margin-bottom: 16px;
}

.empty-state__title {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 8px;
}

.empty-state__message {
    font-size: 14px;
    color: var(--color-text-gray);
}