.iista-detail-carousel {
	position: relative;
	min-width: 0;
	--iista-carousel-nav-size: 40px;
	--iista-carousel-nav-offset: 16px;
	--iista-carousel-nav-y: 50%;
	--iista-carousel-nav-top: 24px;
}

.iista-detail-carousel-viewport {
	position: relative;
	min-width: 0;
	overflow: hidden;
	transition: height 0.3s ease;
}

.iista-detail-carousel-viewport .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.iista-detail-carousel-slide {
	height: auto;
	min-width: 0;
	overflow: hidden;
	transition: height 0.3s ease;
}

.iista-carousel-equal-height-yes .iista-detail-carousel-slide {
	display: flex;
}

.iista-carousel-equal-height-yes .iista-detail-carousel-slide > .elementor,
.iista-carousel-equal-height-yes .iista-detail-carousel-slide > .e-con {
	width: 100%;
}

.iista-detail-carousel-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--iista-carousel-nav-size);
	height: var(--iista-carousel-nav-size);
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 0;
	background: #fff;
	color: #333;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.iista-detail-carousel-button svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.iista-detail-carousel-controls-overlay .iista-detail-carousel-button {
	position: absolute;
	z-index: 3;
}

.iista-detail-carousel-navigation-inside .iista-detail-carousel-prev {
	left: var(--iista-carousel-nav-offset);
}

.iista-detail-carousel-navigation-inside .iista-detail-carousel-next {
	right: var(--iista-carousel-nav-offset);
}

.iista-detail-carousel-navigation-overlay .iista-detail-carousel-controls-overlay .iista-detail-carousel-button {
	top: var(--iista-carousel-nav-y);
	transform: translateY(-50%);
}

.iista-detail-carousel-navigation-top_overlay .iista-detail-carousel-controls-overlay .iista-detail-carousel-button {
	top: var(--iista-carousel-nav-top);
	transform: none;
}

.iista-detail-carousel-navigation-outside .iista-detail-carousel-prev {
	left: calc((var(--iista-carousel-nav-size) + var(--iista-carousel-nav-offset)) * -1);
}

.iista-detail-carousel-navigation-outside .iista-detail-carousel-next {
	right: calc((var(--iista-carousel-nav-size) + var(--iista-carousel-nav-offset)) * -1);
}

.iista-detail-carousel-navigation-above {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.iista-detail-carousel-navigation-above .iista-detail-carousel-button {
	position: static;
	transform: none;
}

.iista-detail-carousel-button.swiper-button-disabled {
	opacity: 0.35;
	cursor: default;
}

.iista-detail-carousel-pagination {
	position: static;
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 16px;
}

.iista-detail-carousel-pagination .swiper-pagination-bullet {
	margin: 0;
}

.iista-detail-carousel-empty,
.iista-detail-carousel-error {
	padding: 12px;
	border: 1px dashed #a7a7a7;
	background: #f7f7f7;
	color: #555;
	font-size: 13px;
	line-height: 1.4;
}
