/* Full-image replacement for the legacy app-promotion panel. */
.promo-image-banner {
  display: block;
  width: min(720px, calc(100% - 48px));
  margin: 32px auto;
  overflow: hidden;
  border-radius: 18px;
  background: #14040c;
  box-shadow: 0 14px 36px rgba(66, 13, 28, .22);
  line-height: 0;
  transition: transform .2s ease, box-shadow .2s ease;
}

.promo-image-banner:hover,
.promo-image-banner:focus-visible {
  box-shadow: 0 18px 42px rgba(66, 13, 28, .3);
  transform: translateY(-2px);
}

.promo-image-banner img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .promo-image-banner {
    width: calc(100% - 32px);
    margin: 20px auto;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(66, 13, 28, .2);
  }
}