/* Bosla feature chunk: media — conditional bundle (audit P1-A). */

.bosla-lightbox-overlay {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: rgb(0 0 0 / 0.88);
	display: flex;
	align-items: center;
	justify-content: center;
}

.bosla-lightbox-overlay[hidden] {
	display: none;
}

.bosla-lightbox-overlay img {
	max-inline-size: 92vw;
	max-block-size: 88vh;
	border-radius: 8px;
}

.bosla-lightbox-close {
	position: absolute;
	inset-block-start: 1rem;
	inset-inline-end: 1rem;
	inline-size: 2.6rem;
	block-size: 2.6rem;
	border-radius: 50%;
	border: 0;
	background: rgb(255 255 255 / 0.14);
	color: #fff;
	font-size: 1.6rem;
	cursor: pointer;
}

.bosla-video-facade {
	position: relative;
	inline-size: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 8px;
	background: #14181f center / cover no-repeat;
	cursor: pointer;
	display: block;
}

.bosla-video-play {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 50%;
	transform: translate(-50%, -50%);
	inline-size: 3.6rem;
	block-size: 3.6rem;
	border-radius: 50%;
	background: rgb(255 255 255 / 0.92);
	color: #14181f;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
}