.subcats-container {
  padding: 30px 0;
}

/* Breadcrumb */
.breadcrumb {
  font-size: 14px;
  margin-bottom: 12px;
  display: flex;
  gap: 6px;
  color: #555;
}

.breadcrumb a {
  color: #333;
}

.breadcrumb .active {
  font-weight: 600;
}

/* Header */
.subcats-header h2 {
  font-size: 26px;
  font-weight: 700;
}

.subcats-header p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}

/* Grid des sous catégories */
.subcats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 20px;
}

.subcat-card {
  background: #fff;
  border-radius: 14px;
  padding-bottom: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
  overflow: hidden;
  text-align: center;
  transition: 0.2s ease;
}

.subcat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}

.subcat-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  background-size: cover;
  background-position: center;
}

.subcat-card h4 {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 600px) {
  .subcat-card h4 {
    font-size: 14px;
  }
}