.main-product--wrapper {
  gap: clamp(1.8rem, 3vw, 4vw);
}
.product-media--root[data-media-type=image] .product-media--modal {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .product-media--variants--root[data-layout=thumbnails] .product-media--root {
    max-width: 100%;
  }
}

@media only screen and (max-width: 1199px) {
  .main-product--root {
    --text-column-width: 35vw !important;
  }
}