@charset "UTF-8";
/**
 * подключаем доп. стили
 */
/**
 * размер рабочей области + отступы
 * xs не меняем
 */
/**
 * размер экрана + допустимое расстояние по бокам
 * xs не меняем
 */
/**
 * медиа-запрос для 1 интервала
 */
/**
 * медиа-запрос для 1 интервала, включая все интервалы ниже
 * либо для нескольких интервалов, строго для каждого
 */
/**
 * hover на десктопной версии и active на мобильной
 */
/**
 * размер
 */
/**
 * круг, можно задать цвет, границу и также ее цвет
 */
/**
 * placeholder для разных браузеров
 */
/**
 * gradient
 */
/**
 * clearfix
 */
.complect-wr {
  padding: 10px 0; }
  @media only screen and (max-width: 747px) {
    .complect-wr {
      border-bottom: 1px solid #eeeeee; } }
  .complect-wr__price {
    background: white;
    box-shadow: -5px 0px 10px -4px rgba(0, 0, 0, 0.2);
    z-index: 3; }
    @media only screen and (max-width: 747px) {
      .complect-wr__price {
        margin-top: -25px;
        padding: 25px 0;
        box-shadow: 0px -5px 10px -4px rgba(0, 0, 0, 0.2); } }
    .complect-wr__price .btn {
      max-width: 115px; }
      .complect-wr__price .btn--blue {
        max-width: 140px; }
    .complect-wr__price .price-block__new {
      font-size: 32px;
      line-height: 1.3;
      margin-bottom: 10px; }
    .complect-wr__price .price-block__old, .complect-wr__price .price-block__discount {
      margin-bottom: 10px; }

@media only screen and (max-width: 747px) {
  .carousel-grid .complect-list.swiper-wrapper {
    flex-wrap: wrap; } }

.complect-list__item {
  position: relative; }
  @media only screen and (max-width: 747px) {
    .complect-list__item {
      margin: 0 auto; } }
  html:not(.bx-touch) .complect-list__item:hover .complect-list-item__title, .bx-touch .complect-list__item:active .complect-list-item__title {
    color: #ec8921; }
  .complect-list__item--delim {
    height: 100%;
    font-size: 26px;
    line-height: 1;
    margin: auto 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }

.complect-list .ckeck-custom-round {
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 2; }
  @media only screen and (max-width: 747px) {
    .complect-list .ckeck-custom-round {
      right: auto; } }

.complect-list-item {
  position: relative;
  width: 180px; }
  @media only screen and (max-width: 1017px) {
    .complect-list-item {
      width: 200px; } }
  @media only screen and (max-width: 747px) {
    .complect-list-item {
      padding-bottom: 15px;
      border-bottom: 1px solid #eeeeee;
      width: 290px; } }
  .complect-list-item__pic {
    position: relative; }
  .complect-list-item__title {
    height: 36px;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    color: #383838; }
  .complect-list-item__text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    line-height: 1; }
    html:not(.bx-touch) .complect-list-item__text:hover, .bx-touch .complect-list-item__text:active {
      text-decoration: none; }
  .complect-list-item__article {
    font-size: 10px; }

.complect-pic {
  display: block;
  padding: 20px 0;
  height: 100%;
  font-size: 0; }
  @media only screen and (max-width: 747px) {
    .complect-pic {
      padding: 0; } }
  .complect-pic__pic-area {
    position: relative;
    display: block;
    padding-top: 80%; }
  .complect-pic__pic-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .complect-pic__pic-block .img-fluid {
      max-height: 100%; }

.plus {
  font-size: 21px; }