.collection-modal-panel {
  width: min(92vw, 60rem);
  max-height: calc(100vh - 10rem);
}

.collection-modal-grid {
  height: 100%;
}

.collection-modal-media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}

.collection-modal-media img {
  max-height: 56vh;
  width: 100%;
  object-fit: contain;
}

.collection-modal-media .relative {
  width: 100%;
}

.collection-modal-media [data-carousel-prev],
.collection-modal-media [data-carousel-next] {
  top: 50%;
}

.collection-modal-media [data-carousel-dots] {
  margin-top: 0;
  position: static;
  display: flex;
  justify-content: center;
}

.collection-modal-body {
  max-height: calc(100vh - 10rem);
  overflow-y: auto;
}

@media (min-width: 1024px) {
  .collection-modal-panel {
    width: min(90vw, 58rem);
  }

  .collection-modal-body {
    max-height: calc(100vh - 10rem);
  }
}