.tta-universal-gallery {
	width: 100vw;
	min-height: 100vh;
	display: grid;
	place-items: center;
	overflow: hidden;
}

.tta-gallery-strip {
	display: flex;
	gap: 1vmin;
	width: 90vw;
	height: 50vmin;
	max-height: 480px;
}

.tta-gallery-thumb {
	flex: 1;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	overflow: hidden;
}

.tta-gallery-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1) brightness(0.8);
	transition: flex 0.5s ease, filter 0.5s ease;
}

.tta-gallery-thumb:hover {
	flex: 6;
}

.tta-gallery-thumb:hover img {
	filter: grayscale(0) brightness(1.1);
}

/* LIGHTBOX */
.tta-gallery-lightbox {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.6);
	backdrop-filter: blur(8px);
	display: grid;
	grid-template-columns: 80px 1fr 80px;
	align-items: center;
	z-index: 9999;
	
}

.tta-gallery-lightbox img {
	max-width: 100%;
	max-height: 90vh;
	margin: auto;
	display: block;
}

.tta-gallery-prev,
.tta-gallery-next,
.tta-gallery-close {
	background: none;
	border: 0;
	color: #fff;
	font-size: 48px;
	cursor: pointer;
	opacity: 0.6;
}

.tta-gallery-close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 32px;
}

.tta-gallery-prev:hover,
.tta-gallery-next:hover,
.tta-gallery-close:hover {
	opacity: 1;
}


.tta-gallery-lightbox[hidden] {
	display: none !important;
}