/* Tarjetas de producto: marco negro 9:16 en grillas y todos los carruseles.
   La imagen principal de la PDP no pertenece a estas tarjetas. */
.asc-tarjeta-producto.product-item .product-item-image-container {
	background: #000;
	height: auto;
	max-height: none;
}

/* Solo PLP: el marco deja ver el fondo de la página; la foto sigue opaca. */
.category-body .js-product-table .asc-tarjeta-producto.product-item .product-item-image-container {
	background-color: rgba(0, 0, 0, .5);
}

/* El componente nativo reserva el alto con este espaciador. Mantenerlo evita
   alterar sus enlaces, etiquetas, carga diferida y carrusel de imágenes. */
.asc-tarjeta-producto.product-item .product-item-image-container > div[style*="padding-bottom"] {
	padding-bottom: 177.7777777778% !important;
}

.asc-tarjeta-producto.product-item .product-item-image-container img.product-item-image {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	top: 0;
	left: 0;
	transform: none;
}

/* Las imágenes adicionales del carrusel usan la misma regla de encuadre. */
.asc-tarjeta-producto.product-item .product-item-slider-slide img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
}