.shop .main {
  display: grid;
}
@media screen and (min-width: 992px) {
  .shop .main {
    grid-template-columns: 3fr 9fr;
  }
}
@media screen and (max-width: 992px) {
  .shop .main .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    background: white;
    z-index: 9999;
    width: 100%;
    height: 100%;
    max-width: 400px;
    border: 1px solid #769840;
  }
}
.shop .main .sidebar {
  transition: all ease 300ms;
}
.shop .main .sidebar.show {
  box-shadow: 0 0 10px #769840;
  transform: translateX(0);
}
.shop .main .sidebar form .form-check-input {
  margin-top: 0;
  border-color: #769840;
}
.shop .main .sidebar form .form-check-input:checked {
  background-color: #769840;
}
.shop .main .sidebar form label {
  font-size: 0.9rem;
}
.shop .main .sidebar form .lvl {
  padding-left: calc((var(--l) - 1) * 2rem);
}
.shop .main .sidebar .categories .h {
  padding: 1rem;
  background: #E6E6E6;
  border-radius: 1rem 1rem 0 0;
}
.shop .main .sidebar .categories > div {
  border-radius: 0 0 1rem 1rem;
  padding: 1rem;
  border: 1px solid #E6E6E6;
}
.shop .main .products-section .topbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}
.shop .main .products-section .filter-btn .bi {
  color: #769840;
}
.shop .main .products-section .filter-btn:hover .bi {
  color: white;
}/*# sourceMappingURL=shop_page.css.map */