/* ===== OpenProfil - Animasyonlar ===== */

/* Fade-in up (scroll reveal için) */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Gecikmeli animasyonlar */
.animate-delay-1 { transition-delay: 0.1s; }
.animate-delay-2 { transition-delay: 0.2s; }
.animate-delay-3 { transition-delay: 0.3s; }
.animate-delay-4 { transition-delay: 0.4s; }

/* Yüzen dekoratif öğeler (About bölümü) */
@keyframes float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-12px) rotate(3deg); }
}

@keyframes floatReverse {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(10px) rotate(-2deg); }
}

.deco-float {
  animation: float 6s ease-in-out infinite;
}

.deco-float-slow {
  animation: float 8s ease-in-out infinite;
}

/* Hero dekor görselleri hafif hareket */
.hero .deco-plus {
  animation: float 5s ease-in-out infinite;
}

.hero .deco-ring {
  animation: floatReverse 6s ease-in-out infinite;
}

/* Kart hover - hafif scale */
.feature-card,
.delivery-card,
.review-card {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}

/* Buton pulse (CTA) */
@keyframes pulse-soft {
  0%, 100% { box-shadow: 0 4px 20px rgba(124, 58, 237, 0.4); }
  50% { box-shadow: 0 4px 28px rgba(124, 58, 237, 0.55); }
}

.video-cta,
.btn-submit {
  animation: pulse-soft 3s ease-in-out infinite;
}

/* Yıldız parıltı (About bölümü dekor) */
@keyframes twinkle {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.1); }
}

.about-star {
  animation: twinkle 2.5s ease-in-out infinite;
}

/* Slider geçişi */
.review-card.slide-in {
  animation: slideIn 0.4s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Sayfa yüklenince hero */
.hero h1,
.hero .hero-desc,
.hero .social-proof {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out forwards;
}

.hero h1 { animation-delay: 0.1s; }
.hero .hero-desc { animation-delay: 0.25s; }
.hero .social-proof { animation-delay: 0.4s; }

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

/* Nav link hover underline */
.nav a {
  position: relative;
}

.nav a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--accent-purple);
  transition: width 0.3s ease;
}

.nav a:hover::after {
  width: 100%;
}

/* Logo hover */
.logo-wrap {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.logo-wrap:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}