.ic-slider {
	--ic-slider-side-peek: 0px;
	width: 100%;
	position: relative;
}

.ic-slider .swiper {
	overflow: hidden;
}

/* Ensure stable Swiper core layout even if global styles override it. */
.ic-slider .swiper-wrapper {
	display: flex;
	flex-direction: row;
}

.ic-slider .swiper-slide {
	flex-shrink: 0;
	width: 100%;
}

.ic-slider.ic-slider--has-side-peek .swiper {
	overflow: visible;
}

.ic-slider.ic-slider--has-side-peek .swiper-slide {
	/* side-peek value represents the hidden part (per side slide) in px */
	width: calc((100% + (var(--ic-slider-side-peek, 120px) * 2)) / 3);
}

.ic-slider__image {
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	line-height: 0;
}

.ic-slider__image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.ic-slider__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 16px;
}

.ic-slider__nav button.ic-slider__nav-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.ic-slider__nav-button img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ic-slider .swiper-pagination {
	position: relative;
	margin-top: 16px;
}

.ic-slider .swiper-pagination-bullet-active {
	background: currentColor;
}