/* K-STYLE — красивая hover-плашка для карточек товаров */
/* Римские шторы не трогаем: у них маски/анимация подъёма */

.content-product:not(:has(.product_type_roman_blinds)) .product-image-wrapper.hover-effect-slider {
	position: relative !important;
	overflow: hidden !important;
}

/* Карнизы не обрезаем — только для карнизных типов */
.content-product:has(.product_type_aluminum_bus) .product-content-image img,
.content-product:has(.product_type_plastic_bus) .product-content-image img,
.content-product:has(.product_type_roman_cornice) .product-content-image img,
.content-product:has(.product_type_round_cornice) .product-content-image img,
.content-product:has(.product_type_baguette_cornice) .product-content-image img,
.content-product:has(.product_type_aluminum_profile) .product-content-image img,
.content-product:has(.product_type_aluminum_profile_with_control) .product-content-image img,
.content-product:has(.product_type_plastic_bus_with_baguette) .product-content-image img,
.content-product:has(.product_type_profile_cornice_with_electric) .product-content-image img,
.content-product:has(.product_type_round_profile_cornice) .product-content-image img {
	object-fit: contain !important;
	object-position: center center !important;
}

/* Плашка для всех товаров, кроме римских штор */
.content-product:not(:has(.product_type_roman_blinds)) .product-image-description-wrapper {
	position: absolute !important;
	left: 10px !important;
	right: 10px !important;
	bottom: 10px !important;
	top: auto !important;

	width: auto !important;
	max-width: calc(100% - 20px) !important;
	min-height: 0 !important;
	padding: 9px 12px !important;

	background: rgba(255, 255, 255, 0.94) !important;
	color: #111827 !important;
	border: 1px solid rgba(229, 231, 235, 0.95) !important;
	border-radius: 10px !important;
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.14) !important;

	font-size: 13px !important;
	line-height: 1.35 !important;
	font-weight: 500 !important;
	text-align: left !important;

	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden !important;

	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(6px) !important;
	transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease !important;
}

.content-product:not(:has(.product_type_roman_blinds)):hover .product-image-description-wrapper {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
}

@media (max-width: 767px) {
	.content-product:not(:has(.product_type_roman_blinds)) .product-image-description-wrapper {
		display: none !important;
	}
}
