@charset "UTF-8";
/**
needs bootstrap function str-replace()
 */
/**
* Метод дополняет svg-sprite.scss.
* Позволяет получить чистый урл элемента спрайта для использования в псевдоэлементах или background-image
* Example: content: url(get-svg-url('checkmark', $user-variables: (fill: 'tomato')));
* Example: background-image: url(get-svg-url('heart', $user-variables: (stroke: 'red', fill: 'pink')));
*/
/**
вертикальные отступы
для каждого цвета указываются в порядке как в $grid-breakpoints
 */
.card_product .card_product__img {
  height: 319px;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767.98px) {
  .card_product .card_product__img {
    height: 160px;
  }
}
.card_product .card_product__article {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #8A8A8B;
  padding-top: 8px;
}
@media (max-width: 767.98px) {
  .card_product .card_product__article {
    font-size: 12px;
    line-height: 18px;
    padding-top: 4px;
  }
}
.card_product .card_product__name {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: #111111;
  margin: 8px 0px 62px 0px;
  word-break: break-all;
}
@media (max-width: 767.98px) {
  .card_product .card_product__name {
    font-size: 12px;
    line-height: 18px;
    margin: 4px 0px 47px 0;
  }
}
.card_product .card_product__name:hover {
  color: #E44315;
}

.card_product__cart {
  height: 46px;
  width: 160px;
  background: #F3F3F3;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: #111111;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
}
@media (max-width: 767.98px) {
  .card_product__cart {
    font-size: 14px;
    line-height: 21px;
    width: calc(100% - 16px);
    height: 37px;
    max-width: 144px;
    bottom: 8px;
  }
}
.card_product__cart:hover {
  /*background: #E44315;
  color: #FFFFFF;*/
}
.card_product__cart:hover .card_product__price {
  border-right: 1px solid #EB6E4B;
}
.card_product__cart .card_product__price {
  width: 104px;
  float: left;
  border-right: 1px solid #D8D9DB;
}
@media (max-width: 767.98px) {
  .card_product__cart .card_product__price {
    width: 87px;
  }
}

.card_product__cart__button {
  display: block;
}
.card_product__cart__button:hover {
  color: #FFFFFF;
}
.card_product__cart__button > svg {
  float: right;
  padding-top: 2px;
  width: 26px;
  height: 26px;
}
@media (max-width: 767.98px) {
  .card_product__cart__button > svg {
    width: 18px;
    height: 18px;
  }
}

.line_product {
  position: relative;
  display: inline-block;
  width: 100%;
}
.line_product .line_product__img {
  position: relative;
  width: 30%;
  margin-right: 20px;
  float: left;
  height: 210px;
}
.line_product .line_product__img a {
  display: block;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}
@media (max-width: 767.98px) {
  .line_product .line_product__img {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}
.line_product .line_product__prop {
  float: left;
  position: relative;
  max-width: 500px;
  height: 210px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .line_product .line_product__prop {
    width: calc(100% - 164px);
  }
}
@media (max-width: 575.98px) {
  .line_product .line_product__prop {
    width: 100%;
  }
}
.line_product .line_product__prop > div {
  padding-bottom: 10px;
}
.line_product .card_product__cart {
  float: right;
  position: relative;
  bottom: 0;
}
@media (max-width: 767.98px) {
  .line_product .card_product__cart {
    display: flex;
    margin: auto;
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .line_product {
    height: auto;
    display: inline-block;
    width: 100%;
  }
}

.line_product__prop__item {
  color: #8A8A8B;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}
.line_product__prop__item span {
  color: #2A2A2A;
}
.line_product__prop__item.brand span {
  text-transform: uppercase;
}

.line_product__name {
  color: #111111;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  word-break: break-all;
}

.annonce_text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #666666;
}

.card_product__more {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #111111;
  text-transform: uppercase;
  text-align: center;
  display: block;
  padding: 8px 0px;
  border-radius: 8px;
}
.card_product__more:hover {
  color: #FFFFFF !important;
  background: #E44315;
}
@media (max-width: 767.98px) {
  .card_product__more {
    line-height: 21px;
    font-size: 14px;
  }
}

.catalog_production_cart {
  border-radius: 12px;
  position: relative;
  background: #ffffff;
  padding: 20px;
}
@media (max-width: 767.98px) {
  .catalog_production_cart {
    padding: 8px;
  }
}