/* Catálogo estilo marketplace (inspirado em layouts de e-commerce)
   Mantém Bootstrap, mas ajusta cards, breadcrumb e filtros.
*/

.mt-breadcrumb .breadcrumb {
  --bs-breadcrumb-divider: '›';
}
.mt-breadcrumb a { text-decoration: none; }

.mt-card {
  background: #ffffff;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(17,24,39,.06);
}

.mt-sort { min-width: 220px; }

.mt-filters .form-control,
.mt-filters .form-select {
  border-radius: 12px;
}

/* Card produto */
.mt-product {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(17,24,39,.08);
  box-shadow: 0 6px 18px rgba(17,24,39,.06);
  text-decoration: none;
  color: inherit;
  transition: transform .15s ease, box-shadow .15s ease;
}
.mt-product:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(17,24,39,.10);
}

.mt-product-media {
  position: relative;
  aspect-ratio: 4 / 3;
  background: #f3f4f6;
}
.mt-product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mt-product-noimg {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  font-size: 12px;
}
.mt-product-badges {
  position: absolute;
  left: 10px;
  top: 10px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.mt-product-body {
  padding: 12px 12px 12px;
}

.mt-product-title {
  font-weight: 800;
  font-size: 0.98rem;
  line-height: 1.15;
  margin-bottom: 6px;
  color: #111827;
}

.mt-product-desc {
  font-size: 0.82rem;
  color: #4b5563;
  min-height: 2.6em;
}

.mt-product-price {
  font-weight: 900;
  font-size: 1.05rem;
}

.mt-product-state {
  font-size: 0.72rem;
}

/* Ajustes de paginação */
.pagination .page-link { border-radius: 10px; }