/* Demo sayfalarının ortak üst şeridi */
.demo-serit {
  position: relative; z-index: 100;
  display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;
  padding: 8px 16px;
  background: #0E1033; color: #DAD6FF;
  font: 400 14px/1.4 'Segoe UI', system-ui, sans-serif;
  text-align: center;
}
.demo-serit a {
  color: #fff; font-weight: 600; text-decoration: none;
  background: #5B4BDB; padding: 5px 12px; border-radius: 6px;
}
.demo-serit a:hover { background: #4436B8; }
.demo-serit a:focus-visible { outline: 3px solid #8E7CF6; outline-offset: 2px; }
@media (max-width: 479px) {
  .demo-serit { font-size: 13px; padding: 8px 12px; }
  .demo-serit a { padding: 8px 12px; }
}