/* === Product Gallery Enhancements === */

/* Gallery container */
.single-product .swipers-couple-wrapper.images-wrapper {
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.06);
}

/* Thumbnails separator */
.single-product .thumbnails-list {
	border-top: 1px solid #f1f5f9;
	padding-top: 10px;
}

/* Thumbnail border ring */
.single-product .thumbnails-list .swiper-slide a {
	border: 2px solid transparent;
	border-radius: 6px;
	overflow: hidden;
	transition: border-color .2s, filter .2s;
}
.single-product .thumbnails-list .swiper-slide.selected a,
.single-product .thumbnails-list .swiper-slide.active-thumbnail a,
.single-product .thumbnails-list .swiper-slide-thumb-active a {
	border-color: #112D4E !important;
	box-shadow: none;
}
.single-product .thumbnails-list .swiper-slide:not(.selected):not(.active-thumbnail):not(.swiper-slide-thumb-active) a:hover {
	border-color: #94a3b8;
}

/* Thumbnail brightness: dim inactive, full on active, mid on hover */
.single-product .thumbnails-list .swiper-slide a {
	filter: brightness(0.65);
}
.single-product .thumbnails-list .swiper-slide.selected a,
.single-product .thumbnails-list .swiper-slide.active-thumbnail a,
.single-product .thumbnails-list .swiper-slide-thumb-active a {
	filter: brightness(1);
}
.single-product .thumbnails-list .swiper-slide:not(.selected):not(.active-thumbnail):not(.swiper-slide-thumb-active) a:hover {
	filter: brightness(0.85);
}

/* Zoom cursor — desktop only */
@media (hover: hover) and (pointer: fine) {
	.single-product .woocommerce-product-gallery__image a {
		cursor: zoom-in;
	}
}

/* Zoom lens overlay */
.zbotic-zoom-lens {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	opacity: 0;
	transition: opacity .15s;
	z-index: 5;
}
.zbotic-zoom-lens.zbotic-zoom-active {
	opacity: 1;
	background: #fff;
}
.zbotic-zoom-lens img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	will-change: transform;
}

/* Fade transition support */
.single-product .swiper-control-top .swiper-slide {
	transition: opacity .3s ease;
}

/* Mobile: no zoom, no box-shadow */
@media (hover: none), (pointer: coarse) {
	.zbotic-zoom-lens {
		display: none !important;
	}
	.single-product .swipers-couple-wrapper.images-wrapper {
		box-shadow: none;
	}
}