/* ==============================================
********  Слайдер на главной
=============================================== */
.home-slider {position: relative; overflow: hidden; background: #e6e6e6;}
.home-slider__viewport {overflow: hidden; aspect-ratio: var(--hs-ratio-d, 1920/780); touch-action: pan-y;}
.home-slider__track {display: flex; height: 100%; transition: transform .5s ease; will-change: transform;}
.home-slider__track.is-dragging {transition: none;}
.home-slider__slide {flex: 0 0 100%; height: 100%;}
.home-slider__link {display: block; height: 100%;}
.home-slider picture {display: block; height: 100%;}
.home-slider img {display: block; width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; user-select: none;}

.home-slider__nav {position: absolute; top: 50%; z-index: 2; width: 56px; height: 56px; margin-top: -28px; padding: 0; border: 0; border-radius: 50%; background: rgba(180, 180, 180, .45); box-shadow: 0 2px 8px rgba(0, 0, 0, .12); cursor: pointer; opacity: .75; transition: opacity .2s, background-color .2s; display: flex; align-items: center; justify-content: center;}
.home-slider__nav:hover,
.home-slider__nav:focus-visible {opacity: 1; background: rgba(200, 200, 200, .8); outline: none;}
.home-slider__nav svg {width: 26px; height: 26px; fill: none; stroke: #007dc6; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;}
.home-slider__nav--prev {left: 24px;}
.home-slider__nav--next {right: 24px;}

/* Пагинация-прогресс поверх нижнего края баннера */
.home-slider__progress {position: absolute; left: 20px; right: 20px; bottom: 16px; z-index: 2; display: flex; gap: 8px;}
.home-slider__progress-item {flex: 1; height: 16px; margin: -6px 0; padding: 6px 0; border: 0; background: none; cursor: pointer; -webkit-tap-highlight-color: transparent;}
.home-slider__progress-bar {display: block; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .35); overflow: hidden;}
.home-slider__progress-fill {display: block; height: 100%; border-radius: 2px; background: #fff; transform: scaleX(0); transform-origin: left center;}
.home-slider__progress-item:focus-visible {outline: 2px solid #fff; outline-offset: 2px;}

/* Кнопки навигации — только на десктопе */
@media (max-width: 991px) {
	.home-slider__nav {display: none;}
}

@media (max-width: 767px) {
	.home-slider__viewport {aspect-ratio: var(--hs-ratio-m, 1080/1350);}
	.home-slider__progress {left: 12px; right: 12px; bottom: 12px;}
}

@media (prefers-reduced-motion: reduce) {
	.home-slider__track {transition: none;}
}