.basket-small .basket-small-content {
  width: 430px;
  padding: 0;
  right: -5px;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.basket-small .basket-small-content:before {
  content: none;
}

.header .basket-small:hover .basket-small-content {
  pointer-events: auto;
  z-index: 110;
}

.basket-small .basket-small-items {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  height: 100%;
  max-height: 484px;
  padding: 20px 20px 18px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #F2E9DB transparent;
}

.basket-small .basket-small-items::-webkit-scrollbar {
  width: 3px;
}

.basket-small .basket-small-items::-webkit-scrollbar-track {
  background: transparent;
}

.basket-small .basket-small-items::-webkit-scrollbar-thumb {
  background-color: #F2E9DB;
  border-radius: none;
  border: none;
}

.basket-small .basket-small-item {
  position: relative;
  border: none;
  padding: 0 24px 0 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  width: 100%;
  overflow: visible;
}

.basket-small .basket-small-item__image {
  float: none;
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 132px;
  min-height: 132px;
}

.basket-small .basket-small-item__image img {
    min-width: 132px;
    width: 132px;
    max-width: 132px;
    min-height: unset;
    height: auto;
    max-height: 132px;
    user-select: none;
    object-fit: cover;
    object-position: bottom;
    margin-top: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.basket-small .basket-small-item__image .product-favorite-block {
    opacity: 1;
    visibility: visible;
    cursor: pointer;
    top: 6px;
    right: 6px;
}

.basket-small .basket-small-item__image .product-favorite-block a:hover svg path {
    fill: inherit;
}

.basket-small .basket-small-item__image .product-favorite-block .favorite.active svg path {
    fill: #362D2E;
    stroke-width: 0;
}

.basket-small .basket-small-item__name {
  display: flex;
  word-break: break-word;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  margin: 0 0 8px 0;
  color: #362D2E !important;
}

.basket-small .basket-small-item__name:hover {
  color: #F08D34 !important;
}

.basket-small .basket-small-item__size,
.basket-small .basket-small-item__color {
  color: #362D2E;
}

.basket-small .basket-small-item__attr {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
  margin: 0 0 8px 0;
}

.basket-small .basket-small-item__size {
  margin: 0;
}

.basket-small .basket-small-item__price {
  margin: 0;
}

.basket-small .basket-small-item__price .basket-small-item__price-online {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  margin: 0 0 5px 0;
}

.basket-small .basket-small-item__price .basket-small-item__price-online .basket-small-item__price-online_value {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
  padding: 2px 5px;
  background-color: #FFB81C;
}

.basket-small .basket-small-item__price .basket-small-item__price-online .basket-small-item__price-online_description {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
}

.basket-small .basket-small-item__price .basket-small-item__price-total {
  margin: 0 0 5px 0;
}

.basket-small .basket-small-item__price .basket-small-item__prices {
  margin: 0 0 5px 0;
}

.basket-small .basket-small-item__price .discount-price {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
  margin: 0;
}

.basket-small .basket-small-item__price .current-price {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
}

.basket-small .basket-small-item__price .old-price {
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
  text-decoration: line-through;
}

.basket-small .basket-small-item__delete {
  width: 24px;
  height: 24px;
  top: unset;
  bottom: 0;
  right: 0;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.basket-small .basket-small-item__delete:hover svg path {
  fill: #EE6856;
}

.basket-small .basket-small-item__delete:before, .basket-small-item__delete:after {
  content: none;
}

.basket-small .basket-small-total-wrapper {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
  padding: 20px 38px;
  border-top: 1px solid #F2E9DB;
  border-bottom: 1px solid #F2E9DB;
}

.basket-small .basket-small-total {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.basket-small .basket-small-total .basket-small-total-text {
  font-weight: 800;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
}

.basket-small .basket-small-total .js-basket-small-total {
  font-weight: 800;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
}

.basket-small .basket-small-online {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.basket-small .basket-small-online .basket-small-online-text {
  font-weight: 800;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
}

.basket-small .basket-small-online .basket-small-online-total {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.basket-small .basket-small-online .basket-small-online-total_discount {
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: white;
  padding: 2px 6px;
  background-color: #EB5A3A;
}

.basket-small .basket-small-online .basket-small-online-total_value {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
}

.basket-small .basket-small-buttons {
  padding: 16px 20px 20px 20px;
}

.basket-small .basket-small-buttons .btn.btn-transparent {
  border: 2px solid #F08D34;
  color: #F08D34;
  height: 50px;
  min-height: 50px;
  width: 100%;
  max-width: 100%;
  background: transparent;
  transition: .4s background, .4s color;
}

.basket-small .basket-small-buttons .btn.btn-transparent:hover {
  background: #F08D34;
  color: #FFF;
}

.popup-basket-small .basket-small-item__attr {
  display: flex;
  flex-flow: row nowrap;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
  margin: 4px 0 6px 0;
  font-size: 14px;
  font-weight: 500;
  color: #7E7979;
}

.popup-basket-small .basket-small-item__attr .basket-small-item__size {
  color: #7E7979;
}

.popup-basket-small .basket-small-item__price-online {
  display: none;
}

.popup-basket-small .basket-small-item__prices .current-price {
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
}

.popup-basket-small .basket-small-item__price .discount-price {
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0;
  color: #D71345;
  margin: 0;
}

.popup-basket-small .basket-small-item__price .old-price {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0;
  color: #362D2E;
  text-decoration: line-through;
}

.popup-basket-small .basket-small-item__price-quantity {
  font-size: 14px;
  font-weight: 500;
  text-transform: lowercase;
  color: #7E7979;
}

.basket-small-content.basket-small-empty .basket-small__empty {
  padding: 20px;
}

.basket-small__empty .basket-small__empty-title {
  font-family: 'Square721', sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 24px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  text-align: left;
  color: #362D2E;
  margin: 0 0 12px 0;
}

.basket-small__empty .basket-small__empty-description {
  font-family: Nunito Sans;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  text-align: left;
  color: #362D2E;
  margin: 0 0 20px 0;
}

.basket-small .basket-small-empty .basket-small-buttons {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .popup-basket-comeback .popup-swiper-container {
      padding: 0;
  }

  .popup-basket-small .swiper-container {
      max-width: 100%;
  }
}