/* Titlul principal al paginii de categorie */
.category-page-title {
    font-family: var(--font-family-secondary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--heading-l-size);
    line-height: var(--heading-l-line);
    color: var(--color-content-primary);
}

/* Pastila cu numărul de produse din categorie, lângă titlu */
.category-page-count {
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    color: var(--color-content-tertiary);
    font-size: var(--text-s-size);
    padding: 0.375rem 0.75rem;
    white-space: nowrap;
}

/* Titlul unei secțiuni din pagina de categorie (ex: branduri, subcategorii) */
.category-page-section-title {
    font-family: var(--font-family-secondary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--heading-m-size);
    line-height: var(--heading-m-line);
    color: var(--color-content-primary);
}

/* Subtitlul/descrierea unei secțiuni */
.category-page-section-subtitle {
    font-size: var(--text-m-size);
    color: var(--color-content-tertiary);
}

/* Spațiere sub șina (track) de branduri */
.category-page-brand-track {
    margin-bottom: 2rem;
}

/* Link tip pastilă pentru o subcategorie */
.category-page-subcat-link {
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    border-radius: var(--radius-lg);
    color: var(--color-content-primary);
    padding: 0.625rem 1.25rem;
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.category-page-subcat-link:hover {
    background-color: var(--color-bg-secondary);
}

/* Starea activă a link-ului de subcategorie (categoria curent selectată) */
.category-page-subcat-link-active,
.category-page-subcat-link-active:hover {
    background-color: var(--color-bg-button-secondary-active);
    border-color: var(--color-bg-button-secondary-active);
    color: var(--color-content-button-secondary-active);
}

/* Șina orizontală cu linkurile de subcategorii */
.category-page-subcat-track {
    padding-bottom: 0;
}

/* Layout-ul general al paginii (sidebar + conținut) */
.category-page-layout {
    gap: 2rem;
}

/* Sidebar-ul de filtre */
.category-page-sidebar {
    flex: 0 0 18rem;
    width: 18rem;
}

/* Zona de conținut principal (grila de produse) */
.category-page-content {
    min-width: 0;
    flex: 1 1 auto;
}