/* GZ15 uses square-only source media. Keep the full product visible, but do not
   let the gallery dominate the buyer's first screen. */
.product-hero {
  grid-template-columns: minmax(0, 420px) minmax(340px, 1fr);
}

.product-gallery {
  width: min(100%, 420px);
}

.planting__media {
  width: min(100%, 400px);
}

@media (max-width: 850px) {
  .product-gallery {
    width: 100%;
    max-width: 420px;
  }
}

@media (max-width: 560px) {
  .product-gallery {
    max-width: 320px;
  }
}