/* ==========================================================================
   Components — Empty & Error State System
   Reusable across Cart, Wishlist, Shop, and error/utility pages.
   ========================================================================== */

.empty-state {
    padding-block: var(--space-2xl);
    text-align: center;
}

.empty-state__icon {
    width: 3rem;
    height: 3rem;
    margin-bottom: var(--space-md);
    color: var(--color-text-muted);
}

.empty-state__icon--lg {
    width: 5rem;
    height: 5rem;
}

.empty-state__title {
    margin-bottom: var(--space-sm);
    font-size: var(--fs-lg);
    font-weight: 700;
    color: var(--color-text-primary);
}

.empty-state__description {
    max-width: 28rem;
    margin-inline: auto;
    margin-bottom: var(--space-lg);
    font-size: var(--fs-md);
    color: var(--color-text-secondary);
}

.empty-state__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-sm);
}