/* Loaded after shop-page.bundle.css: makes the product photo fill its card
   media box edge-to-edge (no padding/rounded-inset "floating" look) instead
   of the small centered thumbnail the bundle's later stages left it at. */
body.tmset-has-shop-page .tmset-shop-product-card__media {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  aspect-ratio: 1 / 1 !important;
  background: var(--tmset-surface-cool, #f4f7f9) !important;
}

body.tmset-has-shop-page .tmset-shop-product-card__media img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  padding: 0 !important;
  filter: none !important;
  border-radius: 0 !important;
}

body.tmset-has-shop-page .tmset-shop-product-card__badge {
  position: absolute !important;
  z-index: 2 !important;
}

@media (max-width: 640px) {
  body.tmset-has-shop-page .tmset-shop-product-card__media {
    aspect-ratio: 4 / 3 !important;
  }
}