/* ====== AFFICHAGE SOUS-CATÉGORIES EN PLEINE LARGEUR ====== */

#subcategories {
  display: flex;
  flex-direction: column;     /* les empile une par une */
  gap: 12px;
  margin-bottom: 25px;
}

/* Chaque sous-catégorie prend toute la largeur */
#subcategories .subcategory {
  display: block;
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fafafa;
  padding: 14px 18px;
  transition: background .15s ease, transform .15s ease;
}
#subcategories .subcategory:hover {
  background: #f0f0f0;
  transform: translateX(3px);
}

/* Image (si tu veux la garder, sinon on la masque plus bas) */
#subcategories .subcategory img {
  display: none; /* enlève la miniature ; mets "inline-block" si tu veux la garder */
}

/* Nom de la sous-catégorie */
#subcategories .subcategory-name,
#subcategories .subcategory h5 {
  texte-align:left; 
  font-size: 22px;
  font-weight: 600;
  color: #222;
  text-transform: none;
  margin: 0;
  line-height: 1.3;
  width: 100%;
  text-align: left;
}

/* Supprime les colonnes Bootstrap par défaut */
#subcategories .col-xs-6,
#subcategories .col-sm-4,
#subcategories .col-md-3 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}