/* ALL ELEMENTS */

/** Блок 5 - Карточки товаров и Слайдеры **/

.product-card { margin: 1px; padding: 14px 20px 20px; background: #FFFFFF; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); border-radius: 5px; max-width: 325px; min-height: 440px;  width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box;
  box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between
}
.product-card--favorite .product-card__favorite { fill: #00A1E5 }
.product-card--last .product-card__have { display: none }
.product-card--last .product-card__last { display: block }
.product-card__img-inner { max-width: 285px; margin-bottom: 10px }
.product-card__img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover }
.product-card__number-likes { display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between
}
.product-card__number-text,
.product-card__number { font-style: normal; font-weight: normal; font-size: 12px; line-height: 24px;
  letter-spacing: 0.2px; color: #585858
}
.product-card__add-favorite { border: none; background: none; -webkit-box-shadow: none; box-shadow: none;
  padding: 0; margin: 0; cursor: pointer
}
.product-card__add-favorite:hover .product-card__favorite { fill: #00A1E5 }

.product-card__add-favorite.active .product-card__favorite { fill: #00A1E5 }

.product-card__add-favorite.active .product-card__favorite path { stroke: #00A1E5 }


.product-card__favorite { -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.product-card__favorite:hover { fill: #00A1E5 }
.product-card__info { display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
  flex-direction: column
}
.product-card__title { margin-bottom: 5px; height: 80px; }
.product-card__name { display: block; font-style: normal; font-weight: 600; font-size: 18px; line-height: 24px;
  text-align: center; letter-spacing: 0.2px; color: #0A0A0A; text-decoration: none; height: 75px;
    display: flex; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.product-card__availability { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 20px }
.product-card__have,
.product-card__last { padding-left: 24px; background-position: left center; background-repeat: no-repeat;
  font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; letter-spacing: 0.2px; color: #474747; text-transform: none
}
.product-card__have { background-image: url("../images/green-circle.svg") }
.product-card__last { display: none; background-image: url("../images/orange-circle.svg") }
.product-card__down { display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
  margin-bottom: 15px
}
.product-card__review { display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center
}
.product-card__review-img { margin-right: 10px }
.product-card__review-amount,
.product-card__review-text { display: block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px;
  letter-spacing: 0.2px; color: #474747; text-transform: none
}
.product-card__review-amount { margin-right: 4px }
.product-card__cost { font-style: normal; font-weight: 450; font-size: 24px; line-height: 34px; letter-spacing: 0.01em;
  text-transform: uppercase; color: #00A1E6
}
.product-card__btns { display: -webkit-box; display: -ms-flexbox; display: flex }
.product-card__btn { border: none; background: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #BCBCBC;
  border-radius: 5px; padding: 13px 0px; font-style: normal; font-weight: 450; font-size: 16px; text-transform: uppercase; line-height: 22px;
  letter-spacing: 0.2px; color: #262626; display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
  align-items: center; width: 100%; cursor: pointer; max-height: 50px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s
}
.product-card__btn--buy { margin-right: 4px }
.product-card__btn--buy:hover { background-color: #FF3535; color: white }
.product-card__btn--card { padding: 9px 40px; max-width: 106px; background-color: #FF3535; border: 2px solid #FF3535 }
.product-card__btn--card:hover { background-color: white }
.product-card__btn--card:hover path { stroke: #FF3535 }
.module-bestseller .owl-carousel .owl-nav.disabled,
.module-featured .owl-carousel .owl-nav.disabled { display: block !important; position: absolute; top: -30px; right: 50px; }
.owl-next { content: ''; width: 24px; height: 24px; }
.owl-next span { display: block; font-size: 0; background-image: url('../images/slider-arrow-right.svg');
  background-position: center; background-repeat: no-repeat;
}
.owl-prev { content: ''; width: 24px; height: 24px; margin-right: 20px; }
.owl-prev span { display: block; width: 100%; font-size: 0; background-image: url('../images/slider-arrow-left.svg');
  background-position: center; background-repeat: no-repeat;
}

.module-featured, .module-bestseller
{
  margin-top: 100px;
}
.module-bestseller h2, .module-featured h2{
  font-weight: 400;
}

@media (max-width: 768px) {

    .module-featured, .module-bestseller
    {
      margin-top: 30px;
    }

    .module-bestseller h2, .module-featured h2{
      margin-top: 50px;
      max-width: 70%;
      font-weight: 450;
      font-size: 32px;
      line-height: 44px;
      text-align: left;
    }

}


@media (max-width: 1199px) {
      .product-card__btn {
          font-size: 14px;
          line-height: 20px;
      }

      .product-card__cost {
          font-style: normal;
          font-weight: 550;
          font-size: 20px;
      }


      .module-help-form h2 {
          font-size: 44px;
          line-height: 54px;
          font-weight: 450;
          margin: 0 0 0 70px;
          text-align: left;
      }


      .module-help-form p {
          margin-left: 130px;
      }


}

.owl-nav{
  position: absolute;
  top: 0;
  right: 0px;
  margin-top: -52px;
  z-index: 100;
}


/* CHOICE-SApcer */
.choice-spacers { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; margin: 0 auto;
  padding-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column
}
.choice-spacers__title { font-weight: 450; font-size: 44px; line-height: 54px; letter-spacing: 1px;
  text-transform: uppercase; color: #0A0A0A; margin: 40px 0 60px 0;
}
@media (max-width: 1024px) {
  .choice-spacers__title { font-size: 36px; line-height: 1.2; z-index: 1; }
}
@media (max-width: 575px) {
  .choice-spacers__title { font-size: 28px; line-height: 38px; margin-bottom: 30px; font-weight: 450; }
}

.choice-spacers__grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr);
  grid-gap: 32px; margin-bottom: 50px
}
@media (max-width: 1024px) {
  .choice-spacers__grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 220px 320px; grid-template-rows: 220px 320px; grid-gap: 22px
  }
}
@media (max-width: 575px) {
  .choice-spacers__grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 174px 194px; grid-template-rows: 174px 194px; grid-gap: 12px; margin-bottom: 12px
  }
}


.choice-spacers__grid_4 { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr);
  grid-gap: 32px; margin-bottom: 50px
}
@media (max-width: 1024px) {
  .choice-spacers__grid_4 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 220px 320px; grid-template-rows: 220px 320px; grid-gap: 22px
  }
}
@media (max-width: 575px) {
  .choice-spacers__grid_4 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 174px 194px; grid-template-rows: 174px 194px; grid-gap: 12px; margin-bottom: 12px
  }
}

.choice-spacers__inner { display: -webkit-box; display: -ms-flexbox; display: flex }
.choice-spacers__card { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;
  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
  -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 36px;
  -webkit-box-shadow: 4px 8px 25px rgba(0, 0, 0, 0.09); box-shadow: 4px 8px 25px rgba(0, 0, 0, 0.09);
  border-radius: 5px
}
@media (max-width: 1024px) {
  .choice-spacers__card:first-child { -webkit-box-orient: horizontal; -webkit-box-direction: normal;
    -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around;
    max-width: 100%; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 2; grid-column-end: 3;
    padding: 0 10px
  }
  .choice-spacers__card:first-child .choice-spacers__img-inner { max-width: 50%; margin-bottom: 0 }
}
@media (max-width: 575px) {
  .choice-spacers__card { padding-bottom: 10px }
}

.choice-spacers__img-inner { max-width: 416px; width: 100%; max-height: 241px; padding-top: 27px; margin-bottom: 27px }
@media (max-width: 575px) {
  .choice-spacers__img-inner { padding-top: 0; margin-bottom: 0 }
}

.choice-spacers__img { width: 100%; max-height: 208px; -o-object-fit: contain; object-fit: contain }
@media (max-width: 575px) {
  .choice-spacers__img { max-height: 120px }
}

.choice-spacers__text { font-weight: 450; width: 204px; font-size: 18px; line-height: 24px; text-align: center; letter-spacing: 1px;
  color: #0A0A0A; margin: 0
}

@media (max-width: 1024px) {
  .choice-spacers__text { font-size: 16px; line-height: 1.2; width: auto; text-align: center;}
}


.choice-spacers__text_4 { font-weight: 450; width: 204px; font-size: 12px; line-height: 24px; text-align: center; letter-spacing: 1px;
  color: #0A0A0A; margin: 0
}

@media (max-width: 1024px) {
  .choice-spacers__text_4 { font-size: 12px; line-height: 1.2; width: auto; text-align: center;}
}

.choice-spacers__link { display: inline-block; font-weight: 600; font-size: 18px; line-height: 24px;
  text-align: center; letter-spacing: 0.01em; text-transform: uppercase; color: #FAFAFA; background: #00A1E6;
  border-radius: 5px; padding: 22px 78px; margin: 0 auto; text-decoration: none; border: 2px solid #00A1E6;
  -webkit-transition: .3s; -o-transition: .3s; transition: .3s
}

@media (max-width: 575px) {
  .choice-spacers__link { display: block; margin: 0 }
}
.choice-spacers__link:hover { background-color: white; color: #00A1E6 }


.choice-spacers__link_empty { display: inline-block; font-weight: 600; font-size: 18px; line-height: 24px;
  text-align: center; letter-spacing: 0.01em; color: #333; background: white;
  border-radius: 5px; padding: 12px 20px; margin: 0 auto; text-decoration: none; border: 1px solid #ccc;
  -webkit-transition: .3s; -o-transition: .3s; transition: .3s;
  width: 49%;
}

@media (max-width: 575px) {
  .choice-spacers__link_empty { display: block; margin: 0 }
}
.choice-spacers__link_empty:hover { color: #000; border: 1px solid #000; }

/* HAVE Amount */
.have-amount { position: relative }
.have-amount .header__amount-span { display: block }
.header__amount-span { width: 25px; height: 25px; background-color: #00A1E6; color: white; text-align: center;
  font-size: 14px; line-height: 25px; border-radius: 50%; position: absolute; bottom: 0; left: 24px; display: none
}

/* ADD Product */
.add-product { position: absolute; top: 45px; right: 0;  width: 100%; -webkit-box-shadow: 4px 8px 25px rgba(0, 0, 0, 0.09);
  box-shadow: 4px 8px 25px rgba(0, 0, 0, 0.09); border-radius: 5px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;
  opacity: 0; z-index: -10; background-color: white; display:none; }

.add-product.active { opacity: 1; z-index: 20; width: 1000%; display:block; }

.add-product__inner { padding: 37px 17px 17px 17px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column
}
@media (max-width: 420px) {
  .add-product__inner { padding: 10px 26px 26px }
}
.add-product__close-btn { border: none; background: none; -webkit-box-shadow: none; box-shadow: none; width: 24px; height: 24px;
  background-image: url("../images/close-btn.svg"); background-repeat: no-repeat; background-position: center; position: absolute;
  top: 5px; right: 5px; cursor: pointer; z-index: 10;
}
.add-product__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #BDBCBC;
  overflow-y: auto; max-height: 320px;
}

@media (max-width: 768px) {
  .add-product__grid { overflow-y: auto; max-height: 220px;}
}


.add-product__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center;
  align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 30px
}
.add-product__img-inner { max-width: 136px; max-height: 100px }
.add-product__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.add-product__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 192px
}
.add-product__text a {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.2px;
    color: #0A0A0A;
    margin: 0;
}
.add-product__text a { display: block !important; width: 100% !important; height: 100% !important }
.add-product__model { display: block }
.add-product__price { font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #0a0a0a;
}
.add-product__delete-btn { border: none; -webkit-box-shadow: none; box-shadow: none; background: none; cursor: pointer }
.add-product__delete-btn:hover { background: none !important; background-color: transparent !important; -webkit-box-shadow: none !important;
  box-shadow: none !important; border-radius: 0 !important
}
.add-product__delete-btn:hover svg path { stroke: #FF3535 }
.add-product svg path { -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.add-product__total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;
  justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 20px;
  margin-bottom: 30px
}
.add-product__total-text { font-style: normal; font-weight: 450; font-size: 18px; line-height: 24px; letter-spacing: 0.2px; color: #0A0A0A }
.add-product__total-price { font-weight: 600; font-size: 24px; line-height: 34px; letter-spacing: 0.01em; color: #0A0A0A }
.add-product__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
  -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column
}
.add-product__link-order { display: block; font-weight: 600; font-size: 18px; line-height: 24px; letter-spacing: 0.01em;
  text-transform: uppercase; color: #FAFAFA; background: #FF3535; border-radius: 5px; margin-bottom: 40px; text-align: center;
  padding: 20px 0; border: 2px solid #FF3535; text-decoration: none; width: 100% !important; height: auto !important;
  position: static !important; right: 0 !important
}
.add-product__link-order:hover { color: #FF3535 !important; background-color: transparent !important }
.add-product__link-cart { font-weight: 450; font-size: 18px; line-height: 24px; letter-spacing: 0.2px; -webkit-text-decoration-line: underline;
  text-decoration-line: underline; color: #0A0A0A; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;
  width: 100% !important; height: auto !important; position: static !important; right: 0 !important; text-align: center !important
}
.add-product__link-cart:hover { background: none !important; color: #0A0A0A !important; background-color: transparent !important;
  -webkit-text-decoration-line: none !important; text-decoration-line: none !important; -webkit-box-shadow: none !important;
  box-shadow: none !important; border-radius: 0 !important
}
@media (max-width: 590px) {
  .add-product__card { -ms-flex-wrap: wrap; flex-wrap: wrap }
  .add-product__info { width: 100%; max-width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
  .add-product { padding: 50px 26px 26px; top: 60px; right: 20px;  display:none; }
  .add-product.active { opacity: 1; z-index: 9; width: calc(100vw - 40px); display:block; height: 480px; padding: 5px 0; }
}