.lightbox {
	position        : fixed;
	inset           : 0;
	display         : none;
	align-items     : center;
	justify-content : center;
	padding         : 28px;
	background      : rgba(47, 34, 27, 0.76);
	z-index         : 100;
}

.lightbox-open {
	display : flex;
}

.lightbox-image {
	display       : block;
	max-width     : min(92vw, 920px);
	max-height    : 88vh;
	border-radius : 40px 0 40px 0;
	box-shadow    : 0 24px 56px rgba(20, 8, 2, 0.28);
}

.lightbox-close {
	position      : absolute;
	top           : 20px;
	right         : 20px;
	width         : 52px;
	height        : 52px;
	border        : 0;
	border-radius : 999px;
	background    : rgba(255, 250, 246, 0.92);
	color         : var(--color-brown-main);
	font-size     : 34px;
	line-height   : 1;
	cursor        : pointer;
}

@media (max-width : 640px) {
	.lightbox {
		padding : 18px;
	}

	.lightbox-image {
		max-width  : 100%;
		max-height : 82vh;
	}

	.lightbox-close {
		top    : 14px;
		right  : 14px;
		width  : 44px;
		height : 44px;
		font-size : 28px;
	}
}