.site-banner { position: fixed; z-index: 150; inset: 0 0 auto; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 11px; align-items: center; min-height: 42px; padding: 9px clamp(16px, 4vw, 54px); border-bottom: 1px solid rgba(222, 190, 112, .42); color: #ede7d2; background: linear-gradient(90deg, rgba(42, 28, 19, .98), rgba(19, 45, 45, .98), rgba(42, 28, 19, .98)); box-shadow: 0 10px 35px rgba(0, 0, 0, .38); font-family: Inter, system-ui, sans-serif; }
.site-banner[hidden] { display: none; }
.site-banner > span { color: #e3bd67; }
.site-banner p { margin: 0; overflow: hidden; font-size: 11px; font-weight: 700; line-height: 1.45; text-align: center; text-overflow: ellipsis; }
.site-banner small { color: #bda96f; font-size: 7px; font-weight: 850; letter-spacing: .16em; white-space: nowrap; }
body.has-site-banner { padding-top: 42px; }

@media (max-width: 600px) {
  .site-banner { gap: 8px; min-height: 38px; padding: 7px 10px; }
  .site-banner p { display: -webkit-box; overflow: hidden; font-size: 9px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .site-banner small { display: none; }
  body.has-site-banner { padding-top: 38px; }
}