.mobile-filter-head { display: none; }

@media (max-width: 900px) {
  #mobile-filter { width: auto; min-width: 78px; height: 36px; font-size: 12px; white-space: nowrap; }
  .scene-toolbar { grid-template-columns: minmax(0, 1fr) 78px; }
  body.filters-open::before { content: ''; position: fixed; inset: 0; z-index: 7; background: #0009; }
  body .sidebar {
    box-sizing: border-box; position: fixed; top: var(--header); right: 0; bottom: 0; left: auto;
    width: min(80vw, 312px); max-width: 100%; z-index: 8; overflow-y: auto;
    padding: 0 16px max(24px, env(safe-area-inset-bottom));
    border: 1px solid #40505b; border-right: 0; border-bottom: 0;
    border-radius: 14px 0 0 0; box-shadow: -12px 0 40px #000a; overscroll-behavior: contain;
  }
  body.filters-open .sidebar { display: block; }
  .sidebar .intro, .sidebar .related-atlas, .sidebar .catalog-total { display: none; }
  .mobile-filter-head {
    position: sticky; top: 0; z-index: 2; display: flex; align-items: center;
    justify-content: space-between; height: 56px; margin-bottom: 15px;
    border-bottom: 1px solid #3c4b56; background: #080d13;
  }
  .mobile-filter-head strong { font: 600 16px system-ui, sans-serif; color: #edf3f7; }
  .mobile-filter-head button {
    width: 40px; height: 40px; padding: 0; border: 0; border-radius: 8px;
    background: #ffffff0a; color: #edf3f7; font: 26px/1 system-ui, sans-serif;
  }
}