/**
 * Lemis — карточка товара для Elementor WooCommerce Loop Grid
 * Мебельный минимал, 2026. Подключи в Elementor → Custom CSS или в тему.
 *
 * В Loop Item Template: добавь класс lemis-loop-card на главную секцию карточки.
 */

.lemis-loop-card {
	transition: all 0.4s ease;
}

.lemis-loop-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}

.lemis-loop-card .woocommerce-loop-product__link img,
.lemis-loop-card .elementor-widget-woocommerce-product-image img,
.lemis-loop-card img.attachment-woocommerce_thumbnail {
	transition: transform 0.6s ease;
}

.lemis-loop-card:hover .woocommerce-loop-product__link img,
.lemis-loop-card:hover .elementor-widget-woocommerce-product-image img,
.lemis-loop-card:hover img.attachment-woocommerce_thumbnail {
	transform: scale(1.05);
}

.lemis-loop-card .button,
.lemis-loop-card .add_to_cart_button,
.lemis-loop-card .elementor-widget-woocommerce-product-add-to-cart .button {
	border-radius: 50px;
	padding: 12px;
	background: #111;
	color: #fff;
	border: 0;
	transition: background 0.3s ease, color 0.3s ease;
}

.lemis-loop-card .button:hover,
.lemis-loop-card .add_to_cart_button:hover,
.lemis-loop-card .elementor-widget-woocommerce-product-add-to-cart .button:hover {
	background: #333;
	color: #fff;
}