/* Kincsesláda popup – CSS külön fájlban */

@keyframes chestWobble {
  0% { transform: rotate(0deg); }
  15% { transform: rotate(3deg); }
  30% { transform: rotate(-3deg); }
  45% { transform: rotate(2deg); }
  60% { transform: rotate(-2deg); }
  75% { transform: rotate(1deg); }
  100% { transform: rotate(0deg); }
}

@keyframes chestPopupIn {
  0% { transform: scale(0.7); opacity: 0; }
  70% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes overlayFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

#light-flash {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.7) 50%, transparent 100%);
  transform: skewX(-20deg);
  animation: none;
  pointer-events: none;
}

@keyframes flashSweep {
  0% { left: -150%; }
  50% { left: 150%; }
  100% { left: 150%; }
}

#xmas-coupon-banner {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: linear-gradient(135deg, #f4d179, #d4a83a);
  color: #4b3206;
  padding: 12px 18px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  z-index: 999999;
  display: none;
  animation: fadeInCoupon 0.7s ease forwards;
}

@keyframes fadeInCoupon {
  from { opacity: 0; transform: translateY(15px); }
  to   { opacity: 1; transform: translateY(0); }
}