.product__modal-opener { border-radius: var(--corner-radius); overflow: hidden; }
.main--product__media--small.media { height: 30.4rem; }
.main--product__media--medium.media { height: 38.4rem; }
.main--product__media--large.media { height: 43.5rem; }
.product__media_container .product__media-list { border: 1px solid #ddd; border-radius: 10px; }
@media screen and (min-width: 750px) {
  .main--product__media--small.media { height: 50rem; }
  .main--product__media--medium.media { height: 60rem; }
  .main--product__media--large.media { height: 70rem; }
}