:root {
  --santa-duration: 9000ms;
  --gift-duration: 4600ms;
  --overlay-bg: rgba(0, 0, 0, 0.55);
  --brand-blue: #003b9a;
}

/* Genel: body tarafına dokunmuyoruz; sadece overlay + kar + santa */

#santa-overlay {
  position: fixed;
  inset: 0;
  background: var(--overlay-bg);
  z-index: 999;               /* her şeyin üstünde */
  overflow: hidden;

  display: block;
  opacity: 0;
  pointer-events: none;       /* görünmezken tıklanamasın */
  transition: opacity 0.7s ease;
}

#santa-overlay.visible {
  opacity: 1;
  pointer-events: auto;       /* görünürken skip butonu çalışsın */
}

/* Skip butonu */
.santa-skip {
  position: absolute;
  top: 16px;
  right: 20px;
  background: #000a;
  color: #fff;
  padding: 6px 12px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  z-index: 1010;
}

/* Alt mesaj */
.santa-message {
  position: absolute;
  left: 50%;
  bottom: 8%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  font-size: 18px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  z-index: 1005;
}

.santa-message small {
  display: block;
  font-size: 13px;
  opacity: 0.85;
  margin-top: 3px;
}

/* Santa – sağdan sola, hafif bobbing ile */
.santa-image {
  position: absolute;
  top: 18%;
  right: -45%;
  width: 430px;
  z-index: 1000;
  animation: santa-fly var(--santa-duration) ease-in-out forwards;
  will-change: transform;
}

@keyframes santa-fly {
  0% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(-40vw, -5px, 0);
  }
  50% {
    transform: translate3d(-80vw, 4px, 0);
  }
  75% {
    transform: translate3d(-120vw, -3px, 0);
  }
  100% {
    transform: translate3d(-165vw, 2px, 0);
  }
}

/* Hediyeler / ürün kutuları */
.santa-gift {
  position: absolute;
  width: 88px;
  height: 88px;
  background: transparent;
  border-radius: 22px;
  overflow: hidden;
  opacity: 0;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.38);
  transform: translateY(-40px);
  z-index: 995;
}

.santa-gift img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
  padding: 0;
}

.santa-gift.drop {
  animation: gift-drop var(--gift-duration) ease-out forwards;
}

@keyframes gift-drop {
  0%   { opacity: 0; transform: translateY(-40px); }
  20%  { opacity: 1; }
  80%  { transform: translateY(60vh); }
  100% { opacity: 0; transform: translateY(72vh); }
}

/* Kar taneleri */
.snowflake {
  position: fixed;
  top: -10px;
  color: #ffffff;
  font-size: 18px;
  user-select: none;
  pointer-events: none;
  animation: fall linear forwards;
  text-shadow:
    0 0 4px rgba(0, 0, 0, 0.45),
    0 0 8px rgba(0, 43, 127, 0.45);
  opacity: 0.9;
  z-index: 5;
}

@keyframes fall {
  0%   { transform: translate3d(0, 0, 0) rotate(0deg);   opacity: 1;   }
  100% { transform: translate3d(20px, 110vh, 0) rotate(160deg); opacity: 0.2; }
}

/* Responsive */
@media (max-width: 900px) {
  .santa-image {
    width: 340px;
    top: 20%;
  }
  .santa-gift {
    width: 70px;
    height: 70px;
    border-radius: 18px;
  }
}

@media (max-width: 600px) {
  .santa-image {
    width: 280px;
    top: 22%;
  }
  .santa-message {
    font-size: 16px;
    bottom: 10%;
  }
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  .snowflake,
  .santa-image,
  .santa-gift {
    animation: none !important;
    transition: none !important;
  }
  #santa-overlay {
    background: rgba(0, 0, 0, 0.7);
  }
}