.brxe-tte-product-gallery {
	align-self: stretch;
	width: 100%;
	max-width: 100%;
}

.tte-pg {
	--tte-pg-n: 1;
	position: relative;
	width: 100%;
	height: calc(var(--tte-pg-n) * 100vh);
	height: calc(var(--tte-pg-n) * 100dvh);
	background: transparent;
}

.tte-pg__frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	background: transparent;
	overflow: hidden;
}

.tte-pg.is-einde .tte-pg__frame {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
}

.tte-pg__thumbs {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px 10px;
	overflow: auto;
	height: 100%;
	scrollbar-width: none;
}

.tte-pg__thumbs::-webkit-scrollbar {
	display: none;
}

.tte-pg__thumb {
	flex: 0 0 auto;
	width: 64px;
	height: 80px;
	padding: 0;
	border: 1px solid transparent;
	background: transparent;
	cursor: pointer;
	line-height: 0;
}

.tte-pg__thumb.is-actief {
	border-color: #f2f2f2;
}

.tte-pg__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.tte-pg__kijk {
	height: 100%;
	overflow: hidden;
}

.tte-pg__strip {
	will-change: transform;
}

.tte-pg__slide {
	height: 100vh;
	height: 100dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5vh 7vw 7vh 1vw;
	box-sizing: border-box;
}

.tte-pg__img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

.tte-pg__melding {
	margin: 0;
	padding: 24px;
	color: #cfcfcf;
}

@media (max-width: 700px) {
	.tte-pg__frame {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.tte-pg__thumb {
		width: 46px;
		height: 60px;
	}

	.tte-pg__slide {
		padding: 4vh 4vw 6vh 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tte-pg {
		height: auto;
	}

	.tte-pg__frame,
	.tte-pg.is-vast .tte-pg__frame,
	.tte-pg.is-einde .tte-pg__frame {
		position: relative;
		top: auto;
		bottom: auto;
		height: auto;
	}

	.tte-pg__kijk {
		overflow: visible;
		height: auto;
	}

	.tte-pg__strip {
		transform: none !important;
	}

	.tte-pg__slide {
		height: auto;
		min-height: 70vh;
	}
}