.pk-item { display: grid; gap: 20px; align-items: start; margin-top: 24px; }
@media (min-width: 900px) { .pk-item { grid-template-columns: auto minmax(0, 1fr); gap: 40px; } }

.pk-frame {
  position: relative; overflow: hidden; background: #ffffff;
  border: 1px solid var(--border); box-shadow: var(--shadow-lg);
}
.pk-frame iframe { display: block; border: 0; position: absolute; top: 0; left: 0; transform-origin: 0 0; }

.pk-flyer { width: 343px; height: 444px; }
.pk-flyer iframe { width: 816px; height: 1056px; transform: scale(.42); }
@media (min-width: 600px) {
  .pk-flyer { width: 408px; height: 528px; }
  .pk-flyer iframe { transform: scale(.5); }
}

.pk-cards { display: grid; gap: 16px; }
.pk-card { width: 336px; height: 192px; }
.pk-card iframe { width: 336px; height: 192px; }
@media (min-width: 600px) {
  .pk-card { width: 420px; height: 240px; }
  .pk-card iframe { transform: scale(1.25); }
}
.pk-cap { margin: 6px 0 0; font-size: 15px; color: var(--text-muted); }

.pk-info h3 { margin: 0 0 6px; }
.pk-info p { margin: 0 0 14px; }
.pk-actions { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: center; margin: 4px 0 14px; }
.pk-actions + .pk-actions { margin-top: -4px; }