/* Hareket: hero slayt (bulanık geçiş), dönen metin, kaydırma animasyonları, logo boyutları */

/* Logolar biraz daha büyük */
.marka img { width: 140px; }
@media (min-width: 720px) { .marka img { width: 160px; } }
@media (min-width: 1080px) { .marka img { width: 156px; } }
.alt-marka img { width: 210px; }

/* Hakkımızda: logo paneli */
.hakk-gorsel { display: grid; gap: 14px; }
.logo-panel { display: grid; place-items: center; padding: 26px; border-radius: 24px; background: radial-gradient(circle at 50% 40%, #1f3441, #0e181f 75%); border: 1px solid rgba(255, 255, 255, .6); box-shadow: 0 0 0 1px rgba(76, 190, 232, .45), 0 0 34px 4px rgba(127, 208, 245, .3), var(--shadow); }
.logo-panel img { width: min(100%, 360px); height: auto; }

/* Hero: 6 fotoğraf sırayla bulanıklaşarak açılıp kapanır (yalnızca CSS; JS kapalıyken de çalışır) */
.slayt { position: absolute; inset: 0; }
.slayt img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; filter: blur(22px); transform: scale(1.06); animation: slayt 27s infinite; will-change: opacity, filter; }
.slayt img:nth-child(1) { animation-delay: -1s; }
.slayt img:nth-child(2) { animation-delay: 3.5s; }
.slayt img:nth-child(3) { animation-delay: 8s; }
.slayt img:nth-child(4) { animation-delay: 12.5s; }
.slayt img:nth-child(5) { animation-delay: 17s; }
.slayt img:nth-child(6) { animation-delay: 21.5s; }
@keyframes slayt {
  0% { opacity: 0; filter: blur(22px); transform: scale(1.06); }
  3.5% { opacity: 1; filter: blur(0); transform: scale(1); }
  14.5% { opacity: 1; filter: blur(0); transform: scale(1); }
  18.2% { opacity: 0; filter: blur(22px); transform: scale(1.03); }
  100% { opacity: 0; filter: blur(22px); }
}

/* Görselin yanındaki metin: 4 farklı ifade sırayla değişir */
.donen { display: grid; }
.donen span { grid-area: 1 / 1; opacity: 0; animation: donen 24s infinite; }
.donen span:nth-child(1) { animation-delay: -.7s; }
.donen span:nth-child(2) { animation-delay: 5.3s; }
.donen span:nth-child(3) { animation-delay: 11.3s; }
.donen span:nth-child(4) { animation-delay: 17.3s; }
@keyframes donen {
  0% { opacity: 0; transform: translateY(14px); filter: blur(5px); }
  3% { opacity: 1; transform: none; filter: none; }
  22% { opacity: 1; transform: none; filter: none; }
  25% { opacity: 0; transform: translateY(-10px); filter: blur(5px); }
  100% { opacity: 0; }
}

/* Kaydırınca beliren öğeler (reveal.js sınıfları ekler/kaldırır) */
.rv { opacity: 0; transform: translateY(26px); transition: opacity .7s ease var(--d, 0s), transform .8s cubic-bezier(.2, .7, .2, 1) var(--d, 0s); }
.rv.gor { opacity: 1; transform: none; }

/* Hareket azaltma: slayt ve dönen metin durur (ilk fotoğraf/ifade kalır), belirme animasyonu yok */
@media (prefers-reduced-motion: reduce) {
  .slayt img { animation: none; }
  .slayt img:first-child { opacity: 1; filter: none; transform: none; }
  .donen span { animation: none; }
  .donen span:first-child { opacity: 1; }
  .rv { opacity: 1; transform: none; transition: none; }
}

/* Hukuki metin sayfaları */
.metin--buyuk { font-size: clamp(1.02rem, 3.6vw, 1.18rem); line-height: 1.8; color: var(--ink-2); }
.panel > .sayi { margin-bottom: 4px; }

/* Sabit WhatsApp butonu (tüm sayfalar) */
.wa-sabit { position: fixed; right: 16px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 95; display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 58px; height: 58px; border-radius: 999px; background: #157a42; color: #fff; text-decoration: none; font-weight: 800; box-shadow: 0 10px 28px rgba(21, 122, 66, .4), 0 0 0 1px rgba(255, 255, 255, .5) inset; transition: transform .22s ease, box-shadow .22s ease; }
.wa-sabit svg { width: 30px; height: 30px; flex: 0 0 auto; }
.wa-sabit::before { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 0 0 rgba(21, 122, 66, .45); animation: wa-nabiz 2.8s ease-out infinite; pointer-events: none; }
.wa-sabit-yazi { display: none; }
@keyframes wa-nabiz { 0% { box-shadow: 0 0 0 0 rgba(21, 122, 66, .45); } 70%, 100% { box-shadow: 0 0 0 16px rgba(21, 122, 66, 0); } }
@media (hover: hover) { .wa-sabit:hover { transform: translateY(-3px); box-shadow: 0 0 0 1px rgba(76, 190, 232, .6), 0 0 26px 4px rgba(127, 208, 245, .5), 0 10px 28px rgba(21, 122, 66, .4); } }
.wa-sabit:active { transform: scale(.96); }
@media (min-width: 900px) {
  .wa-sabit { bottom: 24px; right: 24px; width: auto; padding: 0 22px 0 18px; }
  .wa-sabit-yazi { display: inline; font-size: .95rem; }
}
@media (prefers-reduced-motion: reduce) { .wa-sabit::before { animation: none; } }