/* ================================================================
   yk-card-fix.css  —  Card height fix (no white gap)
   v3 — uses .pkc-cell wrapper, no display:contents
   ================================================================ */

/* 1. Grid cell wrapper — height matches its card only, no stretch */
.pkc-auto-grid > .pkc-cell {
  display: flex;
  flex-direction: column;
  height: auto !important;
  min-height: 0 !important;
}

/* 2. Card fills cell but doesn't stretch beyond its content */
.pkc-cell > .pkc {
  flex: 0 0 auto !important;
  height: auto !important;
  width: 100%;
}

/* 3. Card body — shrink to fit content, never grows */
.pkc .pkc-body {
  flex: 0 0 auto !important;
}

/* 4. Image wrap — exact height from admin DB value via inline style.
      Remove aspect-ratio that was making images square/oversized */
.pkc .pkc-img-wrap {
  aspect-ratio: unset !important;
  overflow: hidden !important;
}

/* 5. Image fills wrapper exactly */
.pkc .pkc-img,
.pkc .pkc-glass-img {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
}

/* 6. Grid alignment — start so rows don't force equal height */
.pkc-auto-grid {
  align-items: start !important;
}