/* 📄 /assets/css/categorie.css */

/* ==========================================================================
    SOGUIFY - categorie.css
    Description : Styles pour la page catégorie
    ========================================================================== */

/*
    Les styles de .container, .section-title-flex, .products-grid, .store-cards-grid,
    .product-card, .store-card sont maintenant définis et gérés dans style.css et components.css.
    Ce fichier ne contient que les ajustements TRÈS SPÉCIFIQUES à cette page.
*/

/* Utilisation du nouveau wrapper de page pour contenir le contenu principal */
/* Si cette page a besoin d'une largeur de conteneur différente, ajustez le .page-section-wrapper */
/* Par exemple, si vous voulez une largeur spécifique pour la page catégorie: */
.page-section-wrapper {
    max-width: 1000px; /* Largeur max spécifique pour la page catégorie */
    /* Les autres styles (background, shadow, padding, margin auto) viennent de style.css */
}

/* Ajustements pour la taille des titres de section sur cette page si différente du défaut */
/* .section-title-flex {
    font-size: var(--section-title-font-size-default);
} */


/* -------------------------------------------------------------------------- */
/* 📱 Responsive (Ajustements spécifiques à cette page si nécessaires) */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    /* Si les grilles doivent avoir un comportement responsive différent ici: */
    /* .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: var(--grid-gap-sm);
    } */

    /* Les styles pour .section-title-flex sur mobile sont déjà dans style.css */
    /* .section-title-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        font-size: 1.3rem;
    } */
}