/* ==========================================================================
   Единая навигация слайдеров: белые круглые стрелки в правом нижнем углу
   изображения (обе рядом, prev слева от next), пагинация скрыта.
   Размер круга зависит от ширины слайдера: ~7% ширины, но не меньше 36px
   и не больше 64px. На мобильных — фиксированный уменьшенный размер.
   ========================================================================== */

/* размер круга и отступы — в переменных, чтобы позиция prev считалась сама */
.ep-slider {
  position: relative;

  --ep-size: clamp(36px, 7%, 64px);
  --ep-offset: 24px;
  --ep-gap: 16px;
}

/* --- прячем пагинацию и скроллбар на слайдерах с новой навигацией --- */
.ep-slider .swiper-pagination,
.ep-slider .slide-pagination,
.ep-slider .swiper-scrollbar {
  display: none !important;
}

/* --- прячем старую навигацию (она заменена на .ep-nav) --- */
.ep-slider .slider-one-large__nav,
.ep-slider > .swiper-button-prev,
.ep-slider > .swiper-button-next,
.ep-slider > .full-slider__btn--prev,
.ep-slider > .full-slider__btn--next {
  display: none !important;
}

/* --- кнопки --- */
.ep-nav {
  position: absolute;
  z-index: 5;
  bottom: var(--ep-offset);

  width: var(--ep-size);
  aspect-ratio: 1 / 1;
  height: auto;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: #fff;
  color: #181731;
  cursor: pointer;
  transition: color 0.3s ease, background-color 0.3s ease;
  -webkit-tap-highlight-color: transparent;
}

/* обе стрелки в правом нижнем углу, рядом друг с другом */
.ep-nav--next {
  right: var(--ep-offset);
  left: auto;
}

.ep-nav--prev {
  right: calc(var(--ep-offset) + var(--ep-size) + var(--ep-gap));
  left: auto;
}

.ep-nav svg {
  display: block;
  width: 34%;
  height: auto;
  pointer-events: none;
}

.ep-nav svg path {
  fill: currentColor;
  transition: fill 0.3s ease;
}

.ep-nav:hover {
  color: #FFC700;
}

/* неактивная стрелка (слайдер без loop, край достигнут) */
.ep-nav.ep-nav--disabled {
  color: var(--color-dark-grey, #9E9E9E);
  cursor: default;
  pointer-events: none;
}

/* слайдер целиком помещается — навигация не нужна */
.ep-nav.ep-nav--lock {
  display: none;
}

/* --- «О нас» (/yasno-pole/): узкий, но высокий слайдер — стрелки крупнее --- */
@media (min-width: 992px) {
  .about-section__slider.ep-slider {
    --ep-size: 56px;
  }
}

/* --- планшет --- */
@media (max-width: 991px) {
  .ep-slider {
    --ep-offset: 16px;
  }
}

/* --- мобильные --- */
@media (max-width: 767px) {
  .ep-slider {
    --ep-size: 36px;
    --ep-offset: 12px;
    --ep-gap: 8px;
  }
}

@media (max-width: 480px) {
  .ep-slider {
    --ep-size: 32px;
  }
}

/* --- маленькие слайдеры (миниатюры в карточках «Варианты проживания») --- */
.house-item__swiper.ep-slider,
.ep-slider--sm {
  --ep-size: 28px;
  --ep-offset: 10px;
  --ep-gap: 6px;
}