/* Project detail — theme project-detail2.html layout */

.hausify-inner-banner--project-detail {
	background-image: url(../../../images/home/featured-projects/project-05.jpg);
	background-position: center center;
	background-size: cover;
}

.hausify-project-detail__sep .sx-separator.bg-moving {
	background-image: url(../../../images/_theme-ref/background/cross-line2.png);
}

.hausify-project-detail__gallery img {
	width: 100%;
	display: block;
	height: 100%;
	object-fit: cover;
}

.hausify-project-detail__gallery .project-detail-pic .sx-media {
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

/* Theme project-detail2 — video row (mfp-video popup) */
.hausify-project-detail__video .yt-thum-box {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}

.hausify-project-detail__video .yt-thum-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Project video modal — fixed overlay, centered in viewport */
.hausify-pd-video-modal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	box-sizing: border-box;
}

.hausify-pd-video-modal.is-open {
	display: flex;
}

.hausify-pd-video-modal[hidden] {
	display: none !important;
}

.hausify-pd-video-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.88);
}

.hausify-pd-video-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(960px, 100%);
	max-height: calc(100vh - 48px);
}

.hausify-pd-video-modal__dialog video {
	display: block;
	width: 100%;
	max-height: calc(100vh - 48px);
	background: #000;
}

.hausify-pd-video-modal__close {
	position: absolute;
	top: -42px;
	right: 0;
	border: 0;
	background: transparent;
	color: #fff;
	font-size: 36px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
}

.hausify-pd-video-trigger {
	border: 0;
	background: transparent;
}

body.hausify-pd-video-modal-open {
	overflow: hidden;
}

.hausify-project-detail__similar .project-mas .image-effect-one img {
	width: 100%;
	display: block;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}