/**
 * Related / Upsell Products — Style 3 (Overlay).
 *
 * Details overlaid on a gradient at the bottom of the image; reveals on hover.
 *
 * @package captain-widgets-kit
 * @since   1.3.0
 */

.captwiki-products.captwiki-style-3 .captwiki-products__card {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
}

.captwiki-products.captwiki-style-3 .captwiki-products__media img {
	border-radius: 0;
}

.captwiki-products.captwiki-style-3 .captwiki-products__body {
	position: absolute;
	inset: auto 0 0 0;
	padding: 18px 16px 16px;
	background: linear-gradient( to top, rgba( 0, 0, 0, 0.82 ), rgba( 0, 0, 0, 0 ) );
	color: #fff;
}

.captwiki-products.captwiki-style-3 .captwiki-products__title a,
.captwiki-products.captwiki-style-3 .captwiki-products__price,
.captwiki-products.captwiki-style-3 .captwiki-products__price .amount {
	color: #fff;
}

.captwiki-products.captwiki-style-3 .captwiki-products__cart {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.3s ease, max-height 0.3s ease;
}

.captwiki-products.captwiki-style-3 .captwiki-products__card:hover .captwiki-products__cart {
	opacity: 1;
	max-height: 60px;
}
