/**
 * FSLightbox integration using its public runtime classes.
 */

.fslightbox-container {
	background: var(--ps-color-ink-strong) !important;
}

.fslightboxsn {
	border-radius: var(--ps-radius-sm);
	background: rgb(15 12 13 / 78%);
}

/*
 * Desktop: a photo never fills the screen.
 *
 * FSLightbox shows a photo at its natural size or at 90% of the window,
 * whichever is smaller, and writes that as an inline width and height. Product
 * photos are kept at up to 2000 px, so on a large screen that is 90% of the
 * height, edge to edge. Here the photo is capped at 1300 px wide — the size
 * product photos had before — and 82% of the window height, with room around
 * it on a laptop too.
 *
 * The inline size is released (`auto`) so both caps shrink the photo together
 * and keep its proportions; FSLightbox's zoom is a transform and still applies.
 * Below 993px FSLightbox already uses the full width, which is what a phone
 * or tablet wants.
 */
@media (min-width: 993px) {
	.fslightbox-container .fslightbox-source {
		width: auto !important;
		height: auto !important;
		max-width: min(1300px, 86vw) !important;
		max-height: 82vh !important;
	}
}