@media (max-width: 1120px) {
  .archive-filter-modal-layer { position: fixed; inset: 0; z-index: 12020; pointer-events: none; }
  .archive-filter-modal-layer > :is([data-filter-sheet], .filter-sheet-overlay) { pointer-events: auto; }
  html body.filter-sheet-open .site-header { visibility: hidden !important; pointer-events: none !important; }
  html body.filter-sheet-open [data-filter-sheet] { overflow: hidden !important; border-radius: 24px 24px 0 0 !important; }
  html body [data-filter-sheet] {
    height: calc(100dvh - max(8px, env(safe-area-inset-top, 0px))) !important;
    max-height: none !important;
    min-height: 0 !important;
    bottom: 0 !important;
    z-index: 12010 !important;
  }
  html body.filter-sheet-open .filter-sheet-overlay { z-index: 12000 !important; }
  html body [data-filter-sheet] :is(.filter-sheet__head, .venues-sidebar__head) { min-height: 68px; justify-content: flex-start; padding: 12px 76px 12px 20px !important; }
  html body [data-filter-sheet] .filter-sheet__title { font-size: 1.3rem; }
  html body [data-filter-sheet] .filter-sheet__close { width: 44px; height: 44px; border-radius: 12px !important; }
  html body.filter-sheet-open [data-filter-sheet] .filter-sheet__body { flex: 1 1 auto !important; min-height: 0; overflow-y: auto !important; padding: 16px 20px 24px !important; }
  html body [data-filter-sheet] :is(.era-filter-control, .venue-filter-stack) { background: transparent !important; border: 0 !important; padding: 0 !important; display: grid; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  html body [data-filter-sheet] .era-filter-control > .kicker { display: none; }
  html body [data-filter-sheet] .era-filter-control__buttons { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  html body [data-filter-sheet] .archive-filter-dropdown { background: #222 !important; border: 1px solid #444 !important; border-radius: 16px !important; padding: 0 !important; overflow: hidden; width: 100% !important; }
  html body [data-filter-sheet] .archive-filter-dropdown > :is(.archive-filter-group__title, .venue-filter-group__title) { display: none !important; }
  html body [data-filter-sheet] .archive-filter-dropdown__trigger { display: flex !important; align-items: center; gap: 12px; min-height: 60px; padding: 16px !important; width: 100%; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #f4f1e9; text-align: left; }
  html body [data-filter-sheet] .archive-filter-dropdown__label { flex: 1; font-size: 1rem; }
  html body [data-filter-sheet] .archive-filter-dropdown__count { flex: 0 0 auto; color: #bbb7af; font-size: 0.8rem; }
  html body [data-filter-sheet] .archive-filter-dropdown__trigger::after { display: block !important; position: static !important; }
  html body [data-filter-sheet] .archive-filter-dropdown__panel { display: none !important; position: static !important; border: 0 !important; background: transparent !important; padding: 0 12px 12px !important; }
  html body [data-filter-sheet] .archive-filter-dropdown.is-open > .archive-filter-dropdown__panel { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; }
  html body [data-filter-sheet] :is(.archive-filter-option, .venue-filter-option) { display: grid !important; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 48px !important; width: 100% !important; padding: 12px !important; margin: 0 !important; background: #191919 !important; border: 1px solid transparent !important; border-radius: 10px !important; color: #e8e5de !important; text-align: left; line-height: 1.3; }
  html body [data-filter-sheet] :is(.archive-filter-option, .venue-filter-option):has(input:checked) { background: rgba(226, 35, 40, 0.12) !important; border-color: #e22328 !important; }
  html body [data-filter-sheet] :is(.archive-filter-option, .venue-filter-option) input { position: static !important; opacity: 1 !important; appearance: auto !important; width: 18px !important; height: 18px !important; margin: 0 !important; accent-color: #e22328; }
  html body [data-filter-sheet] :is(.archive-filter-option, .venue-filter-option):focus-within { outline: 2px solid #f4f1e9; outline-offset: -2px; }
  html body [data-filter-sheet] .archive-filter-dropdown__panel.mobile-promotion-picker { max-height: min(48dvh, 420px) !important; overflow-y: auto !important; overscroll-behavior: contain; }
  html body [data-filter-sheet] .mobile-filter-search { display: block; position: sticky; top: 0; z-index: 2; background: #222; padding: 4px 0 8px; }
  .mobile-filter-search__label { display: block; font-size: 0.8rem; color: #bbb7af; margin: 0 0 6px; }
  html body [data-filter-sheet] .mobile-filter-search input { box-sizing: border-box; width: 100%; min-height: 48px; border: 1px solid #666; border-radius: 10px; background: #111; color: #f4f1e9; font: inherit; padding: 10px 12px; }
  .mobile-filter-search input:focus-visible { outline: 2px solid #f4f1e9; outline-offset: 2px; }
  .mobile-filter-search__empty { margin: 4px 12px; color: #bbb7af; font-size: 0.9rem; }
  html body [data-filter-sheet] [hidden] { display: none !important; }
  html body [data-filter-sheet] .filter-sheet__footer { flex: 0 0 auto; padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)) !important; background: #191919; }
  html body [data-filter-sheet] .filter-sheet__btn { min-height: 48px; border-radius: 12px !important; }
}
