/* SS Deco catalogo: tarjetas - MODO OSCURO */
body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product {
	position: relative;
	overflow: visible;
	color: var(--ss-shop-ink);
}

body.woocommerce-shop ul.products li.product .ct-image-container,
body.tax-product_cat ul.products li.product .ct-image-container {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--ss-shop-image);
	margin-bottom: 18px;
}

body.woocommerce-shop ul.products li.product .ct-image-container img,
body.tax-product_cat ul.products li.product .ct-image-container img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: clamp(12px, 1.5vw, 22px);
	transition: transform 340ms ease;
}

body.woocommerce-shop ul.products li.product > a.woocommerce-LoopProduct-link > img,
body.tax-product_cat ul.products li.product > a.woocommerce-LoopProduct-link > img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	padding: clamp(12px, 1.5vw, 22px);
	background: var(--ss-shop-image);
	margin-bottom: 18px;
	transition: transform 340ms ease;
}

body.woocommerce-shop ul.products li.product:hover .ct-image-container img,
body.tax-product_cat ul.products li.product:hover .ct-image-container img,
body.woocommerce-shop ul.products li.product:hover > a.woocommerce-LoopProduct-link > img,
body.tax-product_cat ul.products li.product:hover > a.woocommerce-LoopProduct-link > img {
	transform: scale(1.025);
}

.ssdeco-product-category {
	display: block;
	margin: 0 0 8px;
	color: var(--ss-shop-muted);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.4;
	text-transform: uppercase;
}

body.woocommerce-shop ul.products li.product .ct-product-categories,
body.tax-product_cat ul.products li.product .ct-product-categories,
body.woocommerce-shop ul.products li.product .product-categories,
body.tax-product_cat ul.products li.product .product-categories {
	display: none !important;
}

body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.woocommerce-shop ul.products li.product .woocommerce-loop-product__link,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__link {
	color: var(--ss-shop-ink) !important;
}

body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
	margin: 0 0 10px !important;
	font-size: clamp(15px, 1.15vw, 18px) !important;
	font-weight: 650 !important;
	line-height: 1.3 !important;
	letter-spacing: -0.015em;
	transition: color var(--ss-shop-transition);
}

body.woocommerce-shop ul.products li.product:hover .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product:hover .woocommerce-loop-product__title {
	color: var(--ss-shop-accent) !important;
}

body.woocommerce-shop ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.woocommerce-shop ul.products li.product .price .amount,
body.tax-product_cat ul.products li.product .price .amount {
	margin-top: 0 !important;
	color: var(--ss-shop-ivory) !important;
	font-size: 14px !important;
	font-weight: 650 !important;
}

body.woocommerce-shop ul.products li.product .price del,
body.tax-product_cat ul.products li.product .price del {
	color: var(--ss-shop-muted) !important;
	opacity: 0.65;
}

body.woocommerce-shop ul.products li.product .button,
body.tax-product_cat ul.products li.product .button {
	border-radius: 0;
}
