/* Homepage banner slider navigation (layout only).
   IMPORTANT: Do not set colors here — keep theme colors as-is. */

.home-page .slider-actions {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 3rem;
  z-index: 20;
  pointer-events: auto;
}

.home-page .slider-actions_numbers {
  display: flex;
  align-items: flex-end;
  padding: 0 1rem;
}

.home-page .slider-actions_numbers_number {
  position: relative;
  font-family: "Proxima Nova Th", sans-serif !important;
}

.home-page .slider-actions_numbers_number:last-child {
  margin-left: 0.5rem;
  padding-left: 0.3rem;
}

.home-page .slider-actions_numbers_number:last-child::before {
  content: "/";
  position: absolute;
  right: 100%;
}

.home-page .slider-actions_numbers_number--current {
  font-size: 2.5rem;
  line-height: 2rem;
}

@media screen and (max-width: 414px) {
  .home-page .slider-actions {
    width: 100%;
    top: 50%;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
  }

  .home-page .slider-actions_action {
    position: absolute;
  }

  .home-page .slider-actions_numbers {
    display: none !important;
  }

  .home-page .slider-actions .prevSlider {
    left: 0;
  }

  .home-page .slider-actions .nextSlider {
    right: 0;
  }
}