/**
 * Minimal Safari / mobile fix for "gab bez PVN" (.price-for-m2).
 * Does not change PLP or desktop layout.
 *
 * Original desktop: absolute to the right of the amount.
 * Mobile/Safari: static under that amount (usually the struck regular),
 * so it cannot paint over the red sale price.
 */

@media screen and (max-width: 63.99875em) {
	.single-product .add-to-cart-wrapper .price .woocommerce-Price-amount {
		display: inline-flex;
		flex-direction: column;
		align-items: flex-start;
		max-width: 100%;
	}

	.single-product .add-to-cart-wrapper .price .woocommerce-Price-amount .price-for-m2 {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		display: block !important;
		width: auto !important;
		max-width: 180px;
		margin: 2px 0 0 !important;
		padding: 0 !important;
		white-space: normal !important;
		line-height: 1.3;
		font-size: 12px;
		font-weight: 500;
		color: #4f4f4f;
	}
}