/* BQ21 media is square. Keep the entire folder visible and the buyer's first
   decision content alongside it, rather than letting a square file dominate. */
.product-hero { grid-template-columns: minmax(0, 420px) minmax(340px, 1fr); }
.product-gallery { width: min(100%, 420px); }
.planting__media { width: min(100%, 400px); }
.product-gallery__main img, .product-gallery__thumbs img, .planting__media img, .media-story__grid img { object-fit: contain; }
@media (max-width: 850px) { .product-gallery { width: 100%; max-width: 420px; } }
@media (max-width: 560px) { .product-gallery { max-width: 320px; } }