/* ==========================================
   SAYFALAR ARASI GEÇİŞ PERDESİ (tüm sayfalarda ortak)
   Her sayfada <body>'nin hemen altında <div class="page-curtain"> bulunur;
   tıklamayı ve "is-leaving" sınıfını gecis.js yönetir.
   ========================================== */
.page-curtain {
    position: fixed;
    inset: 0;
    z-index: 20000;
    background-color: #EADDDD;
    pointer-events: none;
    transform: translateY(-100%);
    /* Sayfa açılırken perde yukarı kalkar */
    animation: curtainLift 0.9s cubic-bezier(0.77, 0, 0.175, 1) both;
}

@keyframes curtainLift {
    from { transform: translateY(0); }
    to { transform: translateY(-100%); }
}

/* Başka sayfaya geçerken perde alttan yukarı kapanır */
body.is-leaving .page-curtain {
    animation: curtainCover 0.6s cubic-bezier(0.77, 0, 0.175, 1) both;
}

@keyframes curtainCover {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .page-curtain,
    body.is-leaving .page-curtain {
        animation: none;
    }
}