.gpc-lb{
	position:fixed;inset:0;z-index:99999;background:rgba(10,10,10,.94);
	display:none;align-items:center;justify-content:center;
	opacity:0;transition:opacity .2s ease;
}
.gpc-lb.is-open{display:flex}
.gpc-lb.is-visible{opacity:1}

.gpc-lb-stage{
	width:100%;height:100%;display:flex;align-items:center;justify-content:center;
	overflow:hidden;touch-action:none;cursor:zoom-in;
}
.gpc-lb-stage.is-zoomed{cursor:grab}
.gpc-lb-stage.is-panning{cursor:grabbing}

.gpc-lb-img{
	max-width:92vw;max-height:88vh;object-fit:contain;
	user-select:none;-webkit-user-drag:none;
	transition:transform .15s ease;
	will-change:transform;
}
.gpc-lb-stage.is-panning .gpc-lb-img{transition:none}

/* Hint on the visible Milestone-1 main image that it's clickable to zoom, without touching Milestone 1's own markup/behavior. */
.gpc-gallery-main-img{cursor:zoom-in}

.gpc-lb-close{
	position:absolute;top:18px;right:18px;z-index:2;
	width:44px;height:44px;border-radius:50%;border:none;
	background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;
	display:flex;align-items:center;justify-content:center;cursor:pointer;
	transition:background .15s ease;
}
.gpc-lb-close:hover{background:rgba(255,255,255,.22)}

.gpc-lb-arrow{
	position:absolute;top:50%;transform:translateY(-50%);z-index:2;
	width:48px;height:48px;border-radius:50%;border:none;
	background:rgba(255,255,255,.12);color:#fff;font-size:18px;
	display:flex;align-items:center;justify-content:center;cursor:pointer;
	transition:background .15s ease;
}
.gpc-lb-arrow:hover{background:rgba(255,255,255,.22)}
.gpc-lb-prev{left:18px}
.gpc-lb-next{right:18px}

.gpc-lb-zoom-controls{
	position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;
	display:flex;gap:8px;background:rgba(255,255,255,.1);border-radius:999px;padding:6px;
}
.gpc-lb-zoom-btn{
	width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.12);
	color:#fff;font-size:16px;font-weight:700;cursor:pointer;
	display:flex;align-items:center;justify-content:center;
	transition:background .15s ease;
}
.gpc-lb-zoom-btn:hover{background:rgba(255,255,255,.25)}
.gpc-lb-zoom-btn#gpcLbZoomReset{font-size:11px}

.gpc-lb-counter{
	position:absolute;top:22px;left:22px;z-index:2;
	color:#fff;font-size:13px;font-weight:600;
	background:rgba(255,255,255,.1);padding:6px 14px;border-radius:999px;
}

@media (max-width:600px){
	.gpc-lb-close{width:38px;height:38px;font-size:22px;top:12px;right:12px}
	.gpc-lb-arrow{width:40px;height:40px;font-size:15px}
	.gpc-lb-prev{left:8px}
	.gpc-lb-next{right:8px}
	.gpc-lb-counter{top:14px;left:14px;font-size:12px;padding:5px 12px}
	.gpc-lb-zoom-controls{bottom:14px}
}