.mobile-event-controls { display: none; }
@media (max-width: 920px) {
  .home-search-zone .mobile-event-controls { display: block; margin: 12px 0; position: relative; z-index: 65; }
  .mobile-event-controls .zillow-result-controls { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 8px !important; width: 100% !important; margin: 0 !important; }
  .mobile-event-controls .zillow-result-controls > * { grid-column: 1 / -1; order: 2; min-width: 0; }
  .mobile-event-controls .zillow-result-controls > .category-filter { grid-column: 1; order: 0; width: 100%; }
  .mobile-event-controls .zillow-result-controls > .sort-dropdown { grid-column: 2; order: 1; width: 100%; }
  .mobile-event-controls .cat-dropdown { min-width: 0 !important; width: 100%; }
  .mobile-event-controls .cat-dropdown > summary { display: flex; min-height: 44px; padding: 8px !important; gap: 4px !important; box-sizing: border-box; }
  .mobile-event-controls .cat-dropdown-label { font-size: 12px !important; flex-shrink: 0; }
  .mobile-event-controls .cat-dropdown-count { font-size: 10px !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-event-controls .cat-dropdown-caret { margin-left: auto; flex-shrink: 0; }
  .mobile-event-controls .cat-dropdown-panel { left: 0 !important; right: auto !important; width: min(340px, calc(100vw - 32px)) !important; box-sizing: border-box; max-height: min(40vh, 340px); overflow: auto; }
  .mobile-event-controls .sort-dropdown .cat-dropdown-panel { right: 0 !important; left: auto !important; }
  .mobile-event-controls .hidden-events-reset { margin: 0; justify-self: start; }
  .mobile-event-controls .card-style-toggle { justify-self: start; }
}
@media (max-width: 360px) {
  body:has(.zillow-home) .zillow-header { flex-wrap: wrap; height: auto !important; padding-top: 6px !important; padding-bottom: 8px !important; }
  body:has(.zillow-home) .public-header-actions { flex-basis: 100%; justify-content: flex-end; }
  body:has(.zillow-home) .public-menu { margin-left: auto; margin-right: 0; }
  body:has(.zillow-home) .public-menu-panel { left: auto; right: 0; }
}