@media (min-width: 901px) {
  html body.b24-section-open .main-container,
  html body .main-container {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    width: min(1280px, calc(100vw - 32px)) !important;
    max-width: 1280px !important;
    gap: 22px !important;
    margin: 8px auto 32px !important;
    padding: 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    transform: none !important;
  }

  html body .main-container > .filter-bar,
  html body .main-container .filter-bar {
    order: 1 !important;
    flex: 0 0 286px !important;
    width: 286px !important;
    min-width: 286px !important;
    max-width: 286px !important;
    margin: 0 !important;
    transform: none !important;
    direction: rtl !important;
    align-self: flex-start !important;
    justify-self: auto !important;
    position: sticky !important;
    top: 12px !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  html body .main-container > #sectionResultsContainer,
  html body .main-container #sectionResultsContainer {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    direction: rtl !important;
    align-self: flex-start !important;
    justify-self: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  html body #sectionResultsContainer.b24-results-active {
    display: block !important;
  }
}
