/* Wrapper */
.pwbg-wrap{max-width:1100px;margin:0 auto;padding:2.5rem 1rem}
.pwbg-head{text-align:center;margin:0 0 1.5rem}
.pwbg-head p{margin:.35rem 0 0;opacity:.85}

/* Grid: desktop 3, mobiel 1 */
.pwbg-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.25rem;
}
@media (max-width:820px){
  .pwbg-grid{grid-template-columns:1fr}
}

/* Card: gelijke hoogte */
.pwbg-card{
  display:flex;
  flex-direction:column;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  background:#fff;
  padding:1rem;
  height:100%;
}

/* Cover: overal even groot */
.pwbg-cover{
  display:flex;
  align-items:center;
  justify-content:center;
  height:260px;          /* ← consistent covervlak */
  overflow:hidden;
  margin:0 0 .9rem;
}
.pwbg-cover img{
  width:100%;
  height:100%;
  object-fit:contain;    /* geen vervorming */
  border-radius:10px;
}

/* Title */
.pwbg-title{
  margin:.1rem 0 .45rem;
  font-size:1.15rem;
  line-height:1.2;
  text-align:center;
}
.pwbg-title a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:.18em;
}

/* Meta */
.pwbg-meta{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  margin:0 0 .65rem;
  font-size:.92rem;
  opacity:.95;
}
.pwbg-tag{
  border:1px solid rgba(0,0,0,.18);
  border-radius:999px;
  padding:.15rem .55rem;
}

/* Price */
.pwbg-price{
  text-align:center;
  font-weight:800;
  margin:0 0 .75rem;
  font-size:1.08rem;
}

/* Desc: vult ruimte zodat CTA onderaan blijft */
.pwbg-desc{
  margin:0 0 1rem;
  opacity:.92;
  flex:1 1 auto;
}

/* CTA */
.pwbg-cta{
  display:flex;
  flex-direction:column;
  gap:.6rem;
  align-items:flex-start;
}

/* Buy button: webshop-look */
.pwbg-buy{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.7rem 1.05rem;
  border-radius:10px;
  background:linear-gradient(#4fa0d9,#2f78b3);
  color:#fff;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 2px 4px rgba(0,0,0,.18);
}
.pwbg-buy::before{content:"🛒"}
.pwbg-buy:hover{opacity:.93}

/* More link */
.pwbg-more{
  font-weight:650;
  text-decoration:none;
}
.pwbg-more:hover{text-decoration:underline}