.modalWrapper {
  display: flex;
  flex-direction: column;
  max-height: 80dvh;
  width: 100%;
}

.form {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
}

.form::-webkit-scrollbar {
  display: none;
}

.modalScrollable {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--Spacing-x2);
}

.imageContainer {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--Corner-radius-Medium);
  overflow: hidden;
  margin-top: var(--Spacing-x1);
  flex-shrink: 0;
  margin-bottom: var(--Spacing-x3);
}

.image {
  object-fit: cover;
}

.price {
  display: flex;
  gap: var(--Spacing-x1);
  align-items: center;
}

.contentContainer {
  display: flex;
  flex-direction: column;
}

.actionButtons {
  display: flex;
  gap: var(--Spacing-x4);
  justify-content: flex-end;
  position: sticky;
  bottom: 0;
  z-index: 10;
  background: var(--UI-Opacity-White-100);
  padding-top: var(--Spacing-x2);
  border-top: 1px solid var(--Base-Border-Normal);
}

@media screen and (min-width: 768px) {
  .modalWrapper {
    width: 492px;
  }

  .imageContainer {
    height: 240px;
  }
}