/* Loading and Empty States for Catalog */
.loading,
.empty-state,
.error-state {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
}

.loading {
    font-size: 16px;
    color: #666;
}

.empty-state {
    color: #666;
}

.empty-state p:first-child {
    font-size: 18px;
    margin-bottom: 16px;
}

.empty-state p:last-child {
    color: #999;
    font-size: 14px;
}

.error-state {
    color: #d32f2f;
}

.error-state p {
    font-size: 18px;
    margin-bottom: 16px;
}

.error-state .btn {
    margin-top: 16px;
}