/**
 * Single product layout only — backgrounds are controlled in Elementor.
 *
 * Edit in Elementor (template 2620):
 *   Right column (45%) → Style → Background → Image: bg-handwash-3.webp, Size: Cover
 *
 * Theme CSS does NOT override column/section backgrounds.
 */

/* Old duplicate image widget — background is on the column in Elementor */
.elementor-2620 .elementor-element-6785e056 {
	display: none;
}

/* Live product page layout only (not loaded in Elementor template editor) */
body.single-product:not(.elementor-editor-active) .elementor-2620 .elementor-element-5431e83 {
	position: relative;
	overflow: hidden;
}

body.single-product:not(.elementor-editor-active) .elementor-2620 .elementor-element-5431e83 > .elementor-element-populated {
	min-height: 520px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body.single-product:not(.elementor-editor-active) .elementor-2620 .elementor-element-6f79e82a {
	position: relative;
	z-index: 1;
}

body.single-product:not(.elementor-editor-active) .elementor-2620 .elementor-element-6f79e82a img {
	object-fit: contain;
	object-position: center center;
	max-height: 520px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

@media (max-width: 1024px) {
	body.single-product:not(.elementor-editor-active) .elementor-2620 .elementor-element-5431e83 > .elementor-element-populated {
		min-height: 460px;
	}

	body.single-product:not(.elementor-editor-active) .elementor-2620 .elementor-element-6f79e82a img {
		max-height: 420px;
	}
}

@media (max-width: 767px) {
	body.single-product:not(.elementor-editor-active) .elementor-2620 .elementor-element-5431e83 > .elementor-element-populated {
		min-height: 340px;
	}

	body.single-product:not(.elementor-editor-active) .elementor-2620 .elementor-element-6f79e82a img {
		max-height: 300px;
	}
}