/* main-category / default — from 992 px the filter panel is a column beside the grid (left, or right with filter_side),
   on phones it stays the side sheet of _axes.css. Tokens only. */
@media (min-width: 992px) {
  [data-section="main-category"][data-variant="default"] .et-listing__filters {
    position: static;
    z-index: auto;
    flex: 0 0 var(--et-listing-sidebar, 16.25rem);
    width: auto;
    padding: calc(var(--et-block-pad) * 0.7143);
    border: var(--et-border-width) solid var(--et-border);
    border-radius: var(--et-card-radius);
    box-shadow: none;
    transform: none;
    visibility: visible;
    transition: none;
  }
  [data-section="main-category"][data-variant="default"] .et-listing--right .et-listing__filters { order: 2; }
  [data-section="main-category"][data-variant="default"] :is(.et-listing__panel-head, .et-listing__panel-foot, .et-listing__overlay, .et-listing__filter-btn) { display: none; }
  [data-section="main-category"][data-variant="default"] .et-listing__panel-body { overflow: visible; padding: 0; }

  /* the module draws its own card: no second box around it */
  [data-section="main-category"][data-variant="default"] .et-listing--ef .et-listing__filters { padding: 0; border: 0; background: none; }
  [data-section="main-category"][data-variant="default"] .et-listing--ef .et-listing__panel-body > * + * { margin-top: var(--et-grid-gap); }

  html[data-surface="flat"] [data-section="main-category"][data-variant="default"] .et-listing__filters { border-color: transparent; }
  html[data-surface="raised"] [data-section="main-category"][data-variant="default"] .et-listing:not(.et-listing--ef) .et-listing__filters { border-color: transparent; box-shadow: var(--et-shadow-lg); }
}