.table-products {
  margin-bottom: 100px;
}
@media (max-width: 800px) {
  .table-products {
    font-size: 14px;
    margin-bottom: 50px;
  }
}
.table-products, .table-products .catalog-item__price {
  font-weight: 500;
  font-size: 20px;
}
.table-products__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 960px) {
  .table-products__item {
    display: block;
    margin-bottom: 10px;
  }
  .table-products__item_head {
    display: none;
  }
}
.table-products__img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
}
.table-products__img-wrap {
  display: flex;
  align-items: center;
  border-radius: 8px;
  width: 96px;
  height: 96px;
}
@media (min-width: 600px) {
  .table-products__item:not(:hover) .table-products__field_action button {
    opacity: 0;
  }
}
.table-products__field {
  padding: 12px;
}
@media (max-width: 800px) {
  .table-products__field {
    padding: 5px;
  }
}
.table-products__field-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.table-products__field_control, .table-products__field_img, .table-products__field_name, .table-products__field_price {
  flex: none;
}
.table-products__field_control {
  width: 32px;
  padding-left: 0;
  padding-right: 0;
}
.table-products__field_img {
  width: 120px;
}
@media (max-width: 600px) {
  .table-products__field_img {
    width: 106px;
  }
}
.table-products__field_name {
  width: 300px;
}
@media (max-width: 600px) {
  .table-products__field_name {
    width: calc(100% - 131px);
  }
}
.table-products__field_counter {
  width: 100%;
}
.table-products__field_counter .counter__control {
  border-radius: 8px;
  padding: 12px;
  width: 56px;
  height: 56px;
  background-color: var(--color-grey);
}
.table-products__field_counter .counter__control:hover {
  background-color: var(--color-black);
}
.table-products__field_counter .counter__control:hover svg path {
  fill: var(--color-grey);
}
@media (max-width: 600px) {
  .table-products__field_counter .counter__control {
    padding: 6px;
    width: 44px;
    height: 44px;
  }
}
.table-products__field_counter .counter__control svg {
  font-size: 24px;
}
.table-products__field_delete {
  padding: 0;
  flex: none;
  width: 50px;
}
.table-products__field .catalog-item__price_old {
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: line-through;
  color: rgba(24, 24, 24, 0.6);
}
@media (max-width: 600px) {
  .table-products__field .catalog-item__price_old {
    font-size: 8px;
  }
}
@media (max-width: 1155px) {
  .table-products__field .catalog-item__price_old {
    margin-right: 10px;
  }
}
.table-products__field_price {
  text-align: center;
}
.table-products__field_price .catalog-item__price-box {
  display: block;
}
.table-products__field .table-products__delete-btn {
  cursor: pointer;
}
.table-products__field .table-products__delete-btn svg {
  width: 20px;
}
.table-products .counter__input {
  --font-size: 20px;
  --width: 75px;
}
.table-products__btns [data-basket-delete-btn]:not(.is-active) {
  display: none;
}
.table-products .catalog-item__basket-btn_submit, .table-products .catalog-item__basket-btn_submit:hover, .table-products .catalog-item__basket-btn_submit:active, .table-products .catalog-item__basket-btn_submit:visited, .table-products__btn_submit, .table-products__btn_submit:hover, .table-products__btn_submit:active, .table-products__btn_submit:visited {
  color: #817f7f;
}
.table-products .catalog-item__basket-btn_light, .table-products__btn_light {
  background: var(--color-grey);
  border-radius: 8px;
  padding: 16px 24px;
  color: var(--color-black);
  font-weight: 300;
}
@media (min-width: 801px) {
  .table-products .catalog-item__basket-btns, .table-products__btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
  }
}
@media (max-width: 800px) {
  .table-products .catalog-item__basket-btn, .table-products__btn {
    width: 100%;
  }
  .table-products .catalog-item__basket-btn:not(:last-child), .table-products__btn:not(:last-child) {
    margin-bottom: 10px;
  }
}
.table-products__btns [data-clean-all-action]:not(.is-active) {
  display: none;
}
.table-products__widget.is-loading {
  position: relative;
  --awc-btn-loader-bg: rgba(255,255,255, 0.5);
  --awc-btn-loader-size: 50px;
  --awc-btn-loader-border-size: 4px;
  --awc-btn-loader-color: #000;
}
.table-products__widget.is-loading:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--awc-btn-loader-bg);
  z-index: 15;
}
.table-products__widget.is-loading:after {
  content: "";
  display: block;
  position: absolute;
  width: var(--awc-btn-loader-size);
  height: var(--awc-btn-loader-size);
  left: 50%;
  top: 50%;
  margin-left: calc(var(--awc-btn-loader-size) / 2 * -1);
  margin-top: calc(var(--awc-btn-loader-size) / 2 * -1);
  z-index: 20;
  transform-origin: 50%;
  box-sizing: border-box;
  border: var(--awc-btn-loader-border-size) solid var(--awc-btn-loader-color);
  border-radius: 50%;
  border-top-color: transparent;
  animation: preloader-spin 1s steps(12, end) infinite;
}
.table-products__empty__image {
  width: 131px;
  height: 116px;
  margin: 50px auto 42px;
  background: url(/local/templates/appsweb/img/empty_cart.svg) no-repeat center;
  background-size: contain;
}
.table-products__empty__text {
  font-size: 36px;
  text-align: center;
  color: #bababa;
  margin-bottom: 42px;
}
.table-products__empty__desc {
  text-align: center;
  color: #000;
  font-size: 16px;
  margin-bottom: 42px;
}

@keyframes preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}