/* Shared composition for warehouse previews, catalog cards and carousels. */
html body .bp-product-photo,
html body .image-canvas {
  display:block!important;position:relative!important;box-sizing:border-box!important;
  width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;
  padding:0!important;overflow:hidden!important;background:#fff!important;
}
html body .bp-product-photo > img,
html body .image-canvas > img {
  position:absolute!important;inset:0!important;display:block!important;
  box-sizing:border-box!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  object-fit:contain!important;object-position:50% 50%!important;
  transform-origin:center!important;background:#fff!important;transition:none!important;
}
html body .room-category-card-image,
html body .room-product-photo-frame,
html body .product-card .thumb {
  display:block!important;box-sizing:border-box!important;
  height:auto!important;min-height:0!important;aspect-ratio:1 / 1!important;
  padding:0!important;overflow:hidden!important;background:#fff!important;
}
html body .warehouse-product-thumb-frame {width:96px;height:96px;flex:0 0 96px;}
/* Keep controls outside the clipped photo canvas. */
html body .image-item {aspect-ratio:auto;overflow:visible;}
html body .image-item > span {position:static;display:block;}
html body .image-item > button {position:static;margin:4px;}