/* Paldeck card media: portrait artwork and hover frame. */

.paldeck-card-portrait {
  position: absolute;
  z-index: 1;
  right: .35rem;
  bottom: .18rem;
  width: 7.85rem;
  height: 7.85rem;
  object-fit: contain;
  object-position: right bottom;
  filter: saturate(1.08) contrast(1.02) drop-shadow(0 10px 9px rgba(0, 0, 0, .38));
  transform-origin: right bottom;
  transition: filter 180ms ease, transform 220ms cubic-bezier(.2, .72, .25, 1);
}

.catalog-results-layout .pal-card:hover .paldeck-card-portrait,
.catalog-results-layout .pal-card:focus-visible .paldeck-card-portrait {
  filter: saturate(1.18) contrast(1.04) drop-shadow(0 12px 13px rgba(0, 0, 0, .34));
  transform: translate(-.1rem, -.05rem) scale(1.035);
}

.paldeck-card-border {
  position: absolute;
  z-index: 7;
  inset: -1px;
  border: 1px solid rgba(178, 205, 208, .38);
  clip-path: var(--pal-card-shape);
  pointer-events: none;
}

.catalog-results-layout .pal-card:hover .paldeck-card-border,
.catalog-results-layout .pal-card:focus-visible .paldeck-card-border {
  border-color: transparent;
  border-image: var(--pal-hover-border) 1;
}