/*
 * Product-page media treatment.
 *
 * Loaded only on IBC, Pallet and Drum pages. Product cut-outs sit directly on
 * the page surface with no card, border or isolated white image plane. The
 * underlying image fields remain WordPress-editable.
 */

body.jager-phase2-page.jager-p2-type-ibcs .jp2-product-media,
body.jager-phase2-page.jager-p2-type-pallets .jp2-product-media,
body.jager-phase2-page.jager-p2-type-vaten .jp2-product-media {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 430px !important;
	padding: clamp(10px, 2vw, 30px) !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	isolation: auto !important;
}

body.jager-phase2-page.jager-p2-type-ibcs .jp2-product-media::before,
body.jager-phase2-page.jager-p2-type-pallets .jp2-product-media::before,
body.jager-phase2-page.jager-p2-type-vaten .jp2-product-media::before {
	content: "";
	position: absolute;
	inset: auto 8% 4% 8%;
	height: 1px;
	background: rgba(6, 37, 111, 0.14);
	pointer-events: none;
}

body.jager-phase2-page.jager-p2-type-ibcs .jp2-product-media img,
body.jager-phase2-page.jager-p2-type-pallets .jp2-product-media img,
body.jager-phase2-page.jager-p2-type-vaten .jp2-product-media img {
	position: relative;
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 620px;
	max-height: 500px;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	object-fit: contain !important;
	mix-blend-mode: multiply !important;
	filter: saturate(0.96) contrast(1.035);
}

body.jager-phase2-page.jager-p2-type-ibcs .jp2-copy,
body.jager-phase2-page.jager-p2-type-pallets .jp2-copy,
body.jager-phase2-page.jager-p2-type-vaten .jp2-copy {
	position: relative;
}

body.jager-phase2-page.jager-p2-type-ibcs .jp2-copy::before,
body.jager-phase2-page.jager-p2-type-pallets .jp2-copy::before,
body.jager-phase2-page.jager-p2-type-vaten .jp2-copy::before {
	content: "";
	position: absolute;
	top: 2px;
	left: -28px;
	width: 3px;
	height: 48px;
	background: var(--jhr-orange);
}

@media (max-width: 900px) {
	body.jager-phase2-page.jager-p2-type-ibcs .jp2-product-media,
	body.jager-phase2-page.jager-p2-type-pallets .jp2-product-media,
	body.jager-phase2-page.jager-p2-type-vaten .jp2-product-media {
		min-height: 340px !important;
		padding: 0 !important;
	}

	body.jager-phase2-page.jager-p2-type-ibcs .jp2-product-media img,
	body.jager-phase2-page.jager-p2-type-pallets .jp2-product-media img,
	body.jager-phase2-page.jager-p2-type-vaten .jp2-product-media img {
		max-height: 420px;
	}

	body.jager-phase2-page.jager-p2-type-ibcs .jp2-copy::before,
	body.jager-phase2-page.jager-p2-type-pallets .jp2-copy::before,
	body.jager-phase2-page.jager-p2-type-vaten .jp2-copy::before {
		left: -20px;
	}
}

@media (max-width: 640px) {
	body.jager-phase2-page.jager-p2-type-ibcs .jp2-product-media,
	body.jager-phase2-page.jager-p2-type-pallets .jp2-product-media,
	body.jager-phase2-page.jager-p2-type-vaten .jp2-product-media {
		min-height: 270px !important;
	}

	body.jager-phase2-page.jager-p2-type-ibcs .jp2-product-media img,
	body.jager-phase2-page.jager-p2-type-pallets .jp2-product-media img,
	body.jager-phase2-page.jager-p2-type-vaten .jp2-product-media img {
		max-height: 340px;
	}

	body.jager-phase2-page.jager-p2-type-ibcs .jp2-copy,
	body.jager-phase2-page.jager-p2-type-pallets .jp2-copy,
	body.jager-phase2-page.jager-p2-type-vaten .jp2-copy {
		padding-left: 18px;
	}

	body.jager-phase2-page.jager-p2-type-ibcs .jp2-copy::before,
	body.jager-phase2-page.jager-p2-type-pallets .jp2-copy::before,
	body.jager-phase2-page.jager-p2-type-vaten .jp2-copy::before {
		left: 0;
	}
}