/**
 * WooCommerce product-gallery lightbox control.
 * Keep the control in the gallery's containing block, never beside the title.
 */
body.single-product div.product > .woocommerce-product-gallery {
	position: relative !important;
	top: auto !important;
}

body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	background: #eeeeee !important;
	border: 1px solid #cccccc !important;
	border-radius: 999px;
	color: #081224 !important;
	display: grid !important;
	line-height: 0 !important;
	padding: 0 !important;
	place-items: center;
	position: absolute;
	right: clamp(.65rem, 1.2vw, 1rem);
	text-decoration: none !important;
	top: clamp(.65rem, 1.2vw, 1rem);
	z-index: 10;
}

body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger span {
	color: #081224 !important;
	display: grid;
	font-size: 0 !important;
	height: 1.05rem;
	line-height: 0;
	margin: 0 !important;
	place-items: center;
	position: relative;
	width: 1.05rem;
}

body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger span::before {
	border: 2px solid currentColor;
	border-radius: 50%;
	content: '';
	height: .62rem;
	left: .06rem;
	position: absolute;
	top: .06rem;
	width: .62rem;
}

body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger span::before,
body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger span::after {
	color: inherit !important;
}

body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger span::after {
	background: currentColor;
	border-radius: 2px;
	content: '';
	height: 2px;
	left: .66rem;
	position: absolute;
	top: .76rem;
	transform: rotate(45deg);
	transform-origin: left center;
	width: .48rem;
}

body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus-visible {
	outline: 3px solid #35bb9d;
	outline-offset: 3px;
}

@media (max-width: 41.99rem) {
	body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
		right: .65rem;
		top: .65rem;
	}
}

@media (prefers-reduced-motion: no-preference) {
	body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
		transition: transform 160ms cubic-bezier(.23, 1, .32, 1);
	}

	body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
		transform: translateY(-1px);
	}

	body.single-product div.product > .woocommerce-product-gallery .woocommerce-product-gallery__trigger:active {
		transform: scale(.97);
	}
}