/* Always above header: fixed at top */
.spm-bar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--spm-h);
  background: var(--spm-bg);
  z-index: var(--spm-z);
  display:flex;
  align-items:center;
  margin:0;
  padding:0;
}

.spm-inner{
  width: min(1200px, 92%);
  margin: 0 auto;
  overflow-x: auto;              /* mobile: horizontal scroll if needed */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  display:flex;
  align-items:center;
  justify-content:center;
}
.spm-inner::-webkit-scrollbar{ display:none; }

.spm-menu{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 18px;
  margin: 0;
  padding: 0 6px;
  white-space: nowrap;
}

.spm-menu a{
  color: var(--spm-text);
  text-decoration:none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  opacity: .92;
}
.spm-menu a:hover{
  opacity: 1;
  color: var(--spm-accent);
}