.ms_t104-swiper-button-next,
.ms_t104-swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 32px;
	height: 32px;
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid #ddd;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	z-index: 10;
	transform: translateY(-50%);
	cursor: pointer;
	transition: all 0.5s ease, opacity 0.5s ease;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	opacity: 0; /* <-- Hidden by default */
	pointer-events: none; /* <-- Prevents invisible buttons from interfering */
}

.ms_t104-swiper-button-next {
	right: 8px;
	background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="black" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 18l6-6-6-6"></path></svg>');
}

.ms_t104-swiper-button-prev {
	left: 8px;
	background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="black" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 18l-6-6 6-6"></path></svg>');
}

/* When hovering over the whole swiper */
.swiper:hover .ms_t104-swiper-button-next,
.swiper:hover .ms_t104-swiper-button-prev {
	opacity: 1;
	pointer-events: auto;
}

.ms_t104-swiper-button-next:hover,
.ms_t104-swiper-button-prev:hover {
	background-color: rgba(255, 255, 255, 1);
	transform: translateY(-50%) scale(1.1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
	.ms_t104-swiper-button-next,
	.ms_t104-swiper-button-prev {
		display: none;
	}
}
.ms_t104-slider-wrapper {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1; /* perfect square */
	overflow: hidden;
	background: #f3f3f3; /* light grey background */
	display: flex;
	align-items: center;
	justify-content: center;
}

.ms_t104-slider-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 0;
	transition: opacity 0.5s ease;
	filter: blur(8px);
}

/* When image is loaded, remove blur and show */
.ms_t104-slider-wrapper img.loaded {
	opacity: 1;
	filter: blur(0px);
}
.quickview{display:none !important;}
.front-image{display: none !important;}
.back-image{display: none !important;}
.image > .swiper + a {display: none !important;}