#cart-badge:hover {background: #ffeaa7;}
#cart-badge .cart-sum {color: #b64396;font-size: 13px;font-weight: 700;position: relative;}
#cart-badge.full .cart-sum::after {content: "\20B4";display: inline-block;margin-left: 2px;color: grey;font-weight: 100;}
#cart-badge .currency {font-size: 0.85em;color: #666;}
/* Анімація */
@keyframes bounce {
0%,100% {    transform: scale(1);}40% {    transform: scale(1.4);}60% {    transform: scale(0.9);}}
#cart-badge svg,
#cart-badge span {pointer-events: none;}
.bounce {animation: bounce 0.5s ease;}
#cart-popup {position: fixed;inset: 0;display: none;z-index: 7820;}
#cart-popup.visible {display: block;}
.cart-overlay {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.6);padding-top:48px;}
.cart-overlay::after {pointer-events: none;content: '✖';color: #57423f;background: #f3eed9;font-size: 24px;width: 40px;height: 40px;border-radius: 6px;display: block;position: absolute;top: 6px;right: 10px;z-index: 7827;cursor:pointer; text-align: center; padding-top:4px;}
.cart-box {position: absolute;right:10px;top: 40px;z-index: 7824;width: 650px;max-height: 85vh;background: #f3eed9;border-radius: 6px;padding:32px 12px 12px 12px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);overflow: auto;}
.cart-box h3 {color: #57423f;}
.cart-box h3 svg {margin-bottom: -6px;}
#ardcart {overflow-y: auto;}
.cart-item {display: flex;align-items: center;justify-content: space-between;gap: 5px;border-bottom: 1px solid #b39090;padding: 5px 0;}
.cart-item img {width: 50px;border-radius: 6px;}
.cart-item .cart-info {flex: 1;font-size: 14px;}
.cart-item .cart-qty {display: flex;align-items: center;gap: 3px;}
.cart-item .cart-qty input {text-align: center;width: 60px;}
.cart-btn-minus,
.cart-btn-plus,
.cart-btn-remove {background: transparent;border: none;padding: 4px 6px;cursor: pointer;font-size: 18px;}
.cart-btn-remove {color: red;background: none;}
.cart-sum {font-size: 18px;color: #aa1225;}
.cart-total {margin-top: 10px;text-align: right;font-size: 16px;font-weight: 700;color: #aa1225;}
.cart-info a {text-align: center;font-size: 17px;color: #b64396;font-weight: 700;}
.cart-info p {text-align: center;font-size: 13px;}
.ard-make-purchases {max-width:390px;background: #aa1225;color: #fff;font-size:17px;border: 1px solid yellow; padding: 14px 18px 16px 18px;border-radius: 6px;cursor: pointer;
position: fixed; top: 0; right: 55px;}
.ard-make-purchases.knopfoot{position:relative; top: auto; right: auto; margin:12px 0 44px 0;}
#cart-view .ard-make-purchases {position:relative;}
.ard-make-purchases > span{animation: point-way 2.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;}
@keyframes point-way {
  0% {
    margin-left: 0;
    transform: scale(1);
  }
  /* Легке "натискання" перед початком руху */
  15% {
    transform: scale(0.9);
  }
  /* Рух праворуч */
  45% {
    margin-right: 5px;
    transform: scale(1.1);
  }
  /* Пауза в кінцевій точці */
  55% {
    margin-right: 5px;
    transform: scale(1.1);
  }
  /* Повернення назад */
  100% {
    margin-right: 0;
    transform: scale(1.1);
  }
}
.ard-make-purchases b{background:#cc6969; border-radius:4px; padding:1px 4px 2px 4px;}
.ard-make-purchases svg {margin-bottom: -8px;color: #fff;stroke: #fff;}
.ard-make-purchases:hover {background: #ff8800;}
.inf-pysto {width: 100%;padding: 30px 0;text-align: center;}
.inf-pysto>svg {margin-bottom: -8px;}
.carttxt-empty {text-align: center;color: red;margin-bottom: var(--gap);}
.carttxt-full {text-align: center;color: green;}
.carttxt-empty svg,
.carttxt-full svg,
.etap2-zaginfprod svg,
.etap2-pidtverdutu svg {margin-bottom: -8px;}
.carttxt-empty>p,
.carttxt-full>p {text-align: center;font-weight: 700;text-transform: uppercase;}
.etap2-zaginfprod {padding: var(--gap);border-radius: 12px;margin: 4px 0 16px 0;}
.etap2-zaginfprod h3 {width: 100%;display: block;margin-bottom: 12px;}
.ardcart-totaltovar {font-size: 1.3em;padding: 2px 6px 6px 8px;margin-top: 12px;}
.ardcart-totalcina {padding: 2px 6px 6px 6px;border-radius: 6px;font-size: 1.3em;}
.ardcart-totalcina span {font-size: 1.3em;font-weight: 700;}
#etap2>input {display: none;}
.infopolklient {font-size: 16px;padding: var(--gap-half) var(--gap) var(--gap) var(--gap);border-color: rgb(70, 175, 234);border-radius: 12px;}
.infopolklient>.row {margin: 12px 0;}
.infopolklient>.row>input {flex: 1;padding: 12px;}
.infopolklient>.row>textarea {flex: 1;border-radius: 6px;}
.etap2-pidtverdutu {border-radius: 6px;display: block;padding: 6px 6px 10px 6px;margin: -20px auto 0 auto;}
#form-errors {width: 100%;text-align: center;font-size: 18px;margin: 12px;color: red;}
.img-perevirka {margin: 12px auto 0 auto;display: block;}
.cat-postu-bagan{padding: var(--gap) 0;}

.vkoshiky .kruhtu li > span{background: rgb(70, 175, 234); color: white; border-radius: 12px; padding:4px 10px;}
.vkoshiky .breadcrumb{margin-top:var(--gap);}




@media (max-width: 820px) {

.ardcart-etap2-tilo.row > div{width:100%;}
}

@media (max-width: 650px) {
    .cart-box { position: absolute; right: 0;  top: 40px;  max-height: 100vh; }
    
}