.basket_overlay {
  display: none; position: fixed; z-index: 999; top: 20px; right: 20px; width: 450px; height: min(100vh - 40px); padding: 20px; background-color: #F6F6F6; border-radius: 40px;
}
.basket_overlay .basket_overlay_inner {
  display: flex; flex-direction: column; height: 100%;
}
.basket_overlay .basket_overlay_inner .header {
  display: flex; align-items: center; justify-content: space-between;
}
.basket_overlay .basket_overlay_inner .header .hdr {
  font-size: 40px; font-weight: 400; color: #222222;
}
.basket_overlay .basket_overlay_inner .header .close img {
  display: block; width: 50px; height: 50px;
}
.basket_overlay .basket_overlay_inner .header .close {
  transition: all .25s ease;
}
.basket_overlay .basket_overlay_inner .header .close:hover {
  transform: rotate(360deg);
}
.basket_overlay .products_basket_main {
   max-height: min(100vh - 370px);
}
.basket_overlay .basket_primary_button {
  margin-top: auto;
}
/* //////////////////////////////////////////////////////////////// */


.basket_prices {
  display: flex; flex-direction: column; gap: 20px;
}
.basket_prices .row {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.basket_prices .row .left {
  font-size: 22px; font-weight: 500; color: #000000;
}
.basket_prices .row .right {
  font-size: 22px; font-weight: bold; color: #000000;
}
.basket_prices .row.small .left { font-size: 18px; }
.basket_prices .row.small .right { font-size: 18px; }
.basket_prices .row.total .left, .basket_prices .row.total .right {
  font-size: 28px;
}
.basket_prices .row.discount .left, .basket_prices .row.discount .right {
  color: #bf0000 !important;
}

.basket_prices.dorplat .row .left {
  font-size: 16px; font-weight: 500;
}
.basket_prices.dorplat .row .right {
  font-size: 16px; font-weight: bold; 
}


.basket_prices .row.splatky {
  display: flex; justify-content: flex-end; align-items: center; gap: 8px; margin-top: 15px; color: #000000; font-size: 18px; font-weight: 400;
}
.basket_prices .row.splatky:hover {
  text-decoration: underline;
}
.basket_prices .row.splatky::after {
  content: ''; width: 20px; height: 20px; background-image: url(/img/info_icon.svg); background-repeat: no-repeat; background-position: center center; background-size: cover;
}

.basket_primary_button {
  display: flex; justify-content: center; gap: 15px; align-items: center; width: 100%; height: 54px; line-height: 54px; text-align: center; color: #ffffff; background: #000000; border-radius: 66px; transition: all .25s ease; border: none; outline: none;
}
.basket_primary_button.spat {
  display: inline-flex; width: auto; height: 50px !important; line-height: 50px !important; padding: 0 50px; background: #6b6b6b; border-radius: 40px;
}
.basket_primary_button.red {
  background: #ED1D24;
}
.basket_primary_button.big {
  height: 70px; line-height: 70px; font-size: 20px;
}
.basket_primary_button:hover {
  gap: 25px; color: #ffffff;
}
.basket_primary_button::after {
  content: ''; width: 14px; height: 14px; background-image: url(/img/arrow_right_white.svg); background-repeat: no-repeat; background-position: center center; background-size: cover;
}
.basket_primary_button.spat::after {
  display: none;
}
.basket_primary_button.spat::before {
  content: ''; width: 14px; height: 14px; background-image: url(/img/arrow_right_white.svg); background-repeat: no-repeat; background-position: center center; background-size: cover; transform: rotate(180deg);
}

input[type="submit"].uplatnit_zlavovy_kod {
  width: 150px; height: 76px; font-size: 18px; font-weight: 500; color: #555555; border: 1px solid #a8a8a8; background: #f1f1f1; border-radius: 16px; outline: none;
}
input[type="submit"].uplatnit_zlavovy_kod:hover {
  color: #ffffff; background-color: #000000; border: 1px solid #000000;
}

.products_basket .item {
  display: flex; gap: 25px; align-items: stretch; padding: 10px 10px; color: #000000; border-bottom: 1px solid #e2e2e2;
}
.products_basket.basket1 .item {
  border-bottom: 0;
}
.products_basket.basket2 .item {
  border-bottom: 0;
}
.products_basket .item:last-child {
  margin-bottom: 0; border-bottom: 0;
}
.products_basket:not(.basket2) .item:hover {
  background-color: #e9f8ee;
}
.products_basket .item .image {
  display: flex; align-items: center; align-self: stretch; justify-content: center; width: 80px; height: 80px; background-color: #ffffff; border-radius: 16px;
}
.products_basket .item .image.empty {
  background-color: unset;
}
.products_basket .item .image img {
  display: block; width: auto; height: auto; max-width: 80px; max-height: 80px; border-radius: 16px; border: 10px solid #ffffff; border-radius: 16px;
}
.products_basket .item .data {
  flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding-top: 5px;
}
.products_basket .item .data .top {
  display: flex; gap: 10px; width: 100%;
}
.products_basket .item .data .top h4 {
  font-size: 18px; font-weight: 500;
}
.products_basket .item .data .top h4 a {
  color: #000000;
}
.products_basket .item .data .top h4 a:hover {
  text-decoration: underline;
}
.products_basket .item .data .top .price {
  margin-left: auto; font-size: 16px; font-weight: 500; white-space: nowrap;
}
.products_basket .item .data .price2 {
  margin-top: 5px; font-size: 16px; font-weight: 300; white-space: nowrap;
}
.products_basket .item .data .price2 .pcs {
  display: none;
}
.products_basket.basket2 .item .data .price2 .pcs {
  display: inline-block;
}
.products_basket .item .data .bottom {
  display: flex; align-items: center; gap: 20px; width: 100%; margin-top: 15px;
}
.products_basket.basket2 .item .data .bottom {
  display: none;
}
.products_basket .item .remove {
  display: inline-block; width: 40px; height: 40px; margin: 5px 10px 0 0; background-image: url(/img/basket_gray.svg); background-repeat: no-repeat; background-position: center center; background-size: 18px; opacity: 0.7; cursor: pointer; border-radius: 50%;
}
.products_basket .item .remove:hover {
  background-color: #ff00000a; opacity: 1;
}

/* //////////////////////////////////////////////////////////////// */

.tobasket_buttons {
  display: flex; align-items: center; width: auto; height: 40px;
}
.tobasket_buttons span {
  display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; text-align: center; font-weight: 300; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; background-size: 10px 10px; cursor: pointer;
}
.tobasket_buttons span:hover {
  background-color: #ED1D24;
}
.tobasket_buttons span.minus { border-top-left-radius: 50%; border-bottom-left-radius: 50%; }
.tobasket_buttons span.plus { border-top-right-radius: 50%; border-bottom-right-radius: 50%; }
.tobasket_buttons span.minus::after, .tobasket_buttons span.plus::after {
  font-family: "FontAwesome";  display: inline-block; color: #000000; font-size: 12px; 
}
.tobasket_buttons span.minus:hover::after, .tobasket_buttons span.plus:hover::after {
  color: #ffffff;
}
.tobasket_buttons span.minus::after { content: "\f068"; }
.tobasket_buttons span.plus::after { content: "\2b"; }
.tobasket_buttons span.number {
  width: 50px;
}
.tobasket_buttons span.number input[type="text"] {
  width: 100%; height: 100%; padding: 0; text-align: center; border: none; outline: 0;
}

.tobasket_button_one {
  display: flex; justify-content: center; align-items: center; width: auto; height: 40px; margin-top: 20px; margin-bottom: auto;
}
.tobasket_button_one input[type="text"] {
  display: none;
}
.tobasket_button_one span {
  display: flex; justify-content: center; align-items: center; gap: 10px; width: auto; height: 40px; padding: 0 20px; text-align: center; font-weight: 300; color: #000000; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; background-size: 10px 10px; cursor: pointer; border-radius: 20px;
}
.tobasket_button_one span::after {
  content: "\f058"; font-family: "FontAwesome"; display: inline-block; color: rgba(0,0,0, 0.1); font-size: 18px; 
}
.tobasket_button_one span:hover {
  color: #ffffff; background-color: #ED1D24;
}
.cnf_items .cnf_item .cnf_products .item.active .tobasket_button_one span:after {
  color: rgba(0,0,0, 1);
}
.tobasket_button_one span:hover:after {
  color: rgba(255,255,255, 0.7); 
}
.cnf_items .cnf_item .cnf_products .item.active .tobasket_button_one span:hover:after {
  color: rgba(255,255,255, 0.7); 
}
/* //////////////////////////////////////////////////////////////// */


.basket {
  display: flex; justify-content: space-between; gap: 4%; width: 80%; margin: 0 auto;
}
.basket > .left {
  flex: 1; width: 100%; padding-right: 4%; border-right: 1px solid #a8a8a8;
}
.basket > .right {
  flex: 1; width: 100%;
}
.basket .hdr1 {
  margin-bottom: 15px; font-size: 32px; font-weight: 500;
}
.basket .infoblok1 {
  display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 20px; font-size: 16px; font-weight: 400; color: #555555; background-color: #f1f1f1; border: 1px solid #d7d7d7; border-radius: 16px;
}
.basket .infoblok1 .infoicon {
  flex: 0 0 20px; width: 20px; max-width: 20px;
}
.basket .infoblok1 .infoicon img {
  display: block; width: 100%; height: auto;
}
.basket .infoblok1 .infoicon {
  flex: 1 1 100%;
}
.basket .infoblok1 .text .strong {
  font-weight: 500;
}


.basket .cards {
  background-color: #ffffff; border-radius: 24px;
}
.basket .cards .card {
  color: #353535; border-bottom: 1px solid #d7d7d7;
}
.basket .cards .card:first-child {
  border-top-left-radius: 24px; border-top-right-radius: 24px;
}
.basket .cards .card:last-child {
  border-bottom-left-radius: 24px; border-bottom-right-radius: 24px;
}
.basket .cards .card:has(+ .card.active) {
  border-bottom: 0;
}
.basket .cards .card.active {
  background-color: #e9f8ee; border: 2px solid #1db954;
}
.basket .cards .card:last-child:not(.active) {
  border-bottom: none;
}
.basket .cards .card .card_b {
  display: flex; align-items: center; gap: 20px; padding: 15px 20px; font-size: 18px; font-weight: 400; cursor: pointer;
}
.basket .cards .card .card_b .l {
  display: flex; align-items: flex-start; gap: 10px;
}
.basket .cards .card:not(.active) .card_b .l:before {
  flex: 0 0 18px; display: inline-block; content: ""; width: 18px; height: 18px; margin-left: 2px; margin-top: 1px; border: 1px solid #d7d7d7; border-radius: 50%;
}
.basket .cards .card:not(.active):hover .card_b .l:before {
   border: 1px solid #000000;
}
.basket .cards .card.active .card_b .l:before {
  flex: 0 0 20px; display: inline-block; content: ""; width: 20px; height: 20px; margin-top: 1px; background-image: url("/img/cyrcle_check_green.svg"); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; 
}
/* .basket .cards .card .card_b .l:before {
  display: inline-block; content: ""; width: 48px; height: 48px; background-image: url("/img/cyrcle_like_green.svg"); background-repeat: no-repeat; background-position: center; background-size: 24px 24px; border: 1px solid #000000; border-radius: 50%;
} */
.basket .cards .card .card_b .r {
  margin-left: auto;
}
.basket .cards .card.active .card_b {
}
.basket .cards .card .card_data {
  max-height: 0; overflow: hidden; transition: max-height .25s ease, opacity .15s ease; border-top: 1px dashed rgb(29, 185, 84, 0.3);
  opacity: 0; pointer-events: none;
}
.basket .cards .card.active .card_data {
  display: none;
}
.basket .cards .card.active .card_data:not(:empty) {
  display: block;
}
.basket .cards .card.active .card_data {
  padding: 15px 20px;
}
.basket .cards .card.active .card_data {
  max-height: 999px; opacity: 1; pointer-events: auto;
}







/*

.basket .cards .card .card_data {
  display: none; padding: 15px 20px; border-top: 1px dashed rgb(29, 185, 84, 0.3);
  max-height: 0; overflow: hidden; transition: max-height .25s ease;
}
  .basket .cards .card.active .card_data {
  display: block;
}

*/