.product__media-item--fallback:not(.is-active),
.product__media-item--variant:not(.is-active) {
  display: none;
}

@media screen and (min-width: 750px) {
  .product__media-item.is-active .thumbnail__image {
    height: calc(100vh - var(--hh-total-header-height));
  }
}

.product__media-item--additional-variant:not(.is-active-additional) {
  display: none;
}

.product__media-item {
  position: relative;
}

@media screen and (max-width: 749px) {
  .product__media-item {
    padding: 0;
    height: 100vw;
    height: 100svw;
  }
}