.header-cat {
  position: relative;
  z-index: 1000;
  transition: transform 0.5s ease, opacity 0.2s ease;
}

.header-cat.hide-cat {
  transform: translateY(-150%);
  opacity: 0;
}

.header-cat.show-cat {
  transform: translateY(0);
  opacity: 1;
}