/* v0.13.6 — stable desktop detail dialogs and geometry-safe card feedback. */

@media (min-width: 720px) {
  body.desktop-show-dialog-open {
    padding-right: 0 !important;
  }
}

@media (min-width: 720px) and (hover: hover) and (pointer: fine) {
  #showGrid > .show-card,
  #showGrid > .show-card:hover,
  #showGrid > .show-card:focus-within {
    transform: none !important;
  }

  #showGrid > .show-card .poster-frame,
  #showGrid > .show-card:hover .poster-frame,
  #showGrid > .show-card .poster,
  #showGrid > .show-card:hover .poster {
    width: 100% !important;
    transform: none !important;
  }

  #showGrid > .show-card .poster {
    height: 100% !important;
    transition: filter 180ms cubic-bezier(.2, 0, 0, 1) !important;
  }

  #showGrid > .show-card:hover {
    border-color: color-mix(in srgb, var(--primary) 26%, var(--outline-variant)) !important;
    box-shadow: 0 2px 5px rgb(31 29 26 / 8%), 0 12px 28px rgb(31 29 26 / 9%) !important;
  }

  #showGrid > .show-card:hover .poster {
    filter: brightness(1.035) saturate(1.025);
  }
}