/*
 * "Wird oft zusammen gekauft" as a compact box when the widget sits in a narrow column
 * (buy column of the standard product layout). Wide placements such as the ZTREAM layout
 * keep Woodmart's own side design.
 */
.wd-single-fbt {
	container-type: inline-size;
}

@container (max-width: 500px) {
	.wd-single-fbt .elementor-widget-container {
		border: 1px solid #d6e4f0;
		border-radius: 10px;
		background: #f5f9fc;
		padding: 16px 16px 18px;
	}

	.wd-single-fbt .wd-el-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.wd-single-fbt .wd-fbt.wd-design-side {
		display: block;
		--wd-form-width: 100%;
	}

	.wd-single-fbt .wd-fbt .wd-carousel-container {
		margin: 0 0 12px;
		width: 100%;
	}

	/* Product cards: image only, no title, category, rating, price, buttons */
	.wd-single-fbt .wd-fbt .wd-carousel-item .product-wrapper > *:not(.product-element-top),
	.wd-single-fbt .wd-fbt .wd-carousel-item .product-element-top > *:not(.product-image-link),
	.wd-single-fbt .wd-fbt .wd-carousel-item .product-labels,
	.wd-single-fbt .wd-fbt .wd-nav-arrows {
		display: none !important;
	}

	.wd-single-fbt .wd-fbt .wd-carousel-item {
		max-width: 92px;
		padding: 0 10px !important;
	}

	.wd-single-fbt .wd-fbt .wd-carousel-item .product-image-link,
	.wd-single-fbt .wd-fbt .wd-carousel-item .product-element-top {
		height: auto !important;
		aspect-ratio: auto !important;
		min-height: 0 !important;
	}

	.wd-single-fbt .wd-fbt .wd-carousel-item img {
		width: 72px;
		height: 72px;
		object-fit: contain;
		background: #fff;
		border-radius: 6px;
		padding: 4px;
	}

	.wd-single-fbt .wd-fbt-form {
		width: 100% !important;
		max-width: none !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
	}

	.wd-single-fbt .wd-fbt-product {
		padding: 6px 0;
		border-bottom: 1px solid #e3ecf3;
	}

	.wd-single-fbt .wd-fbt-product-heading {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 6px 8px;
		font-size: 14px;
	}

	.wd-single-fbt .wd-fbt-product-heading label {
		flex: 1 1 60%;
	}

	.wd-single-fbt .wd-fbt-product-heading .price {
		margin-left: auto;
		font-weight: 600;
		white-space: nowrap;
	}

	.wd-single-fbt .wd-fbt-purchase {
		margin-top: 12px;
	}

	.wd-single-fbt .wd-fbt-purchase .button {
		width: 100%;
	}
}

/* "Sie sparen X € im Set" (fbt-ersparnis.js) */
.wd-fbt-save {
	display: inline-block;
	margin: 4px 0 8px;
	padding: 3px 10px;
	border-radius: 12px;
	background: #e6f4dc;
	color: #3d7a12;
	font-weight: 600;
	font-size: 13px;
}

.wd-fbt-save[hidden] {
	display: none;
}