.o-filters__horizontal, .o-filters__drawer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.o-filters__drawer {
  position: sticky;
  top: calc(100% - 6rem);
  z-index: 10;
  padding: 0;
  width: auto;
  margin: 0 auto;
  z-index: 12;
}
.o-filters__drawer--top {
  transition: top var(--default-transition-easing) var(--default-transition-timing);
  top: calc(var(--header-main-height) + 5rem);
}
@media screen and (min-width: 768px) {
  .o-filters__drawer--top {
    top: calc(var(--header-height) + 5rem);
  }
}
.o-filters__drawer--mobile-top {
  transition: top var(--default-transition-easing) var(--default-transition-timing);
  top: calc(var(--header-main-height) + 5rem);
  margin-bottom: 3.5rem;
}
@media screen and (min-width: 990px) {
  .o-filters__drawer--mobile-top {
    top: calc(100% - 6rem);
    margin-bottom: 0;
  }
}

.u-sticky-header-hidden .o-filters__drawer--top {
  top: calc(var(--header-main-height) + 5rem);
}
.u-sticky-header-hidden .o-filters__drawer--mobile-top {
  top: calc(var(--header-main-height) + 5rem);
}
@media screen and (min-width: 990px) {
  .u-sticky-header-hidden .o-filters__drawer--mobile-top {
    top: calc(100% - 6rem);
  }
}