#vlg-lightbox {
	display: none;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 99999; 
	overflow-y: auto;
	text-align: right;
	background: rgba(0,0,0,0.5);
	backdrop-filter: blur(1.5em);
	scrollbar-color: #c06c46 transparent;
}

#vlg-lightbox::-webkit-scrollbar {width: 8px;}
#vlg-lightbox::-webkit-scrollbar-track {background: transparent;}
#vlg-lightbox::-webkit-scrollbar-thumb {background-color: #c06c46;border-radius: 4px;}

.lightbox-slider {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 100px;
	margin-bottom: 100px;
}

.lightbox-close {
	position: sticky;
	top: 60px;
	right: 30px;
	align-self: flex-end; 
	font-size: 40px;
	line-height: 0;
	color: #fff;
	cursor: pointer;
	z-index: 100000; 
	background: rgba(0,0,0,0.5); 
	border-radius: 50%;
	padding: 0px 15px 5px 15px;
}

.lightbox-close:hover {
    background: rgba(255,255,255,0.2);
}

.lightbox-slider img {
	max-width: 100%;
	margin: 20px 0;
	box-shadow: 0 0 15px rgba(255,255,255,0.2);
}

.vlg-placeholder {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vlg-placeholder img {
	max-width: 40px;
}