.h-bricks__filters-side {
    position: fixed;
    z-index: 610;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow: auto;
    width: 100%;
    max-height: calc(var(--viewport-height) - var(--o-header-height) - 1.25rem);
    margin: 0;
    padding: 0 1.875rem;
    list-style: none;
    transition-timing-function: var(--transition-timing-function-cubic-bezier);
    transition-duration: var(--transition-duration-0-5);
    transition-property: transform, opacity, visibility;
    transform: translateY(100%);
    opacity: 0;
    border-radius: 1.25rem 1.25rem 0 0;
    background-color: var(--color-greyscale-7);
  }

    @media all and (min-width: 1201px) {.h-bricks__filters-side {
      position: static;
      visibility: visible;
      overflow: visible;
      max-height: none;
      padding: 0;
      transition: none;
      transform: none;
      opacity: 1;
      border-radius: 0;
      background-color: transparent
  }
    }

    .h-bricks__filters-side--active {
      visibility: visible;
      transform: translateY(0);
      opacity: 1;
    }

    @media all and (min-width: 1201px) {

    .h-bricks__filters-side--active {
        transform: none
    }
      }

    .h-bricks__filters-side .m-details__summary-span,
    .h-bricks__filters-side .m-details__content {
      padding-inline: 0;
    }
  @media all and (min-width: 1201px) {
  .h-bricks__open-filters-button {
      display: none
  }
    }
  .h-bricks__filters-overlay {
    position: fixed;
    z-index: 600;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition-timing-function: var(--transition-timing-function-cubic-bezier);
    transition-duration: var(--transition-duration-0-5);
    transition-property: opacity, visibility;
    opacity: 0;
    color: var(--color-greyscale-7);
    background-color: rgb(0 0 0 / 0.8);
  }
  @media all and (min-width: 1201px) {
  .h-bricks__filters-overlay {
      display: none
  }
    }
  .h-bricks__filters-overlay--active {
      visibility: visible;
      opacity: 1;
    }
  .h-bricks__filters-overlay-icon {
    position: absolute;
    top: 1.875rem;
    right: 1.375rem;
    width: 1.25rem;
    height: 1.25rem;
    fill: currentColor;
  }
  .h-container .h-bricks__left-column-thin {
      margin-inline: -1.25rem;
    }
  @media all and (min-width: 481px) {
  .h-container .h-bricks__left-column-thin {
        margin-inline: 0
    }
      }
  .h-bricks__left-column-wide {
    display: grid;
    gap: 1.875rem;
  }
  @media all and (min-width: 1201px) {
  .h-bricks__left-column-wide {
      gap: 3.75rem
  }
    }
  .h-bricks__right-column-thin {
    display: grid;
    gap: 1.25rem;
  }
  @media all and (min-width: 1201px) {
  .h-bricks__right-column-thin {
      gap: 1.875rem
  }
    }