.onlineEventCard {
  display: grid;
  grid-template-columns: minmax(260px, 46%) 1fr;
  width: min(760px, 100%);
  margin: 0 auto;
}

.onlineEventCard .cityVisual {
  height: 250px;
}

.onlineEventCard .cityInfo {
  align-self: center;
}

.modalOpen {
  overflow: hidden;
}

.sterlitamakModal .paymentModal {
  max-height: min(92vh, 900px);
  overflow-y: auto;
}

.paymentPlaceholder {
  display: grid;
  min-height: 150px;
  place-items: center;
  padding: 24px;
  border: 1px dashed rgba(238, 179, 66, 0.55);
  border-radius: 8px;
  background: rgba(238, 179, 66, 0.05);
  text-align: center;
}

@media (max-width: 600px) {
  .onlineEventCard {
    grid-template-columns: 1fr;
  }

  .onlineEventCard .cityVisual {
    height: 190px;
  }
}