.categories {
  padding-top: 30px;
}
.categories .categories_content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 30px;
}
@media screen and (max-width: 1550px) {
  .categories .categories_content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 900px) {
  .categories .categories_content {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 600px) {
  .categories .categories_content {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 10px;
  }
}
.categories .categories_content .item {
  border: 1px solid #858585;
  border-radius: 20px;
  background: #fff;
  height: 200px;
  padding: 25px 24px 30px 30px;
  overflow: hidden;
  position: relative;
  transition: 0.5s;
}
@media screen and (max-width: 600px) {
  .categories .categories_content .item {
    padding: 25px 20px;
    height: 160px;
  }
}
.categories .categories_content .item:hover {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
}
.categories .categories_content .item:hover .picture {
  transform: scale(1.3) translate(5%, 5%);
}
.categories .categories_content .item .name {
  height: 60px;
  margin-bottom: 37px;
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  color: #20201e;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 600px) {
  .categories .categories_content .item .name {
    height: 48px;
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.categories .categories_content .item .quantity, .categories .categories_content .item .price {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #858585;
}
@media screen and (max-width: 600px) {
  .categories .categories_content .item .quantity, .categories .categories_content .item .price {
    font-size: 14px;
  }
}
.categories .categories_content .item .quantity span, .categories .categories_content .item .price span {
  font-size: 20px;
}
@media screen and (max-width: 600px) {
  .categories .categories_content .item .quantity span, .categories .categories_content .item .price span {
    font-size: 16px;
  }
}
.categories .categories_content .item .picture {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: scale(1);
  transition: 0.5s;
}
@media screen and (max-width: 1220px) {
  .categories .categories_content .item .picture {
    width: 110px;
  }
}
@media screen and (max-width: 600px) {
  .categories .categories_content .item .picture {
    width: 190px;
    right: -30px;
    bottom: -20px;
  }
}/*# sourceMappingURL=categories.css.map */