.drum-product-images-swiper {
	position: relative;
	text-align: left;
}

.drum-product-images-swiper__carousel {
	overflow: hidden;
}

.drum-product-images-swiper__slide {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	height: auto;
	box-sizing: border-box;
}

.drum-product-images-swiper__slide img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
}

.drum-product-images-swiper .swiper-slide.drum-product-images-swiper__slide--active::after {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	border: 3px solid #e5c120;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 2;
}

/* Match homepage .elementor-element-54e7fa2 / n-carousel arrows (post-629.css). */
.drum-product-images-swiper .elementor-swiper-button {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	transform: unset;
	z-index: 2;
	cursor: pointer;
	background: #b3b3b3;
	padding: 9px 19px 9px 9px;
	font-size: 23px;
	line-height: 1em;
	display: inline-block;
	margin: 24px 0 0;
	color: var(--e-global-color-primary, #0e0e0e) !important;
	clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
}

.drum-product-images-swiper .elementor-swiper-button:hover {
	transform: translateX(-3px);
}

.drum-product-images-swiper .elementor-swiper-button.elementor-swiper-button-next {
	background: var(--e-global-color-secondary, #e5c120);
	padding: 9px 9px 9px 19px;
	clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%);
}

.drum-product-images-swiper .elementor-swiper-button.elementor-swiper-button-next:hover {
	transform: translateX(3px);
}

.drum-product-images-swiper .elementor-swiper-button svg {
	display: block;
	fill: var(--e-global-color-primary, #0e0e0e);
}

.drum-product-images-swiper .elementor-swiper-button.swiper-button-lock {
	display: none;
}