/* Tipbar blokk – mindig a topbar alatt ragad */
.tipbar{
  position: sticky;
  top: var(--topbar-h);
  z-index: 900;
  background: var(--tip-bg);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
/* belső sáv: rejtett túlcsordulás, maszkolt szélek */
.tipbar-inner{
  position: relative;
  overflow: hidden;   /* ne legyen vertikális növekedés */
  white-space: nowrap;  /* minden .tipbar-track egy sorban marad */
  padding: 8px 0;
  font-size: 14px;
  -webkit-mask-image: linear-gradient(to right, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, black 24px, black calc(100% - 24px), transparent 100%);
  scrollbar-width: auto;
}
.tipbar-inner::-webkit-scrollbar{ display:none; }

/* A futó „futópálya” (JS hozza létre), GPU-barát animáció */
.tipbar-runway{
  display: inline-flex;
  will-change: transform;
}

/* a futó tartalom */
.tipbar-track{
  display: inline-block;
  padding: 0 12px;
  white-space: nowrap;  /* biztonságból itt is */
}

/* mobilon teljes szélesség, nagyobb kijelzőn középre igazított max szélesség */
@media (min-width:768px){
  .tipbar-inner{ max-width: var(--page-max); margin: 0 auto; }
}
@media (min-width:1440px){
  .tipbar-inner{ max-width: var(--page-max); margin: 0 auto; }
}