.pcd-grid{
  display:grid;
  grid-template-columns:repeat(var(--pcd-cols,4),minmax(0,1fr));
  gap:20px;
}
.pcd-item{
  display:block;
  text-decoration:none;
  color:inherit;
  transition:transform 0.3s ease;
}
.pcd-item:hover{
  transform:translateY(-2px);
}
.pcd-thumb{
  position:relative;
  width:100%;
  padding-top:66.67%; /* 3:2 aspect ratio (2/3 = 0.6667) */
  overflow:hidden;
  border-radius:8px;
  background:#f7f7f7;
  border:1px solid #eee;
}
.pcd-category-tag{
  position:absolute;
  top:10px;
  right:10px;
  padding:8px 15px;
  font-size:14px;
  font-weight:600;
  color:#fff;
  background:#7fa877;
  border-radius:999px;
  line-height:1;
  z-index:2;
  pointer-events:none;
}
.pcd-thumb img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.3s ease;
}
.pcd-item:hover .pcd-thumb img{
  transform:scale(1.05);
}
.pcd-thumb-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#aaa;
  font-size:14px;
}
.pcd-title{
  margin-top:10px;
  font-size:1.4rem;
  text-align:center;
}
@media (max-width: 640px){.pcd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Nav/menu style for second-level */
.pcd-nav{margin:8px 0}
.pcd-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pcd-nav-link{display:inline-block;padding:6px 12px;border:1px solid #e2e2e2;border-radius:16px;text-decoration:none;color:inherit;background:#fff}
.pcd-nav-item.current .pcd-nav-link{background:#222;color:#fff;border-color:#222}