/**
 * Archive product cards — keep sale price/discount inside the card
 * when viewport shrinks from desktop (tablet / mid-width).
 */
ul.product-box li.product,
ul.products li.product {
	height: auto !important;
	overflow: visible;
	align-self: stretch;
}

ul.product-box li.product .product-box-inner,
.product .product-box-inner {
	height: auto !important;
	min-height: 0 !important;
	display: flex;
	flex-direction: column;
	overflow: visible;
}

ul.product-box li.product .info-product {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding-bottom: 12px !important;
	box-sizing: border-box;
}

ul.product-box li.product .index-prices-pro,
ul.products li.product .index-prices-pro,
li.product .index-prices-pro,
.item-pro .index-prices-pro,
.product-archive.mobit ul.product-box li.product .index-prices-pro {
	height: auto !important;
	min-height: 48px;
	max-height: none !important;
	float: none !important;
	display: block !important;
	width: 100% !important;
	margin: 8px 0 0 !important;
	overflow: visible !important;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

ul.product-box li.product .index-prices-pro > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 4px 8px;
}

/* Sale price on its own line so it never clips under next row */
ul.product-box li.product .index-prices-pro div ins {
	display: block;
	width: 100%;
	margin-top: 2px !important;
}

ul.product-box li.product .index-prices-pro div .index-discount-pro {
	float: none !important;
}