.ProductCategory-frame {
  display: grid;
  grid-gap: 0 var(--spaceXl);
  grid-template-columns: 17.5rem 1fr;
  grid-template-areas: "listNav listMain"
 "listFilter listProducts"
 ". listProducts";
}

@media (max-width: 64rem) {
  .ProductCategory-frame {
    grid-template-columns: 14.5rem 1fr;
  }
}

@media (max-width: 48rem) {
  .ProductCategory-frame {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "listMain"
 "listNav"
 "listFilter"
 "listProducts";
  }
}

.ProductCategory-nav {
  grid-area: listNav;
}

.ProductCategory-mainInfo {
  grid-area: listMain;
  margin-bottom: var(--spaceLg);
}

.ProductCategory-filter {
  grid-area: listFilter;
}

@media (max-width: 64rem) {
  .ProductCategory-filter {
    margin-bottom: var(--spaceLg);
  }
}

.ProductCategory-content {
  grid-area: listProducts;
}

.ProductCategory .CategoryFilterSection:not(.is-collapsed) .CategoryFilterSection-title {
  margin-bottom: var(--spaceSm);
}

.ProductCategory .CategoryFilterSection:not(.is-collapsed) .CategoryFilterSection-title svg {
  transform: rotate(180deg);
}

.ProductCategory .CategoryFilterSection-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
  cursor: pointer;
}

.ProductCategory .CategoryFilterSection-title:hover, .ProductCategory .CategoryFilterSection-title:active, .ProductCategory .CategoryFilterSection-title:focus {
  text-decoration: underline;
}

.ProductList {
  transition: var(--animationBase);
}

.ProductList.is-loading {
  opacity: .2;
}

/*# sourceMappingURL=product-category.min.css.map */