/* >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> >>> */

/* CATALOG WRAP */

.catalog-wrap {
  width: 100%;
}

/* CATALOG */

.catalog-cont {
  box-sizing: border-box;
  width: 100%;
  padding: 20px 30px;
  z-index: 2;
}

/* Catalog PRODUCTS GRID EMPTY */

.сatalog-products-grid-empty figure {
  text-align: center;
}

.сatalog-products-grid-empty figure img {
  width: 100%;
  max-width: 870px;
}

/* Catalog PRODUCTS GRID */

.catalog-products-grid {
  display: flex;
  flex-wrap: wrap;
  transition: opacity 0.2s ease;
}

/* Catalog CARDS */

.catalog-card {
  margin-bottom: 30px;
}

/* Catalog ADAPTIVE product cards */

@media (min-width: 1366px) {
  .catalog-card {
    width: 32%;
    margin-right: 2%;
  }
  .catalog-card:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 1366px) {
  .catalog-card {
    width: 49%;
    margin-right: 2%;
  }
  .catalog-card:nth-child(3n) {
    margin-right: 2%;
  }
  .catalog-card:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 880px) {
  .catalog-card {
    width: 100%;
  }
}

/* Catalog card IMAGE & ANIMATIONS */

.catalog-card-image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  backface-visibility: hidden;
  background-color: #f5f5f5;
  background-image: url("/img/lazy.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.catalog-card-image a {
  line-height: 0;
  display: block;
}

.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
}

.catalog-card-image a img {
  width: 100%;
  transform: scale(1);
  transition: transform 0.3s ease, opacity 0.5s ease;
}

.catalog-card.animate .catalog-card-image img,
.catalog-card-image:hover img {
  transform: scale(1.09);
}

.catalog-card.animate .catalog-card-image + div a.cc-name p,
.catalog-card-image:hover + div a.cc-name p {
  color: #fdae2f;
}

/* Catalog card STATUSES */

.catalog-card-statuses {
  font-size: 0;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  display: inline-block;
}

.catalog-card-statuses span {
  line-height: 30px;
  border: solid 2px white;
  padding: 4px 8px;
  margin: 0 5px 0 0;
  font-size: 12px;
  font-weight: bold;
  color: white;
  border-radius: 6px;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);
}

.catalog-card-statuses .cc-new {
  background-color: #84b914;
}

.catalog-card-statuses .cc-promo {
  background-color: #f8b501;
}
.catalog-card-statuses .cc-set {
  background-color: #ec5c44;
}
.catalog-card-statuses .cc-charity{
  background-color: #6ebabd;
}
/* Catalog card CONTENT */

a.cc-name {
  display: block;
  padding-top: 15px;
  text-decoration: none;
}

a.cc-name p {
  font-size: 15.8px;
  font-weight: bold;
  line-height: 22px;
  transition: color 0.15s linear;
}

a.cc-name:hover p {
  color: #fdae2f;
}

p.cc-price {
  font-weight: bold;
  padding: 7px 0 0 0;
  color: #fdae2f;
}

span.cc-partner {
  font-size: 13.5px;
  display: inline-block;
  padding: 7px 7px 0 0;
}

div.cc-popularity {
  padding: 7px 0 0 0;
  display: inline-block;
}

.cc-rating {
  font-size: 13.5px;
  display: inline-block;
  white-space: nowrap;
  padding: 0 10px 0 0;
  margin-right: -4px;
}

.cc-rating:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiNmZGFlMmYiIHN0cm9rZT0iI2ZkYWUyZiIgc3Ryb2tlLXdpZHRoPSIzNy42MTUyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyNTkuMjE2LDI5Ljk0MiAzMzAuMjcsMTczLjkxOSA0ODkuMTYsMTk3LjAwNyAzNzQuMTg1LDMwOS4wOCA0MDEuMzMsNDY3LjMxIDI1OS4yMTYsMzkyLjYxMiAxMTcuMTA0LDQ2Ny4zMSAxNDQuMjUsMzA5LjA4IDI5LjI3NCwxOTcuMDA3IDE4OC4xNjUsMTczLjkxOSAiLz48L3N2Zz4=);
  display: inline-block;
  content: "";
  background-size: 13px 13px;
  background-position: 0px 0px;
  height: 17px;
  width: 16px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.cc-rating:after {
  display: inline;
  content: "";
  padding-left: 10px;
  border-right: 1px solid #b1b1b1;
}

.cc-review {
  font-size: 13.5px;
  display: inline-block;
  white-space: nowrap;
}

/* ADAPTIVE CATALOG CONTAINER & MAP */

@media (max-width: 880px) {
  .catalog-wrap,
  .catalog-cont {
    width: 100vw;
  }

  .rws.reviews.review-detail.rws-main {
    width: 100vw;
  }

  .catalog-filters-wrap.fixed {
    width: 100%;
  }

  .catalog-card {
    margin-right: 0;
  }
  .catalog-card:nth-child(3n) {
    margin-right: 0;
  }
  .catalog-card:nth-child(2n) {
    margin-right: 0;
  }


.catalog-wrap .catalog-card a.cc-name p {
  font-size: 16px;
  line-height: 19px;
}

.catalog-wrap .catalog-card .cc-price {
  font-size: 15px;
  line-height: 18px;
}

.catalog-wrap .catalog-card .cc-partner,
.catalog-wrap .catalog-card .cc-rating,
.catalog-wrap .catalog-card .cc-review  {
  font-size: 14px;
  line-height: 16px;
}
