/* Swiper Nav Custom - навигационные кнопки для слайдера */

.swiper-nav-custom {
	box-sizing: border-box;
	position: relative;
}

.swiper-nav-custom *,
.swiper-nav-custom *::before,
.swiper-nav-custom *::after {
	box-sizing: border-box;
}

.swiper-nav-custom__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.swiper-nav-custom__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 4px;
	flex-shrink: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background-color 0.2s ease, color 0.2s ease;
	font-family: inherit;
}

.swiper-nav-custom__btn:hover {
	opacity: 0.9;
}

.swiper-nav-custom__btn.is-active {
	cursor: default;
}

/* Горизонтальная прокрутка — desktop (1025px+) */
@media (min-width: 1025px) {
	.swiper-nav-custom--scroll-desk .swiper-nav-custom__list {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}
}

/* Горизонтальная прокрутка — tablet (768px–1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
	.swiper-nav-custom--scroll-tablet .swiper-nav-custom__list {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}
}

/* Горизонтальная прокрутка — mobile (до 767px) */
@media (max-width: 767px) {
	.swiper-nav-custom--scroll-mobile .swiper-nav-custom__list {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}
}