/* veterancheats front-end fixes
 * ---------------------------------------------------------------------------
 * 2026-09-07  Featured Products widget, single-product case.
 *
 * The Nexus featuredProduct widget renders inside an ipsCarousel. The carousel
 * measures the tallest item ONCE at init and writes that as an inline height on
 * .ipsCarousel_inner, which is overflow:hidden. Product images are lazy-loaded,
 * so when a block holds a single product the measurement happens while the
 * image is still a 1px spacer: the container ends up ~130px tall, the item
 * grows to ~210px once the image arrives, and the bottom of the card - title,
 * price and star rating - is clipped away. Firing a resize does not help; the
 * carousel never re-measures. With two or more products it measures correctly,
 * which is why the bug only shows on single-product blocks.
 *
 * Fix: for the one-item case only, stop the carousel from constraining height.
 * Scoped with :has(...:only-child) so real multi-item carousels keep their
 * horizontal scrolling untouched.
 */
[data-blockid^="app_nexus_featuredProduct"] .ipsCarousel_inner:has(li.ipsCarousel_item:only-child) {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}

[data-blockid^="app_nexus_featuredProduct"] .ipsCarousel_inner:has(li.ipsCarousel_item:only-child) [data-role="carouselItems"] {
	position: static !important;
	width: auto !important;
	transform: none !important;
}