/* Homepage catalog sliders — Figma: section head + horizontal card swiper */

.homepage-catalog-sliders {
	display: flex;
	flex-direction: column;
	gap: var(--mk2-section-space);
}

.homepage-catalog-slider__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.6rem;
	margin-bottom: var(--mk2-title-gap);
}

.homepage-catalog-slider__head-left {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 1.2rem 2.4rem;
	flex: 1 1 auto;
	min-width: 0;
}

.homepage-catalog-slider__title {
	margin: 0;
	flex: 0 1 auto;
	min-width: 0;
	font-size: 3.2rem;
	line-height: 1.2;
	font-weight: 600;
	color: #031119;
	text-align: left;
}

.homepage-catalog-slider__title--popular {
	flex: 1 1 auto;
}

.homepage-catalog-slider__title-main {
	color: #031119;
}

.homepage-catalog-slider__title-city {
	color: #009ec7;
}

.homepage-catalog-slider--trips
	.homepage-catalog-slider__head
	> .homepage-catalog-slider__title {
	flex: 1 1 auto;
}

.homepage-catalog-slider__link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	flex-shrink: 0;
	padding: 0.4rem 0;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 600;
	color: #031119;
	text-decoration: none;
	white-space: nowrap;
}

.homepage-catalog-slider__link-icon {
	display: block;
	flex-shrink: 0;
}

.homepage-catalog-slider__nav {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	flex-shrink: 0;
}

.homepage-catalog-slider__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 4rem;
	height: 4rem;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: #009ec7;
	cursor: pointer;
	transition:
		background-color 0.15s ease,
		opacity 0.15s ease;
	opacity: 1;
	pointer-events: auto; /* По умолчанию кликабельны */
}

.homepage-catalog-slider__arrow.js-hidden {
	opacity: 0.3;
	pointer-events: none;
	cursor: default;
	display: flex !important;
	align-items: center;
	justify-content: center;
	visibility: visible;
}

.homepage-catalog-slider__arrow svg {
	display: block;
	flex-shrink: 0;
}

.homepage-catalog-slider__swiper-wrap {
	position: relative;
}

.homepage-catalog-slider__track {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: -1.2rem;
	padding: 1.2rem;
	box-sizing: content-box;
}

.homepage-catalog-slider__slide {
	width: 36.4rem;
	height: auto;
	box-sizing: border-box;
}

.homepage-catalog-slider__slide .catalog-item {
	height: 100%;
}

.homepage-catalog-slider--ships .ships-slider .ship-item {
	width: 36.4rem;
	height: auto;
}

/* ≤768: отступ слева 28px, 2 карточки + 16px peek; без 100vw (убирает гориз. скролл) */
@media only screen and (max-width: 1172px) {
	.homepage-catalog-sliders.base-width {
		overflow-x: clip;
	}

	.homepage-catalog-slider__title {
		font-size: 2.4rem;
	}

	.homepage-catalog-slider__nav {
		display: none;
	}

	/* выход за padding .base-width (25px × 2), без 100vw */
	.homepage-catalog-slider__swiper-wrap {
		width: calc(100% + 5rem);
		margin-left: -2.5rem;
		margin-right: -2.5rem;
		overflow: hidden;
	}

	.homepage-catalog-slider__track,
	.homepage-catalog-slider__track.ships-slider {
		margin: 0;
		padding: 1.4rem 0 1.2rem;
		padding-left: 2.8rem;
		padding-right: 0;
		box-sizing: border-box;
		overflow: hidden;
	}

	.homepage-catalog-slider__track .swiper-wrapper {
		box-sizing: border-box;
	}

	/* 28 + 2×W + 12 + 16 peek = ширина трека; справа в конце — slidesOffsetAfter 28px */
	.homepage-catalog-slider__slide,
	.homepage-catalog-slider__slide.catalog-item,
	.homepage-catalog-slider__slide.catalog-item.swiper-slide,
	.homepage-catalog-slider--ships .ships-slider .ship-item,
	.homepage-catalog-slider--ships .ships-slider .ship-item.swiper-slide {
		flex-shrink: 0;
		width: calc((100% - 2.8rem - 1.2rem - 1.6rem) / 2) !important;
		max-width: calc((100% - 2.8rem - 1.2rem - 1.6rem) / 2);
	}
}

/* ≤390: отступ слева 16px, peek 25px; справа в конце — 16px */
@media only screen and (max-width: 650px) {
	.homepage-catalog-slider--excursions {
		/* display: none; */
	}

	.homepage-catalog-slider__head {
		margin-bottom: 1.99rem;
	}

	.homepage-catalog-sliders {
		gap: var(--mk2-section-space);
	}

	.homepage-catalog-slider__title {
	}

	.homepage-catalog-slider__swiper-wrap {
		width: calc(100% + 3rem);
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}

	.homepage-catalog-slider__track,
	.homepage-catalog-slider__track.ships-slider {
		padding-left: 1.6rem;
	}

	.homepage-catalog-slider__slide,
	.homepage-catalog-slider__slide.catalog-item,
	.homepage-catalog-slider__slide.catalog-item.swiper-slide {
		width: calc(100% - 1.6rem - 1.2rem - 2.5rem) !important;
		max-width: calc(100% - 1.6rem - 1.2rem - 2.5rem);
	}

	.homepage-catalog-slider--ships .ships-slider .ship-item,
	.homepage-catalog-slider--ships .ships-slider .ship-item.swiper-slide {
		width: calc(100% - 1.6rem - 1.2rem - 2.5rem) !important;
		max-width: calc(100% - 1.6rem - 1.2rem - 2.5rem);
	}
}