.cart-icon-wrapper .badge {
  font-size: 10px;
  padding: 4px 6px;
  top: -5px;
  right: -5px;
  position: absolute;
  display: none; /* скрыт по умолчанию */
}

.cart-icon.cart-has-items {
  animation: shake-cart 1.5s ease-in-out infinite;
}

@keyframes shake-cart {
  0%, 100% { transform: rotate(0deg); }
  20% { transform: rotate(-5deg); }
  40% { transform: rotate(5deg); }
  60% { transform: rotate(-4deg); }
  80% { transform: rotate(4deg); }
}

.cart-icon.shake {
  animation: shake 0.4s ease-in-out;
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-3px); }
  50% { transform: translateX(3px); }
  75% { transform: translateX(-1.5px); }
}