/* Kaydirma sozlesmesi tek dosyada: hem ana sayfa hem iletisim sayfasi ayni
   sabit basliga sahip, ikisi de bu dosyayi yukler. production.css'ten ayrildi
   cunku o dosya sadece ana sayfada bulunan bilesenleri (hediye kuponu, randevu
   kabugu) tasiyor ve iletisim sayfasina yuklenmiyordu; sonucta o sayfadaki
   #contact-form-section bagi hedefi sabit basligin altina saklıyordu. */
/* Bölüm bağlantıları tamamen native çalışır. Sabit başlığın hedefi örtmemesi için
   kaydırma kabına scroll-padding-top verilir; bu tek kural tüm hedefler için
   geçerlidir. Hedeflere ayrıca scroll-margin-top vermeyin — iki değer toplanır ve
   sayfa hedefin bir başlık boyu altında kalır. Ölçülen başlık yüksekliği:
   ≤767px 79px, 768–1023px 80px, ≥1024px 84px; üzerine 12px nefes payı. */
:root {
  --sticky-header-offset: 91px;
}

@media (min-width: 768px) {
  :root { --sticky-header-offset: 92px; }
}

@media (min-width: 1024px) {
  :root { --sticky-header-offset: 96px; }
}

html {
  scroll-padding-top: var(--sticky-header-offset);
  scroll-behavior: smooth;
  /* Burada scroll-snap YOK ve bir daha eklenmemeli. Belge kaydırıcısında
     proximity snap iki ayrı şikayetin de sebebiydi:

     1. "Takılıyor, smooth değil": her parmak/tekerlek hareketi bittiğinde
        tarayıcı kaydırmayı devralıp en yakın bölüm başına ikinci bir animasyon
        çalıştırıyordu. Kullanıcı durmak istediği yerde duramıyor, sayfa onu
        geri çekiyordu.
     2. "Düzgün yere kaydırmıyor": bağlantının kaydırması bittikten sonra snap
        hedefi bırakıp komşu bölüm sınırına kayabiliyordu.

     Bölümler 700-2400px, yani ekrandan uzun; hizalanacak doğal bir kare zaten
     yok. Hedefin başlık altına inmesini scroll-padding-top tek başına
     hallediyor. */
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}