.vt-tepsi { position: fixed; left: 50%; bottom: 20px; z-index: 60; width: max-content; max-width: calc(100vw - 32px); transform: translateX(-50%); }
.vt-tepsi[hidden] { display: none; }
.vt-tepsi-ic {
  display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 14px;
  border: 1px solid var(--ucuz-border-guc); border-radius: var(--r-xl); background: var(--ucuz-panel); box-shadow: 0 18px 44px rgba(0,0,0,.5);
}
.vt-tepsi-liste { display: flex; gap: 8px; min-width: 0; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
.vt-tepsi-liste li {
  display: inline-flex; align-items: center; gap: 8px; flex: none; max-width: 260px; height: 40px; padding: 0 6px 0 4px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-dark); font-size: calc(var(--px) * 14); white-space: nowrap;
}
.vt-tepsi-liste img, .vt-tepsi-ikonsuz { flex: none; width: 30px; height: 30px; border-radius: 4px; }
.vt-tepsi-ikonsuz { background: var(--ucuz-yukselti); }
.vt-tepsi-ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.vt-tepsi-sv { flex: none; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ucuz-gold-yazi); }
.vt-tepsi-liste button { display: inline-grid; place-items: center; flex: none; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--ucuz-sonuk); cursor: pointer; }
.vt-tepsi-liste button:hover { color: var(--ucuz-metin); background: var(--ucuz-yukselti); }
.vt-tepsi-dolu { margin: 0; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk); }
.vt-tepsi-eylem { display: flex; align-items: center; gap: 8px; flex: none; }
.vt-tepsi-temizle { height: 40px; background: transparent; border-color: transparent; color: var(--ucuz-metin); }
.vt-tepsi-git { height: 40px; }
body:has(.vt-tepsi:not([hidden])) #ana-icerik { padding-bottom: calc(var(--px) * 96); }

@media (max-width: 767.98px) {
  .vt-tepsi { left: 16px; right: 16px; bottom: 12px; width: auto; max-width: none; transform: none; }
  .vt-tepsi-ic { flex-wrap: wrap; }
  .vt-tepsi-liste { flex-basis: 100%; }
  .vt-tepsi-liste li { max-width: none; padding-right: 2px; }
  .vt-tepsi-ad { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
  .vt-tepsi-eylem { margin-left: auto; }
  body:has(.vt-tepsi:not([hidden])) #ana-icerik { padding-bottom: calc(var(--px) * 150); }
}