.n-products-grid-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 324px 1fr;
  grid-template-columns: 324px 1fr;
  gap: 48px;
  margin: 80px 0
}
@media screen and (max-width:1023px) {
  .n-products-grid-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
    margin: 64px 0
  }
}
@media screen and (max-width:767px) {
  .n-products-grid-wrap {
    gap: 30px;
    margin: 40px 0
  }
}
.n-products-grid-wrap__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 48px
}
.n-products-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3,1fr);
  gap: 28px
}
@media screen and (min-width:768px) and (max-width:1199px) {
  .n-products-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    gap: 20px
  }
}
@media screen and (max-width:1023px) {
  .n-products-grid-wrap__tags {
    margin-bottom: 40px
  }
  .n-products-grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    gap: 20px
  }
}
@media screen and (max-width:767px) {
  .n-products-grid-wrap__tags {
    margin-bottom: 30px
  }
  .n-products-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 15px
  }
}
.n-products-grid > div {
  min-width: 0
}
.n-products-tag {
  border-radius: 30px;
  background: #3f2021;
  color: #fff;
  padding: 6px 7px 6px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-family: RotondaC,Rotonda,Arial,sans-serif!important;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}
.n-products-tag:hover {
  opacity: .8
}
.n-products-tag::after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.21969 0.21967C6.51258 -0.0732224 6.98735 -0.073224 7.28024 0.21967C7.57307 0.512568 7.57311 0.987346 7.28024 1.28022L4.8105 3.74996L7.28024 6.21969C7.57307 6.51259 7.57311 6.98737 7.28024 7.28025C6.98736 7.57312 6.51259 7.57308 6.21969 7.28025L3.74995 4.81051L1.28022 7.28025C0.987346 7.57312 0.512569 7.57308 0.219671 7.28025C-0.0732235 6.98735 -0.0732236 6.51259 0.219671 6.21969L2.6894 3.74996L0.219671 1.28022C-0.0732235 0.987326 -0.0732235 0.512564 0.219671 0.21967C0.512565 -0.0732224 0.987327 -0.073224 1.28022 0.21967L3.74995 2.68941L6.21969 0.21967Z' fill='%2378747A'/%3E%3C/svg%3E%0A") center no-repeat #fff;
  display: block
}
.n-products-tag--reset {
  background: rgba(63,32,33,.15);
  color: #3f2021
}
.n-products-tag--reset::after {
  background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.21969 0.21967C6.51258 -0.0732224 6.98735 -0.073224 7.28024 0.21967C7.57307 0.512568 7.57311 0.987346 7.28024 1.28022L4.8105 3.74996L7.28024 6.21969C7.57307 6.51259 7.57311 6.98737 7.28024 7.28025C6.98736 7.57312 6.51259 7.57308 6.21969 7.28025L3.74995 4.81051L1.28022 7.28025C0.987346 7.57312 0.512569 7.57308 0.219671 7.28025C-0.0732235 6.98735 -0.0732236 6.51259 0.219671 6.21969L2.6894 3.74996L0.219671 1.28022C-0.0732235 0.987326 -0.0732235 0.512564 0.219671 0.21967C0.512565 -0.0732224 0.987327 -0.073224 1.28022 0.21967L3.74995 2.68941L6.21969 0.21967Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat #3f2021
}