/* FEJLÉC – lefelé görgetéskor elbújik, felfelé előjön */
.fej {
  position: fixed; inset: 0 0 auto 0; z-index: 50; height: var(--fejlec);
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 0 var(--pad); padding-top: env(safe-area-inset-top);
  background: rgba(10, 9, 9, 0); -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px);
  transition: background-color .35s ease;
}
.fej.hatter { background: rgba(10, 9, 9, .82); }
.fej-logo { font: 800 17px/1 var(--font-cim); letter-spacing: .02em; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.fej-logo i { width: 8px; height: 8px; border-radius: 50%; background: var(--piros); }
.kepmod .fej { position: absolute; }
.fej-jobb { display: flex; align-items: center; gap: 8px; }
/* Mozgás megállítása (akadálymentesség: az 5 mp-nél tovább mozgó tartalom megállítható) */
.fej-mozgas { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .1); }
.fej-mozgas-ikon { width: 10px; height: 12px; border-left: 3px solid #fff; border-right: 3px solid #fff; }
.fej-mozgas[aria-pressed="true"] .fej-mozgas-ikon { width: 0; height: 0; border: solid transparent; border-width: 6px 0 6px 10px; border-left-color: #fff; margin-left: 3px; }