.gpc-gallery{
	width:100%;max-width:100%;margin:0 0 24px;box-sizing:border-box;
}
.gpc-gallery *{box-sizing:border-box}

/* ===== Main image ===== */
.gpc-gallery-main{
	position:relative;width:100%;height:460px;border-radius:16px;overflow:hidden;
	background:#eee;
}
.gpc-gallery-main-img{
	position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
	opacity:0;transition:opacity .25s ease;pointer-events:none;
}
.gpc-gallery-main-img.is-active{opacity:1;pointer-events:auto}

.gpc-gallery-arrow{
	position:absolute;top:50%;transform:translateY(-50%);z-index:2;
	width:42px;height:42px;border-radius:50%;border:none;
	background:rgba(255,255,255,.92);color:#1a1a1a;font-size:16px;
	display:flex;align-items:center;justify-content:center;cursor:pointer;
	box-shadow:0 2px 10px rgba(0,0,0,.18);transition:background .15s ease,transform .1s ease;
}
.gpc-gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.gpc-gallery-prev{left:16px}
.gpc-gallery-next{right:16px}

.gpc-gallery-counter{
	position:absolute;bottom:14px;right:14px;z-index:2;
	background:rgba(0,0,0,.55);color:#fff;font-size:12.5px;font-weight:600;
	padding:5px 12px;border-radius:999px;
}

/* ===== Thumbnail strip ===== */
.gpc-gallery-thumbs{
	display:flex;gap:10px;margin-top:12px;overflow-x:auto;
	scroll-snap-type:x proximity;padding-bottom:4px;
	-webkit-overflow-scrolling:touch;
}
.gpc-gallery-thumbs::-webkit-scrollbar{height:6px}
.gpc-gallery-thumbs::-webkit-scrollbar-thumb{background:#ddd;border-radius:6px}

.gpc-gallery-thumb{
	flex:0 0 auto;width:88px;height:88px;border-radius:10px;overflow:hidden;
	border:2px solid transparent;padding:0;cursor:pointer;background:#eee;
	scroll-snap-align:start;transition:border-color .15s ease,opacity .15s ease;
	opacity:.75;
}
.gpc-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gpc-gallery-thumb:hover{opacity:1}
.gpc-gallery-thumb.is-active{border-color:#1b8a5a;opacity:1}

/* ===== Responsive ===== */
@media (max-width:900px){
	.gpc-gallery-main{height:360px}
	.gpc-gallery-thumb{width:76px;height:76px}
}
@media (max-width:600px){
	.gpc-gallery-main{height:250px;border-radius:12px}
	.gpc-gallery-arrow{width:36px;height:36px;font-size:14px}
	.gpc-gallery-prev{left:10px}
	.gpc-gallery-next{right:10px}
	.gpc-gallery-thumb{width:64px;height:64px;border-radius:8px}
	.gpc-gallery-thumbs{gap:8px}
}