/* V2-05.4R.10.2 — active filter opens in normal layout flow below the filter rail. */

.catalogue-smart-filter-section {
  overflow: visible !important;
}

.catalogue-smart-filter-bar {
  position: relative;
  z-index: 2;
}

.catalogue-filter-popover.is-inline-expanded-open > summary {
  border-color: rgba(41, 40, 38, 0.34) !important;
  box-shadow: 0 0 0 1px rgba(41, 40, 38, 0.08) !important;
}

.inline-filter-expansion-panel {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid rgba(20, 24, 28, 0.10);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(20, 24, 28, 0.055);
}

.inline-filter-expansion-panel[hidden] {
  display: none !important;
}

.inline-filter-expansion-panel__content.catalogue-filter-popover__panel {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 16px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

.inline-filter-panel-placeholder {
  display: none !important;
}

/* Explicitly neutralise the superseded floating implementation if stale CSS is cached. */
.catalogue-filter-popover__panel.is-inline-filter-floating-panel {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  .inline-filter-expansion-panel {
    margin-top: 8px;
    border-radius: 12px;
  }

  .inline-filter-expansion-panel__content.catalogue-filter-popover__panel {
    padding: 13px !important;
  }
}