/* styles.css */
.xg_header {
  /* ... */
  transition: transform 0.3s, opacity 0.3s; /* Added opacity transition */
  opacity: 1;
  pointer-events: auto;
}

.hidden {
  /* ... */
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}