/**
 * Sidebar ranked list (Elementor 6264).
 * Bookory's laptop shop grid (1200–1366px) was forcing 3 columns
 * into this ~300px widget. Keep the original cover+number layout;
 * only stack the rows in that range.
 */

@media (min-width: 1200px) and (max-width: 1366px) {
	#secondary .elementor-6264 ul.products,
	#text-1 .elementor-6264 ul.products,
	#secondary .aai-top5-widget ul.products,
	#secondary .aai-top10-widget ul.products {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
	}

	#secondary .elementor-6264 ul.products li.product,
	#text-1 .elementor-6264 ul.products li.product,
	#secondary .aai-top5-widget ul.products li.product,
	#secondary .aai-top10-widget ul.products li.product,
	body.bookory-product-laptop-3 #secondary .elementor-6264 ul.products li.product,
	body.bookory-product-laptop-3 #text-1 .elementor-6264 ul.products li.product {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		clear: both !important;
	}
}
