.single-product .woocommerce-product-gallery.dpfp-single-variation-gallery {


	overflow: visible;


}





.single-product .dpfp-single-gallery-grid {


	display: grid !important;


	grid-template-columns: repeat(2, minmax(0, 1fr));


	gap: 20px;


	width: 100%;


	margin: 0;


}





.single-product .dpfp-single-gallery-item {


	position: relative;


	display: block;


	overflow: hidden;


	width: 100% !important;


	margin: 0;


	background: #fff;


	aspect-ratio: 1 / 1;


}





.single-product .dpfp-single-gallery-item img {


	display: block;


	width: 100%;


	height: 100%;


	margin: 0;


	object-fit: cover;


	object-position: center;


}





.single-product .dpfp-single-gallery-lightbox {


	display: block;


	width: 100%;


	height: 100%;


	cursor: zoom-in;


}





/*


 * Keep the theme's Sale/New marks anchored to the first gallery image.


 * Eskil otherwise positions both marks in the same place, so their text


 * overlaps. These rules are intentionally limited to the single-product


 * gallery and do not affect product cards or the featured-products slider.


 */


.single-product div.product .woocommerce-product-gallery .qodef-woo-product-mark,


.single-product div.product .woocommerce-product-gallery .onsale {


	position: absolute !important;


	right: auto !important;


	left: 14px !important;


	display: inline-flex !important;


	align-items: center;


	justify-content: center;


	width: auto !important;


	min-width: 0 !important;


	height: auto !important;


	min-height: 0 !important;


	margin: 0 !important;


	padding: 4px 10px !important;


	transform: none !important;


	z-index: 20;


	background: #fff !important;


	color: #111 !important;


	border: 1px solid #111 !important;


	border-radius: 999px !important;


	box-shadow: none !important;


	font-size: 10px !important;


	font-weight: 500 !important;


	line-height: 1.1 !important;


	letter-spacing: 0 !important;


	text-transform: uppercase;


}





.single-product div.product .woocommerce-product-gallery .qodef-woo-onsale,


.single-product div.product .woocommerce-product-gallery .onsale {


	top: 14px !important;


}





.single-product div.product .woocommerce-product-gallery .qodef-new {


	top: 14px !important;


}





.single-product div.product .woocommerce-product-gallery:has(.qodef-woo-onsale, .onsale) .qodef-new {


	top: 44px !important;


}





@media (max-width: 680px) {


	.single-product .dpfp-single-gallery-grid {


		grid-template-columns: 1fr;


		gap: 14px;


	}


}