:root {
    --header-h: 60px;
    --filter-bg: #fff;
    --equals-col-min: 260px;
    --equals-gap: 20px;
}

.filter_sticky .filter__inner{
    position: sticky;
    top: calc(var(--header-h, 60px) + 8px);
    z-index: 20;
    will-change: transform;
    backface-visibility: hidden;
}

.filter_sticky.filter_sticked .filter__inner{
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
    background: var(--filter-bg, #fff);
}

@supports (display: grid){
    .equals{
        display: grid;
        grid-template-columns: repeat(
      auto-fill,
      minmax(var(--equals-col-min, 260px), 1fr)
    );
        gap: var(--equals-gap, 20px);
        align-items: stretch;
    }
    .equals__elem{ height: 100%; }
}

@supports not (display: grid){
    .equals{
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--equals-gap, 20px);
    }
    .equals__elem{
        display: flex;
        flex: 1 1 var(--equals-col-min, 260px);
    }
}
/* fix */
@supports not (gap: 1rem) {
.equals { margin: calc(var(--equals-gap, 20px) / -2); }
.equals__elem { margin: calc(var(--equals-gap, 20px) / 2); }
}

@media (min-width: 993px){
  :root { --header-h: 72px; }
}

@media (prefers-reduced-motion: reduce){
  *{
      animation: none !important;
      transition: none !important;
      scroll-behavior: auto !important;
  }
}