.tekst a[href$=".jpg"], .tekst a[href$=".jpeg"], .tekst a[href$=".png"], .tekst a[href$=".webp"] { cursor: zoom-in; }

.lb {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 56px 72px;
	background: rgba(8, 10, 12, .94);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s;
}
.lb--otvoren { opacity: 1; visibility: visible; }
.lb__fig { margin: 0; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; align-items: center; }
.lb__img { display: block; max-width: 100%; max-height: calc(100vh - 140px); width: auto; height: auto; border-radius: 6px; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); }
.lb__opis { margin-top: 12px; color: #d8dde2; font-size: 15px; text-align: center; font-style: normal; }
.lb__opis:empty { display: none; }
.lb__zatvori, .lb__str {
	position: absolute;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	cursor: pointer;
	transition: background-color .2s ease;
	line-height: 1;
}
.lb__zatvori:hover, .lb__str:hover { background: #14a751; }
.lb__zatvori { top: 14px; right: 14px; width: 44px; height: 44px; font-size: 30px; }
.lb__str { top: 50%; width: 50px; height: 50px; margin-top: -25px; font-size: 34px; }
.lb__str--l { left: 12px; }
.lb__str--d { right: 12px; }
.lb--jedna .lb__str { display: none; }
.lb__brojac { position: absolute; left: 0; right: 0; bottom: 16px; color: #aab2ba; font-size: 14px; text-align: center; }

@media (max-width: 640px) {
	.lb { padding: 56px 8px; }
	.lb__str { top: auto; bottom: 10px; margin: 0; width: 44px; height: 44px; }
	.lb__str--l { left: 16px; }
	.lb__str--d { right: 16px; }
}