/* ==========================================
   Handicrafts BD Quick View
========================================== */

.hbd-qv-overlay{

	position:fixed;
	inset:0;

	display:flex;
	align-items:center;
	justify-content:center;

	background:rgba(0,0,0,.65);

	opacity:0;
	visibility:hidden;

	transition:.35s ease;

	z-index:999999;

	padding:30px;

}

.hbd-qv-overlay.active{

	opacity:1;
	visibility:visible;

}

.hbd-qv-popup{

	position:relative;

	width:100%;
	max-width:1100px;

	background:#fff;

	border-radius:18px;

	overflow:hidden;

	transform:translateY(25px);

	transition:.35s ease;

	box-shadow:0 25px 60px rgba(0,0,0,.25);

}

.hbd-qv-overlay.active .hbd-qv-popup{

	transform:translateY(0);

}

/* ==========================================
   Close Button
========================================== */

.hbd-qv-close{

	position:absolute;

	top:18px;
	right:18px;

	width:42px;
	height:42px;

	border:none;

	border-radius:50%;

	background:#f4f4f4;

	cursor:pointer;

	font-size:26px;

	line-height:1;

	transition:.3s;

	z-index:10;

}

.hbd-qv-close:hover{

	background:#007536;
	color:#fff;

}

/* ==========================================
   Body
========================================== */

.hbd-qv-body{

	display:grid;

	grid-template-columns:1fr 1fr;

	min-height:600px;

}

/* ==========================================
   Gallery
========================================== */

.hbd-qv-gallery{

	display:flex;

	align-items:center;
	justify-content:center;

	padding:40px;

	background:#fafafa;

	border-right:1px solid #eee;

}

/* ==========================================
   Content
========================================== */

.hbd-qv-content{

	padding:40px;

	display:flex;
	flex-direction:column;

}

/* ==========================================
   Mobile
========================================== */

@media(max-width:768px){

	.hbd-qv-overlay{

		padding:15px;

	}

	.hbd-qv-body{

		grid-template-columns:1fr;

	}

	.hbd-qv-gallery{

		border-right:none;
		border-bottom:1px solid #eee;

		min-height:320px;

	}

	.hbd-qv-content{

		padding:25px;

	}

}