/* ZIEHEN – VISUAL FEINSCHLIFF (KOMPATIBEL) */

.ziehen-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin: 30px 0;
}

.gift-box {
  width: 140px;
  transition: transform 0.2s ease;
}

.gift-box.shake {
  animation: shake 0.9s ease;
}

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

.ziehen-popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}

.ziehen-popup.hidden {
  display: none;
}

.popup-card {
  max-width: 420px;
  text-align: center;
  animation: popupFade 0.3s ease;
}

.popup-text {
  font-size: 1.1rem;
  margin: 20px 0;
}

@keyframes popupFade {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.logo {
  width: 700px;
  max-width: 100%;
  height: auto;
  display: block;
}