.commerceImagesWrap {
  width: 100%;
  height: 470px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.commerceImagesWrap .commerceImages {
  display: flex;
  height: 400px;
  width: 100%;
}
.commerceImagesWrap .commerceImages .commerceImageItem {
  display: none;
}
.commerceImagesWrap .commerceImages .commerceImageItem.active {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.commerceImagesWrap .commerceImages .commerceImageItem img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.commerceImagesWrap .commerceImagesControls {
  display: flex;
  gap: 16px;
  height: 50px;
  width: 100%;
  max-width: min-content;
  min-width: min-content;
  padding: 4px 16px;
  border-radius: 24px;
  background: #F6F6F6;
  align-items: center;
  justify-content: center;
  gap: 2px;
  /* margin: 0 auto; */
}
.commerceImagesWrap .commerceImagesControls .commerceImageLink {
  white-space: nowrap;
  font-size: 14px;
  color: #1A1A1A;
  height: 100%;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.commerceImagesWrap .commerceImagesControls .commerceImageLink.active {
  color: #fff;
  background: #754ABC;
}