.ProductListCell.ng-scope {
  flex: 0 1 33.3%;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 0 25px 0 25px;
}
/* .ProductListCell.ng-scope:nth-child(3n) {
  border-right: 1px solid #eee;
} */
.ProductListModule .ProductList {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  border-left: 1px solid #eee;
}

.ProductListModule .ProductList .ProductListItem {
  display: flex !important;
  flex-direction: column;
}
.ProductListModule .ProductList .ProductListItem .ProductImage {
  width: 150px !important;
  margin: 0 auto;
}

.ProductListModule .ProductList .ProductListItem .ProductDetails {
  padding: 0 !important;
}

.ProductListModule .ProductList .ProductListItem .ProductDetails .ProductDetailsTop .ProductName {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 40px;
  font-size: 14px !important;
}
.ProductListItem .ProductDetails {
  height: auto !important;
}
.ProductListModule .ProductList .ProductListItem .ProductDetails .ProductDetailsTop {
  padding-top: 1.2rem;
}

.ProductListModule .ProductList .ProductListItem .ProductDetails .ProductDetailsTop .Prices .PriceDiscount {
  font-size: 21px !important;
  color: #111;
}

.ProductListModule .ProductList .ProductListItem .ProductDetails .ProductDetailsTop .Prices .ListPrice {
  font-size: 14px !important;
}

.ProductListModule .ProductList .ProductListItem .ProductDetails .ProductDetailsTop .Prices .PriceList {
  color: #111;
  font-size: 21px !important;
}
.ProductListModule .ProductList .ProductListItem .ProductDetails .ProductDetailsTop .Prices .Price {
  font-size: 21px !important;
  color: #111;
}

.ProductListModule .ProductList .ProductListItem .product-options {
  border: 1px solid #eee !important;
  font-size: 12px !important;
  padding: 10px 15px !important;
}

#SpecialOfferDetail .SpecialOffersBuyList,
#SpecialOfferDetail .SpecialOffersGetList {
  display: flex !important;
  flex-wrap: wrap;
  align-content: center;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee !important;
}
#SpecialOfferDetail .SpecialOffersSeperator {
  border: 0 !important;
}
#SpecialOfferDetail .SpecialOffersGetList .ng-scope.OddArticle,
#SpecialOfferDetail .SpecialOffersGetList .ng-scope.EvenArticle,
#SpecialOfferDetail .SpecialOffersBuyList .ng-scope.OddArticle,
#SpecialOfferDetail .SpecialOffersBuyList .ng-scope.EvenArticle {
  flex: 0 1 33.3%;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  padding: 0 25px 0 25px;
}

#SpecialOfferDetail .SpecialOffersBuyList.DashedSeperator,
#SpecialOfferDetail .SpecialOffersGetList.DashedSeperator {
  border-right: 0 !important;
  padding: 0;
}
.PanelWithButton {
  flex: none;
  width: 100%;
  margin: 0 !important;
  border-bottom: 1px solid #eee;
  border-left: 0 !important;
  border-right: 1px solid #eee;
  border-top: 0 !important;
}
.PanelWithButton:hover {
  border: none !important;
  border-bottom: 1px solid #eee;
  border-left: 0 !important;
  border-right: 1px solid #eee;
  border-top: 0 !important;
  box-shadow: none !important;
}
#SpecialOfferDetail .SpecialOffersBuyList,
#SpecialOfferDetail .SpecialOffersGetList {
  width: 100% !important;
  margin: 20px 0 0 0;
}
.PanelWithButton h2 {
  font-size: 25px;
  font-weight: 600;
}
#LeftNav:is(.SpecialOffersLeftNav) {
  display: none !important;
}
@media (max-width: 1124px) {
  .ProductListCell.ng-scope {
    flex: 0 1 50%;
  }
  #SpecialOfferDetail .SpecialOffersGetList .ng-scope.OddArticle,
  #SpecialOfferDetail .SpecialOffersGetList .ng-scope.EvenArticle,
  #SpecialOfferDetail .SpecialOffersBuyList .ng-scope.OddArticle,
  #SpecialOfferDetail .SpecialOffersBuyList .ng-scope.EvenArticle {
    flex: 0 1 50%;
  }
  .ProductListModule .ProductList .ProductListItem .ProductDetails .ProductDetailsTop .ExclusiveOffers .ExclusiveOfferButton svg-icon {
    width: 20px !important;
    height: 29px !important;
  }
  .ProductListModule .ProductList .ProductListItem .ProductDetails .ProductDetailsTop .ExclusiveOffers .ExclusiveOfferButton span {
    font-size: 14px;
  }
  .Rating .Star {
    width: 15px !important;
    height: 12px !important;
  }
  .Layout_Phone .ProductListModule .ProductList {
    border-top: 0 !important;
  }
  .ProductListModule .ProductList .ProductListItem .ProductDetails .ProductAction .Button.vi-btn.vi-btn--primary {
    max-width: 100% !important;
  }
  .ProductListModule .ProductList .ProductListItem .ProductDetails .ProductDetailsTop .ExclusiveOffers .ExclusiveOfferButton {
    display: none !important;
  }
  .Layout_Phone .ProductListModule .ProductList .ProductListItem .ProductImage {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .ProductListModule .ProductList .ProductListItem .ProductDetails .ProductDetailsTop .ProductName {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

@media (max-width: 400px) {
  .ProductListCell.ng-scope {
    padding: 0 15px;
  }
  #SpecialOfferDetail .SpecialOffersGetList .ng-scope.OddArticle,
  #SpecialOfferDetail .SpecialOffersGetList .ng-scope.EvenArticle,
  #SpecialOfferDetail .SpecialOffersBuyList .ng-scope.OddArticle,
  #SpecialOfferDetail .SpecialOffersBuyList .ng-scope.EvenArticle {
    padding: 0 15px;
  }
}

.ProductListModule .ProductListTools .ProductListLayout,
.ProductListModule .ProductListFooterTools .ProductListLayout {
  display: none !important;
}