.slider-backgrounds,
  .slider-headings {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .slider-bg-item,
  .slider-heading-item {
    position: absolute;
    top: 0;
    width: 100%; height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
  }
  .slider-bg-item.active,
  .slider-heading-item.active {
    opacity: 1;
  }
  .slider-bg-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* ----- Style dla Nawigacji ----- */
  .slider-nav-item {
    cursor: pointer; opacity: 0.6; transform: scale(1);
    border: 2px solid transparent; border-radius: 0.5rem;
    transition: all 0.3s ease-in-out;
    background: none; padding: 0;
  }
  .slider-nav-item:hover {
    opacity: 1; transform: scale(1.05);
  }
  .slider-nav-item.active {
    opacity: 1; transform: scale(1.1);
    border-color: #A5A1FF; /* Przykładowy kolor aktywacji */
  }
  .slider-nav-item .p-0.5 { transition: all 0.3s ease-in-out; }
  .slider-nav-item.active .p-0.5 { border-color: transparent; }

/* Klasa do ukrywania paska przewijania we wszystkich przeglądarkach */
.scrollbar-hide::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

html {
	scroll-behavior: smooth;
}