/**
 * Hogarazo Imágenes de Categorías 1.1.0
 * Fotografías realistas en formato cuadrado y logo contenido para placeholders.
 */

.woocommerce ul.products li.product-category img,
.hz-offer-category__media img {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.hz-category__image {
	width: 96px !important;
	height: 96px !important;
	border-radius: 28px !important;
	background: #f4f6f4 !important;
	box-shadow: 0 10px 24px rgba(7, 54, 37, .10);
	overflow: hidden;
}

.hz-category__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

img.hzci-logo-placeholder,
.woocommerce-placeholder[src*="hogarazo-placeholder"],
img[src*="hogarazo-placeholder"] {
	object-fit: contain !important;
	padding: clamp(18px, 10%, 64px) !important;
	background:
		radial-gradient(circle at 82% 12%, rgba(247, 204, 69, .30), transparent 28%),
		radial-gradient(circle at 12% 88%, rgba(121, 159, 133, .20), transparent 30%),
		linear-gradient(145deg, #fff9e8, #f1f7f3) !important;
	box-sizing: border-box;
}

body.hogarazo-catalog ul.products li.product img.hzci-logo-placeholder,
.single-product img.hzci-logo-placeholder {
	aspect-ratio: 1 / 1;
	border-radius: 18px;
}

@media (max-width: 689px) {
	.hz-category__image {
		width: 84px !important;
		height: 84px !important;
		border-radius: 24px !important;
	}
}