/* Page catégorie / search : layout filtres + produits */

.mp-breadcrumb { margin-bottom: var(--mp-space-3); font-size: var(--mp-fs-sm); color: var(--mp-color-text-muted); }
.mp-breadcrumb ol { display: flex; flex-wrap: wrap; gap: var(--mp-space-2); align-items: center; }
.mp-breadcrumb li::after { content: "›"; margin-left: var(--mp-space-2); color: var(--mp-color-text-light); }
.mp-breadcrumb li:last-child::after { content: ""; }
.mp-breadcrumb a { color: var(--mp-color-text-muted); }
.mp-breadcrumb a:hover { color: var(--mp-color-accent); }

.mp-category__head { margin-bottom: var(--mp-space-6); }

.mp-category__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--mp-space-5);
}

@media (min-width: 1024px) {
  .mp-category__layout { grid-template-columns: 260px 1fr; gap: var(--mp-space-7); }
}

.mp-category__filters {
  background: var(--mp-color-bg-alt);
  border-radius: var(--mp-radius-card);
  padding: var(--mp-space-4);
}

@media (min-width: 1024px) {
  .mp-category__filters { position: sticky; top: calc(var(--mp-header-h-md) + var(--mp-space-4)); align-self: start; }
}

.mp-products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mp-space-3);
}

@media (min-width: 640px) {
  .mp-products { grid-template-columns: repeat(3, 1fr); gap: var(--mp-space-4); }
}

@media (min-width: 1024px) {
  .mp-products { grid-template-columns: repeat(3, 1fr); gap: var(--mp-space-5); }
}

.mp-pagination {
  margin-top: var(--mp-space-6);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--mp-space-3);
}

.mp-pagination__info {
  font-size: var(--mp-fs-sm);
  color: var(--mp-color-text-muted);
}