/* ============================================================
   ANİMASYONLAR
   ============================================================ */

/* === SAYFA GEÇİŞ === */
.sayfa-giris {
  animation: sayfaFadeIn .4s ease forwards;
}
@keyframes sayfaFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* === SCROLL ANİMASYONLARI === */
.scroll-gizli {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .6s ease, transform .6s ease;
}
.scroll-gizli.gorunen {
  opacity: 1;
  transform: translateY(0);
}
/* Animasyon devre dışıysa her zaman göster */
@media (prefers-reduced-motion: reduce) {
  .scroll-gizli { opacity: 1; transform: none; }
}
.scroll-gizli.gecikme-1 { transition-delay: .1s; }
.scroll-gizli.gecikme-2 { transition-delay: .2s; }
.scroll-gizli.gecikme-3 { transition-delay: .3s; }
.scroll-gizli.gecikme-4 { transition-delay: .4s; }

/* === HERO ANİMASYONLARI === */
@keyframes heroYukar {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hero-animasyon-1 { animation: heroYukar .8s ease .1s both; }
.hero-animasyon-2 { animation: heroYukar .8s ease .3s both; }
.hero-animasyon-3 { animation: heroYukar .8s ease .5s both; }
.hero-animasyon-4 { animation: heroYukar .8s ease .7s both; }

/* === MATEMATIK ARKA PLAN DESENİ === */
.hero-desen {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.hero-desen::before {
  content: 'π  ∑  ∫  √  ∞  ∂  α  β  θ  λ  μ  σ  ×  ÷  ≠  ≤  ≥  ∈  ∉  ⊂';
  position: absolute;
  inset: 0;
  font-size: 1.3rem;
  color: rgba(201,169,110,.06);
  word-break: break-all;
  line-height: 3.5;
  letter-spacing: 2.5rem;
  font-family: 'DM Sans', sans-serif;
}

/* === PARLAMA EFEKTI === */
@keyframes parla {
  0%, 100% { opacity: .6; }
  50%       { opacity: 1; }
}
.musait-nokta {
  display: inline-block;
  width: 10px; height: 10px;
  background: #2D7A47;
  border-radius: 50%;
  margin-right: 8px;
  animation: parla 1.8s ease-in-out infinite;
  vertical-align: middle;
}

/* === KAYAN BANT === */
@keyframes kayBant {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.kayar-bant-ic {
  display: inline-flex;
  animation: kayBant 20s linear infinite;
  white-space: nowrap;
}
.kayar-bant-ic:hover { animation-play-state: paused; }

/* === YıLDIZ PARLAMASı === */
@keyframes yildizParla {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.15); }
}
.yildiz-animasyon { animation: yildizParla 2s ease-in-out infinite; }

/* === ROZET SALLANMA === */
@keyframes rozetSal {
  0%,100% { transform: rotate(-3deg); }
  50%      { transform: rotate(3deg); }
}

/* === SLIDER GEÇİŞ === */
.yorum-slider { position: relative; overflow: hidden; }
.yorum-slider-ic {
  display: flex;
  transition: transform .5s cubic-bezier(.25,.46,.45,.94);
}
.yorum-kart-slider {
  min-width: 100%;
  padding: var(--bosluk-xs);
}

/* === HİZMET KART HOVERı === */
.hizmet-kart:hover .kart-ikon { background: rgba(201,169,110,.2); transform: scale(1.05); }
.kart-ikon { transition: transform .3s, background .3s; }

/* === TAB GEÇİŞ === */
.tab-icerik {
  display: none;
  animation: tabFade .35s ease;
}
.tab-icerik.aktif { display: block; }
@keyframes tabFade {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* === İLERLEME ÇUBUKLARI === */
.ilerleme-satir { margin-bottom: var(--bosluk-md); }
.ilerleme-ust {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: .9rem;
  font-weight: 500;
}
.ilerleme-bar {
  height: 8px;
  background: var(--renk-gri);
  border-radius: 50px;
  overflow: hidden;
}
.ilerleme-dolu {
  height: 100%;
  background: linear-gradient(90deg, var(--renk-altin), var(--renk-altin-acik));
  border-radius: 50px;
  width: 0;
  transition: width 1.2s cubic-bezier(.25,.46,.45,.94);
}

/* === FIYAT KART ANİMASYONU === */
.fiyat-kart {
  position: relative;
  transition: transform .3s, box-shadow .3s;
}
.fiyat-kart:hover { transform: translateY(-6px); box-shadow: var(--golge-lg); }
.fiyat-kart.onerilenn { border: 2px solid var(--renk-altin); }
.fiyat-kart.onerilenn::before {
  content: '⭐ En Popüler';
  position: absolute;
  top: -14px; left: 50%;
  transform: translateX(-50%);
  background: var(--renk-altin);
  color: var(--renk-koyu);
  font-size: .75rem;
  font-weight: 600;
  padding: 4px 16px;
  border-radius: 50px;
  white-space: nowrap;
}

/* === MÜSAİTLİK TABLOSU === */
.musait { background: rgba(45,122,71,.12) !important; color: var(--renk-yesil); font-weight: 500; }
.dolu   { background: rgba(28,20,16,.06) !important; color: #b0a898; }