/* Стили Саши  */

.header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
  transition: all 0.3s ease;
  overflow: hidden;
}

.header__top {
  transition: all 0.3s ease;
}

.header__bottom {
  transition: all 0.3s ease;
  background: #fff;
}

.header--compact .header__top {
  opacity: 0.9;
  transform: translateY(-100%);
  opacity: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

.header--compact .header__bottom {
  transform: translateY(0%);
  background: #fff;
}