.cart {
  margin-bottom: 80px;
}
.cart .h1 {
  margin-bottom: 24px;
}
.cart .cart-container {
  display: grid;
  grid-template-columns: 1fr 300px;
  grid-gap: 30px;
  margin-bottom: 50px;
}
@media (max-width: 1410px) {
  .cart .cart-container {
    grid-gap: 16px;
  }
}
@media (max-width: 1024px) {
  .cart .cart-container {
    grid-template-columns: 1fr;
  }
}
.cart .cart-item__list {
  padding: 0 24px;
  border: 1px solid #CED4DA;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .cart .cart-item__list {
    padding: 0 8px;
  }
}
.cart .cart-item__list .cart-item {
  display: grid;
  grid-template-areas: "image info price_one counter price_sum buttons";
  grid-template-columns: 72px 1fr 120px 130px 120px 32px;
  gap: 16px;
  padding: 24px 0 50px;
}
@media (max-width: 1199px) {
  .cart .cart-item__list .cart-item {
    grid-template-areas: "image info price_one buttons" "image info counter buttons" "image info price_sum buttons" "image info . buttons";
    grid-template-columns: 72px 1fr 130px 32px;
    grid-row-gap: 8px;
  }
}
@media (min-width: 901px) and (max-width: 1024px) {
  .cart .cart-item__list .cart-item {
    grid-template-areas: "image info price_one counter price_sum buttons";
    grid-template-columns: 72px 1fr 120px 130px 120px 32px;
    gap: 16px;
  }
}
@media (max-width: 576px) {
  .cart .cart-item__list .cart-item {
    grid-template-areas: "image title title title title buttons" "image stock stock stock stock buttons" "params params params params params params" "price_one price_one counter price_sum price_sum price_sum";
    grid-template-columns: 64px 1fr 120px 1fr 32px 32px;
    grid-row-gap: 20px;
    padding: 24px 0 30px;
  }
  .cart .cart-item__list .cart-item .cart-item__title {
    grid-area: title;
  }
  .cart .cart-item__list .cart-item .cart-item__desc_params {
    grid-area: params;
  }
  .cart .cart-item__list .cart-item .cart-item__not_in_stock {
    grid-area: stock;
  }
}
@media (max-width: 420px) {
  .cart .cart-item__list .cart-item {
    grid-template-areas: "image title title buttons" "image stock stock buttons" "params params params params" "price_one price_one price_one price_one" "counter counter counter counter" "price_sum price_sum price_sum price_sum";
    grid-template-columns: 64px 1fr 32px 32px;
  }
}
.cart .cart-item__list .cart-item.deleted {
  grid-template-areas: ". info . btn_restore";
  grid-template-columns: 72px 2fr 1fr 1fr;
}
@media (max-width: 576px) {
  .cart .cart-item__list .cart-item.deleted {
    grid-template-areas: "info btn_restore";
    grid-template-columns: 1fr auto;
  }
}
.cart .cart-item__list .cart-item.deleted .btn-restore {
  grid-area: btn_restore;
}
.cart .cart-item__list .cart-item.deleted .cart-item__desc {
  display: block;
}
.cart .cart-item__list .cart-item:not(:first-child) {
  border-top: 1px solid #CED4DA;
}
.cart .cart-item__list .cart-item .cart-item__img {
  grid-area: image;
  position: relative;
  width: 100%;
  height: auto;
  max-height: 72px;
}
.cart .cart-item__list .cart-item .cart-item__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  border-radius: 8px;
}
.cart .cart-item__list .cart-item .cart-item__img .cart-item__discount {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #FFFFFF;
  background-color: #ff4c4c;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart .cart-item__list .cart-item .cart-item__desc {
  grid-area: info;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 576px) {
  .cart .cart-item__list .cart-item .cart-item__desc {
    display: contents;
  }
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item__desc_params {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--text {
  position: relative;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--text .btn-check {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--text .btn-check:checked + .custom-radio-toggle__button {
  border-color: #2F2F3E;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--text .btn-check:disabled + .custom-radio-toggle__button {
  background: #CED4DA;
  color: #A0A5AB;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--text .custom-radio-toggle__button {
  padding: 4px 8px;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid #CED4DA;
  transition: 0.3s;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--color {
  position: relative;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--color .btn-check {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--color .btn-check:checked + .custom-radio-toggle__button {
  border-color: #2F2F3E;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--color .btn-check:disabled + .custom-radio-toggle__button {
  background: #CED4DA;
  color: #A0A5AB;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--color .custom-radio-toggle__button {
  padding: 4px 8px;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: 0.3s;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--color .cart-item-switch__item {
  width: 32px;
  height: 32px;
  padding: 1px;
  transition: 0.3s;
  cursor: pointer;
}
.cart .cart-item__list .cart-item .cart-item__desc .cart-item-switch--color .cart-item-switch__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  border-radius: 4px;
  border: 1px solid #CED4DA;
}
.cart .cart-item__list .cart-item .cart-item-price--one {
  grid-area: price_one;
}
@media (max-width: 576px) {
  .cart .cart-item__list .cart-item .cart-item-price--one {
    justify-self: end;
  }
}
@media (max-width: 420px) {
  .cart .cart-item__list .cart-item .cart-item-price--one {
    justify-self: center;
  }
}
.cart .cart-item__list .cart-item .cart-item-price-counter {
  grid-area: counter;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
.cart .cart-item__list .cart-item .cart-item-price-counter .cart-item-price-counter__input {
  width: 33px;
  text-align: center;
  padding: 5px 0;
}
.cart .cart-item__list .cart-item .cart-item-price-counter .cart-item-price-counter__button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #CED4DA;
  border-radius: 8px;
  user-select: none;
  line-height: 1;
  padding: 8px 8px;
}
.cart .cart-item__list .cart-item .cart-item-price-counter .cart-item-price-counter__button:hover {
  border-color: #2F2F3E;
}
.cart .cart-item__list .cart-item .cart-item-price-counter .cart-item-price-counter__button svg {
  width: 14px;
  height: 14px;
}
.cart .cart-item__list .cart-item .cart-item-price-counter .cart-item-price-counter__button:disabled {
  color: #A0A5AB;
  pointer-events: none;
}
.cart .cart-item__list .cart-item .cart-item-price-counter .cart-item-price-counter__button:disabled svg {
  fill: #A0A5AB;
}
.cart .cart-item__list .cart-item .cart-item-price--sum {
  grid-area: price_sum;
}
.cart .cart-item__list .cart-item .cart-item__buttons {
  grid-area: buttons;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart .cart-item__list .cart-item .cart-item__buttons .favorite__button {
  width: 32px;
  height: 32px;
  position: relative;
}
.cart .cart-item__list .cart-item .cart-item__buttons .cart-item__remove {
  transition: 0.3s;
}
.cart .cart-item__list .cart-item .cart-item__buttons .cart-item__remove:hover svg {
  stroke: #2F2F3E;
}
.cart .cart-item__list .cart-item .cart-item-price__item {
  display: flex;
  flex-direction: column;
  padding: 5px 0;
  text-align: center;
}
@media (max-width: 576px) {
  .cart .cart-item__list .cart-item .cart-item-price__item {
    text-align: start;
  }
}
@media (max-width: 420px) {
  .cart .cart-item__list .cart-item .cart-item-price__item {
    text-align: center;
  }
}
.cart .cart-item__list .cart-item .cart-item-price__item .cart-item-price__discounted {
  color: #ff4c4c;
}
.cart .cart-item__list .cart-item .cart-item-price__item .cart-item-price__base {
  text-decoration: line-through;
  color: #A0A5AB;
}
.cart .cart-item__list .cart-item .cart-item__not_in_stock {
  color: #ff4c4c;
  display: none;
}
.cart .cart-item__list .cart-item.not_in_stock .cart-item__not_in_stock {
  display: block;
}
.cart .cart-item__list .cart-item.not_in_stock .cart-item-price-counter__input {
  color: #CED4DA;
}
.cart .cart-item__list .cart-item.not_in_stock .cart-item-price-counter__button {
  color: #CED4DA;
}
.cart .cart-item__list .cart-item.not_in_stock .cart-item__desc .cart-item__title {
  color: #A0A5AB;
}
.cart .cart-item__list .cart-item.not_in_stock .cart-item__desc .p4:not(.cart-item__not_in_stock):not(.cart-item-switch) {
  color: #A0A5AB;
}
.cart .cart-item-empty .cart-item-empty__button {
  display: inline-block;
  margin-top: 20px;
}

.cart--total .cart-float {
  position: sticky;
  top: 24px;
  padding: 32px;
  border: 1px solid #2F2F3E;
}
.cart--total .cart-float > *:not(:last-child) {
  margin-bottom: 15px;
}
.cart--total .card-float-promo__wrap {
  display: block;
  margin-top: 6px;
  position: relative;
}
.cart--total .card-float-promo__input {
  width: 100%;
  padding: 11px 34px 11px 12px;
  border: 1px solid #CED4DA;
  transition: 0.3s;
  margin-bottom: 4px;
}
.cart--total .card-float-promo__input:disabled + .card-float-promo__submit {
  pointer-events: none;
}
.cart--total .card-float-promo__input:not(:placeholder-shown) {
  border-color: #2F2F3E;
}
.cart--total .card-float-promo__input:not(:placeholder-shown) ~ .card-float-promo__submit {
  fill: #a5d2a0;
}
.cart--total .card-float-promo__input:focus {
  border-color: #2F2F3E;
}
.cart--total .card-float-promo__success {
  display: none;
  color: #a5d2a0;
}
.cart--total .card-float-promo__failure {
  display: none;
  color: #ff4c4c;
}
.cart--total .card-float-promo__submit {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 12px;
  right: 12px;
  transition: 0.3s;
  cursor: pointer;
}
.cart--total .card-float-promo__cancel {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 12px;
  right: 12px;
  transition: 0.3s;
  cursor: pointer;
  opacity: 0;
  z-index: -1;
}
.cart--total .card-float-promo__wrap.failure .card-float-promo__submit {
  opacity: 0;
  z-index: -1;
}
.cart--total .card-float-promo__wrap.failure .card-float-promo__cancel {
  opacity: 1;
  z-index: 1;
}
.cart--total .card-float-promo__wrap.failure .card-float-promo__failure {
  display: block;
}
.cart--total .card-float-promo__wrap.success .card-float-promo__submit {
  opacity: 0;
  z-index: -1;
}
.cart--total .card-float-promo__wrap.success .card-float-promo__cancel {
  opacity: 1;
  z-index: 1;
}
.cart--total .card-float-promo__wrap.success .card-float-promo__success {
  display: block;
}
.cart--total .card-float__discount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFEADE;
  color: #F9955E;
  padding: 8px;
}
.cart--total .card-float__price--discounted {
  text-decoration: line-through;
}
.cart--total .card-float__price {
  display: flex;
  justify-content: space-between;
  text-align: end;
  align-items: center;
}
.cart--total .card-float__submit {
  width: 100%;
}
.cart--total .to-checkout {
  width: 100%;
}

/*
@media screen and (max-width: 1409px) {

  //.cart-float {
  //  padding: 28px 16px;
  //  >* {
  //    &:not(:last-child) {
  //      margin-bottom: 12px;
  //    }
  //  }
  //}
  .cart-item__desc {
    //width: 287px;
  }
  .cart-item-price-counter {
    margin: 0 16px;
  }
  .cart-item {
    padding: 24px 44px 16px 0;
    + {
      .cart-item {
        margin-top: 22px;
      }
    }
  }
}
@media screen and (max-width: 1199px) {
  .cart {
    //>.col--main {
    //  width: 100%;
    //}
    //>.cart-float__wrap {
    //  width: 100%;
    //}
    margin-bottom: 72px;
  }
  //.cart-item__img {
  //  margin-right: 24px;
  //}
  .cart-item__desc {
    //width: 316px;
  }
  .cart-item-price {
    flex-direction: column;
  }
  .cart-item-price-counter {
    margin: 24px 0;
  }
  .cart-item {
    padding: 16px 56px 16px 0;
    + {
      .cart-item {
        margin-top: 16px;
      }
    }
  }
  .cart-item__list {
    padding: 8px 16px 16px;
    //margin-bottom: 32px;
  }
  .cart-float__wrap {
    //margin-bottom: 48px;
  }
  .cart-float {
    position: relative;
    top: 0;
    padding: 32px 32px 38px;
  }
  .card-float__price--sum {
    flex-direction: row;
    gap: 8px;
  }
  .cart-item__buttons {
    top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .cart-item__list {
    padding: 0 16px;
  }
  .cart-item {
    padding: 16px 0;
    display: block;
  }
  //.cart-item__img {
  //  margin-right: 0;
  //  width: 64px;
  //  height: 64px;
  //  margin-bottom: 16px;
  //}
  .cart-item__title {
    //width: 189px;
    position: absolute;
    top: 16px;
    left: 72px;
    margin-bottom: 0;
  }
  .cart-item__desc {
    //width: 100%;
  }
  .cart-item-price {
    width: 100%;
    justify-content: space-between;
    margin-top: 16px;
    flex-direction: row;
  }
  .cart-item-price-counter {
    margin: 0;
  }
  .cart-item.deleted {
    .cart-item__desc {
      //margin-left: 0;
      //margin-bottom: 8px;
    }
  }
  .cart-float__wrap {
    //margin-bottom: 64px;
  }
  .cart-float {
    padding-bottom: 34px;
    >* {
      &:not(:last-child) {
        margin-bottom: 8px;
      }
    }
  }
  .card-float__price--sum {
    //flex-direction: column;
    //gap: 0;
  }
}*/

/*# sourceMappingURL=style.css.map */