/* Adaptat după design real (`D:\Evia assets\homepage\homepage catgorii populare\`):
   Bootstrap `.card` (border nativ păstrat, NU eliminat ca la ProductCard) + media
   dreptunghiulară gri (nu circulară) inset cu padding mic (măsurat pe pixeli din
   mockup — border card → ~0.5rem padding → cutia gri, nu lipită de margine);
   titlu bold, CENTRAT (nu stânga — corectat), cu numărul de produse gri dedesubt.
   Clase custom cu o singură cratimă. */
.category-card {
    border-color: var(--color-border-primary);
    border-radius: var(--radius-lg);
    color: var(--color-content-primary);
    padding: 0.5rem;
    transition: border-color var(--transition-fast);
}

.category-card:hover {
    border-color: var(--color-border-brand);
}

.category-card-media {
    aspect-ratio: 1 / 1;
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    padding: 1.5rem;
}

.category-card-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.category-card-body {
    padding: 0.75rem 0.25rem 0.25rem;
}

.category-card-title {
    font-family: var(--font-family-primary);
    font-size: var(--text-m-size);
    line-height: var(--text-m-line);
    font-weight: var(--font-weight-semibold);
}

.category-card-count {
    font-size: var(--text-s-size);
    color: var(--color-content-tertiary);
}