/* ============================================================
   WPZ – Cat grid (catalogue)
   File: /assets/css/catalogue-category-grid.css
   ============================================================ */

.wpz-catgrid__list{
  display:grid;
  gap:14px;
  padding:0;
  margin:0;
  list-style:none;
}

.wpz-catgrid__list.wpz-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wpz-catgrid__list.wpz-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wpz-catgrid__list.wpz-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wpz-catgrid__list.wpz-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.wpz-catgrid__list.wpz-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}

@media(max-width: 900px){
  .wpz-catgrid__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width: 520px){
  .wpz-catgrid__list{grid-template-columns:1fr}
}

.wpz-catgrid__card{
  display:block;
  border:1px solid rgba(2,6,23,.10);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 2px 8px rgba(2,6,23,.03);
  text-decoration:none;
  color: inherit;
}

.wpz-catgrid__media{
  aspect-ratio:4/3;
  background:#f3f4f6;
  display:flex;
  align-items:center;
  justify-content:center;
}

.wpz-catgrid__img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.wpz-catgrid__img--empty{
  width:100%;
  height:100%;
}

.wpz-catgrid__meta{
  padding:10px 12px;
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:center;
}

.wpz-catgrid__name{
  font-weight: 800;
}

.wpz-catgrid__count{
  font-size:.9rem;
  color:#64748b;
}