.cplus-pg-wrap{
  --cplus-cols-desktop:4;
  --cplus-cols-tablet:2;
  --cplus-cols-mobile:2;
  --cplus-gap:12px;
  --cplus-border-width:2px;
  --cplus-border-color:#111;
  --cplus-border-radius:10px;
}

.cplus-pg-grid{
  display:grid;
  gap: var(--cplus-gap);
  grid-template-columns: repeat(var(--cplus-cols-desktop), 1fr);
}

@media (max-width: 1024px){
  .cplus-pg-grid{ grid-template-columns: repeat(var(--cplus-cols-tablet), 1fr); }
}
@media (max-width: 767px){
  .cplus-pg-grid{ grid-template-columns: repeat(var(--cplus-cols-mobile), 1fr); }
}

.cplus-pg-item{
  border: var(--cplus-border-width) solid var(--cplus-border-color);
  border-radius: var(--cplus-border-radius);
  overflow:hidden;
  background:#fff;
  position:relative;
}

.cplus-pg-img{
  width:100%;
  display:block;
  object-fit:cover;
  aspect-ratio: 1 / 1;
}

.cplus-pg-link{ display:block; }

.cplus-pg-placeholder{
  aspect-ratio: 1 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:.65;
  background:#f3f4f6;
}

.cplus-pg-empty{ opacity:.7; }