/* =====================================================
   MAYA KOZMETİK – Animasyonlar & Geçişler
   ===================================================== */

/* Sayfa yüklenince elementler yukarıdan gelsin */
@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInLeft {
  from { opacity: 0; transform: translateX(-30px); }
  to   { opacity: 1; transform: translateX(0); }
}

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

@keyframes zoomIn {
  from { opacity: 0; transform: scale(.92); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(168,85,247,.4); }
  50%       { box-shadow: 0 0 0 14px rgba(168,85,247,0); }
}

/* Intersection Observer ile tetiklenen sınıflar */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

.reveal-left  { opacity: 0; transform: translateX(-30px); transition: opacity .7s ease, transform .7s ease; }
.reveal-right { opacity: 0; transform: translateX(30px);  transition: opacity .7s ease, transform .7s ease; }
.reveal-left.visible, .reveal-right.visible { opacity: 1; transform: translateX(0); }

/* Staggered children */
.stagger > * { opacity: 0; transform: translateY(20px); transition: opacity .5s ease, transform .5s ease; }
.stagger.visible > *:nth-child(1) { opacity: 1; transform: none; transition-delay: .0s; }
.stagger.visible > *:nth-child(2) { opacity: 1; transform: none; transition-delay: .1s; }
.stagger.visible > *:nth-child(3) { opacity: 1; transform: none; transition-delay: .2s; }
.stagger.visible > *:nth-child(4) { opacity: 1; transform: none; transition-delay: .3s; }
.stagger.visible > *:nth-child(5) { opacity: 1; transform: none; transition-delay: .4s; }
.stagger.visible > *:nth-child(6) { opacity: 1; transform: none; transition-delay: .5s; }
.stagger.visible > *:nth-child(7) { opacity: 1; transform: none; transition-delay: .6s; }
.stagger.visible > *:nth-child(8) { opacity: 1; transform: none; transition-delay: .7s; }

/* Pulse on CTA */
.pulse { animation: pulse-glow 2s infinite; }

/* Gradient text utility */
.gradient-text {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Glass card */
.glass {
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: var(--radius-lg);
}

/* Hover lift utility */
.hover-lift { transition: transform .28s ease, box-shadow .28s ease; }
.hover-lift:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }