/* TPS: product image square 1:1 contain */
/* Square responsive frame; image keeps aspect ratio, fully visible, centered */
.product-small .box-image,
.products .product-small .box-image,
.related .product-small .box-image,
.upsells .product-small .box-image,
body.home .product-small .box-image,
body.woocommerce-shop .product-small .box-image,
body.post-type-archive-product .product-small .box-image,
body.tax-product_cat .product-small .box-image {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  min-width: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff;
}
/* Image layer only — do NOT style .box-image a (breaks quick-view / cart / wish hover) */
.product-small .box-image > .image-none,
.product-small .box-image > .image-cover,
.product-small .box-image > .image-shade,
.products .product-small .box-image > .image-none {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto;
}
.product-small .box-image > .image-none > a,
.product-small .box-image > .image-cover > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.product-small .box-image > .image-none img,
.product-small .box-image > .image-cover img,
.product-small .box-image > .image-none > a > img,
.products .product-small .box-image > .image-none img,
body.home .product-small .box-image > .image-none img,
body.home .tps-home-products .product-small .box-image > .image-none img,
.related .product-small .box-image > .image-none img,
.upsells .product-small .box-image > .image-none img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: auto !important;
  margin: 0 auto !important;
  display: block !important;
}
/* Hover tools must sit above the image layer and keep normal size */
.product-small .box-image .image-tools,
.product-small .box-image .tps-hover-bar {
  z-index: 30 !important;
  pointer-events: auto !important;
}
.product-small .box-image .tps-hover-bar a:not(.added_to_cart),
.product-small .box-image .image-tools a:not(.added_to_cart) {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* Never resurface Woo "XEM GIỎ HÀNG →" on loop cards */
.product-small .box-image a.added_to_cart,
.product-small .box-image .tps-hover-bar a.added_to_cart {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Soft letterbox on homepage cards */
body.home .product-small .box-image,
.tps-home-products .product-small .box-image {
  background: #f7f7f7;
}