.shop .filters{
  gap: 40px;
}
.shop .filterGroup{
  gap: 24px;
}
.shop .filtersType, .shop .filtersColor{
  gap: 16px;
}
.shop .filterGroup .chipFilter{
  width: auto;
  height: 32;
  gap: 10px;
  border-radius: 20px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}


.shop .filterGroup .chipFilter:hover {
  background-color: #ffffff48;
}

.shop .filterGroup .chipFilter.active {
  background-color: #fff;
  color: #000;
}
.shop .filterGroup .chipFilter.chipFilter-color.active {
  color: #000;
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-green {
  background-color: #A3FF3C;
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-yellow {
  background-color: #FFFF3C;
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-orange {
  background-color: #f39119; 
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-red {
  background-color: #FF3C3C;
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-blue {
  background-color: #3c69ff;
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-pink {
  background-color: #FF3CCF;
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-purple {
  background-color: #B63CFF;
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-brown {
  background-color: #A36B3C;
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-gray {
  background-color: #A3A3A3;
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-black {
  background-color: #3b3939;
  color: white;
}
.shop .filterGroup .chipFilter.chipFilter-color.active.chipFilter-color-white {
  background-color: #FFFFFF;
}

.filtersColor.hGroup{
  flex-wrap: wrap;
}




@media screen and (max-width: 770px) {
  .shop .filters .filterGroup .filtersType,
  .shop .filters .filterGroup .filtersColor{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }
  .shop .pomCard{

    width: 100% !important;
    min-width: 100% !important;
  }
  /* .shop .pomCard .cart-controls{
    display: flex;
    flex-direction: row;
    display: none;
  }
  .shop .pomCard .cart-controls img{
    display: none;
  }
  .shop .pomCard .description{
    flex-direction: row;
  }

  .shop .pomCard .controls{
    flex-direction: row;
  } */
  .shop .pomCard img.shadow{
    top: 22.5rem !important;
  }
}

@media screen and (min-width: 500px) and (max-width: 770px) {
  .shop .pomCard {
    max-width: 70% !important;
    min-width: unset !important;
  }
  .shop .pomCard img.shadow {
    top: 25.5rem !important;
}
}