/* Homepage only: four cards on desktop/tablet, two on phones. */
.pk-featured { padding: 48px 0; background: #fff; }
.pk-featured h2 { margin: 0 0 26px; text-align: center; color: #09243f; font: 600 clamp(23px, 2.5vw, 34px)/1.35 "Poppins", sans-serif; }
.pk-featured-shell { position: relative; padding: 0 42px; }
.pk-featured-window { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-x: contain; }
.pk-featured-window::-webkit-scrollbar { display: none; }
.pk-featured-track { position: relative; display: flex; gap: 16px; align-items: stretch; }
.pk-featured-card { flex: 0 0 calc((100% - 48px)/4); min-width: 0; margin: 0; border: 1px solid #e2e6eb; border-radius: 12px; overflow: hidden; background: #fff; }
.pk-featured-image { display: block; aspect-ratio: 4 / 3; background: #fff; }
.pk-featured-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pk-featured-card h3 { margin: 0; padding: 15px 10px 18px; text-align: center; font: 500 15px/1.5 "Poppins", sans-serif; }
.pk-featured-card a { color: #09243f; text-decoration: none; }
.pk-featured-card h3 a:hover { color: #d77c13; text-decoration: underline; text-underline-offset: 4px; }
.pk-featured-nav { position: absolute; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 34px; height: 42px; border: 0; border-radius: 8px; background: #09243f; color: #fff; cursor: pointer; }
.pk-featured-nav[hidden] { display: none; }
.pk-featured-nav:hover { background: #d77c13; }
.pk-featured-prev { left: 0; }
.pk-featured-next { right: 0; }
.pk-featured-nav:disabled { opacity: .3; cursor: default; }
.pk-featured a:focus-visible, .pk-featured button:focus-visible, .pk-featured-window:focus-visible { outline: 2px solid #f0992e; outline-offset: -3px; }
@media (max-width: 767px) {
  .pk-featured { padding: 32px 0; }
  .pk-featured-shell { padding: 0 28px; }
  .pk-featured-track { gap: 12px; }
  .pk-featured-card { flex-basis: calc((100% - 12px)/2); }
  .pk-featured-card h3 { font-size: 12px; padding: 12px 6px; }
  .pk-featured-nav { width: 24px; height: 36px; font-size: 12px; }
}