#category {
  display: flex;
  gap: var(--MainGap);
  flex-direction: column;
}
#category h1.title {
  flex: 0 0 100%;
}
#category .catalog-line {
  display: flex;
  gap: var(--MainGap);
}
#category .catalog-line:not(:has(.share-filter)) .product-list {
  --InLine:5;
}
#category .catalog-line .left-menu {
  flex: 0 0 var(--320);
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
#category #main-filters form {
  gap: var(--MainGap);
  row-gap: var(--20);
  display: none;
  flex-wrap: wrap;
}
#category #main-filters form:not(:has([data-am])), #category #main-filters form:has([data-am]:not([data-am="0"])) {
  display: flex;
}
#category #main-filters form .btn {
  padding: var(--6) var(--24);
}
#category #main-filters form .filter {
  position: relative;
}
#category #main-filters form .filter:hover dd {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: perspective(var(--1000)) rotateX(0deg);
}
#category #main-filters form .filter dt {
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-size: var(--18);
  font-weight: 400;
  line-height: var(--26);
  padding: var(--6) var(--53) var(--6) var(--19);
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--Stroke-gr);
  background: linear-gradient(84deg, rgba(74, 74, 74, 0.25) 14.37%, rgba(42, 41, 41, 0.25) 86.91%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--13));
  white-space: nowrap;
}
#category #main-filters form .filter dt:after {
  content: "";
  display: block;
  background: url("/images/arrow-bottom.svg") center center/contain no-repeat;
  width: var(--14);
  height: var(--14);
  position: absolute;
  right: var(--19);
  top: 50%;
  transition: all 0.3s linear;
  transform: translateY(-50%);
}
#category #main-filters form .filter dd {
  padding: var(--9) 0 var(--9) var(--19);
  margin: var(--20) 0 0;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  min-width: 100%;
  border-radius: var(--BorderRadius);
  border: var(--1) solid rgba(153, 153, 153, 0.4);
  background: linear-gradient(151deg, rgba(74, 74, 74, 0.5) 30.84%, rgba(42, 41, 41, 0.5) 79.16%);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.07);
  backdrop-filter: blur(var(--9));
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform-origin: top center;
  transform: perspective(var(--1000)) rotateX(-90deg);
  transition: all 0.3s linear, pointer-events 0s linear;
  width: var(--300);
}
#category #main-filters form .filter dd:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: var(--30);
  top: calc(-1 * var(--30));
}
#category #main-filters form .filter dd ul {
  padding: 0 var(--19) 0 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--10);
  max-height: var(--200);
  overflow: auto;
}
#category #main-filters form .filter dd ul li {
  position: relative;
}
#category #main-filters form .filter dd ul li:has(.cb[data-am="0"]) {
  display: none;
}
#category #main-filters form .filter dd ul li .cb + label {
  font-size: var(--16);
}
#category #main-filters form .filter:not(:has(.cb:not([data-am="0"]))) {
  display: none;
}
#category #main-filters form .filter:has(li:first-child:last-child) {
  display: none;
}
#category #main-filters .share-filter {
  position: sticky;
  top: var(--100);
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
#category #main-filters .share-filter.filter-visible .btn.stk {
  top: 100%;
  margin-top: var(--MainGap);
}
#category #main-filters .share-filter .share-list {
  position: relative;
  z-index: 1;
}
#category #main-filters .share-filter .btn.stk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 0;
  margin: 0;
}
#category .product-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
#category .product-list:has(.empty-products) .status-line {
  display: none;
}
#category .product-list .status-line {
  display: flex;
  gap: var(--MainGap);
}
#category .product-list .status-line .item {
  display: flex;
  align-items: center;
  gap: var(--10);
}
#category .product-list .status-line .item label {
  cursor: pointer;
  color: var(--D_gray);
  font-size: var(--16);
  line-height: var(--24);
}
#category .product-list .status-line .item .text {
  border-radius: var(--BorderRadius);
  border: var(--1) solid var(--gray);
  font-size: var(--18);
  line-height: var(--26);
  padding: var(--6) var(--50) var(--6) var(--19);
  background: url("/images/select.svg") right var(--19) center/var(--10) no-repeat;
  appearance: none;
}

.share-list .list {
  overflow: hidden;
  display: flex;
  scroll-behavior: smooth;
  scroll-snap-type: both mandatory;
  -webkit-overflow-scrolling: touch;
}
.share-list .list .share {
  flex: 0 0 100%;
  scroll-snap-align: center;
  cursor: pointer;
}

/*# sourceMappingURL=category.css.map */