/* Keep the main square inside the viewport on targeted product pages. */
.rosecal-color-gallery-page .rosecal-hollow-demo .rcpdp-gallery .woocommerce-product-gallery {
	width: 100% !important;
	max-width: calc(100vh - 96px);
	max-width: calc(100svh - 96px);
	margin-inline: auto !important;
}

@media (min-width: 1025px) {
	.rosecal-color-gallery-page .rosecal-hollow-demo .rcpdp-hero {
		justify-content: center;
		gap: 24px;
	}

	.rosecal-color-gallery-page .rosecal-hollow-demo .rcpdp-gallery {
		width: min(57%, calc(100svh - 116px)) !important;
		position: sticky;
		top: 40px;
	}

	.rosecal-color-gallery-page .rosecal-hollow-demo .rcpdp-gallery .woocommerce-product-gallery {
		max-width: calc(100svh - 136px);
	}

	.rosecal-color-gallery-page .rosecal-hollow-demo .rcpdp-summary {
		padding-left: 24px;
		padding-right: 24px;
	}

	.rosecal-color-gallery-page .rosecal-hollow-demo .flex-control-nav.flex-control-thumbs {
		display: flex !important;
		gap: 8px;
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}

	.rosecal-color-gallery-page .rosecal-hollow-demo .flex-control-nav.flex-control-thumbs li {
		flex: 0 0 64px;
		width: 64px !important;
		height: 64px;
	}

	.rosecal-color-gallery-page .rosecal-hollow-demo .flex-control-nav.flex-control-thumbs img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}