/* Płynne pojawianie się przycisku „do góry”. */
.backtop {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 200ms ease,
    visibility 0s linear 200ms;
}

.backtop.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

/* Menu mobilne: JS mierzy wysokość, a CSS animuje otwarcie i zamknięcie. */
@media (max-width: 767px) {
  .favth-collapse {
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition:
      height 350ms ease,
      visibility 0s linear 350ms;
  }

  .favth-collapse.favth-in {
    height: auto;
    overflow-y: auto;
    visibility: visible;
    transition-delay: 0s;
  }

  .favth-collapse.favth-collapsing {
    overflow: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  .backtop,
  .favth-collapse {
    transition-duration: 0.01ms;
    transition-delay: 0ms;
  }
}