/* Wczesny, stabilny układ Themify — bez przenoszenia DOM. */
.indizio-promo-layout .indizio-promo-column,
.indizio-promo-layout .indizio-promo-neighbour {
	box-sizing: border-box;
}

/* Przy aktywnej promocji szerokości desktopowe pozostają dokładnie takie,
   jak ustawiono je w Themify Builder. Wtyczka nie wymusza układu 50/50. */

body.indizio-hot-deal-inactive .indizio-promo-layout .indizio-promo-column,
html.indizio-hot-deal-expired .indizio-promo-layout .indizio-promo-column,
html.indizio-hot-deal-pending .indizio-promo-layout .indizio-promo-column {
	display: none !important;
}

body.indizio-hot-deal-inactive .indizio-promo-layout .indizio-promo-neighbour,
html.indizio-hot-deal-expired .indizio-promo-layout .indizio-promo-neighbour,
html.indizio-hot-deal-pending .indizio-promo-layout .indizio-promo-neighbour {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
	grid-column: 1 / -1 !important;
}

html.indizio-hot-deal-expired #indizio-hot-deal,
html.indizio-hot-deal-pending #indizio-hot-deal {
	display: none !important;
}

@media screen and (max-width: 767px) {
	body.indizio-hot-deal-active .indizio-promo-layout .indizio-promo-column,
	body.indizio-hot-deal-active .indizio-promo-layout .indizio-promo-neighbour {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
	.indizio-promo-layout .indizio-promo-neighbour { order: 1 !important; }
	.indizio-promo-layout .indizio-promo-column { order: 2 !important; }
}