.camap-product-slider-nav {
	--camap-product-slider-nav-size: 42px;
	--camap-product-slider-nav-icon-size: 18px;
	--camap-product-slider-nav-offset: clamp(12px, 1.4vw, 20px);
}

.camap-product-slider-nav .swiper-button-prev,
.camap-product-slider-nav .swiper-button-next {
	border: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
}

.camap-product-slider-nav .swiper-button-prev::after,
.camap-product-slider-nav .swiper-button-next::after {
	content: none;
	display: none;
}

.camap-product-slider-nav .swiper-button-lock {
	display: none !important;
}

.camap-product-slider-nav .swiper-button-prev:focus-visible,
.camap-product-slider-nav .swiper-button-next:focus-visible {
	outline: 2px solid var(--sicomp-primary);
	outline-offset: 3px;
}

.camap-product-slider-nav .swiper-button-prev:disabled,
.camap-product-slider-nav .swiper-button-next:disabled {
	cursor: default;
	opacity: 0.38;
}

@media ( min-width: 1025px ) and ( hover: hover ) and ( pointer: fine ) {
	[data-camap-product-slider-hover] .camap-product-slider-nav {
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.18s ease;
	}

	[data-camap-product-slider-hover] .camap-product-slider-nav .swiper-button-prev,
	[data-camap-product-slider-hover] .camap-product-slider-nav .swiper-button-next {
		pointer-events: none;
	}

	[data-camap-product-slider-hover]:hover .camap-product-slider-nav,
	[data-camap-product-slider-hover]:focus-within .camap-product-slider-nav,
	[data-camap-product-slider-hover].camap-product-slider-hover-ready:focus-within .camap-product-slider-nav {
		opacity: 1;
		visibility: visible;
	}

	[data-camap-product-slider-hover]:hover .camap-product-slider-nav .swiper-button-prev,
	[data-camap-product-slider-hover]:hover .camap-product-slider-nav .swiper-button-next,
	[data-camap-product-slider-hover]:focus-within .camap-product-slider-nav .swiper-button-prev,
	[data-camap-product-slider-hover]:focus-within .camap-product-slider-nav .swiper-button-next {
		pointer-events: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-camap-product-slider-hover] .camap-product-slider-nav {
		transition: none;
	}
}