/* Şehir ve vapur aynı sabit ekran koordinatlarını kullanır. */
body {
    isolation: isolate;
    background-image: none !important;
}
body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)), url("../images/istanbul-v2-vapursuz1.png") center bottom / cover no-repeat;
}
.bagisci-page { background: transparent !important; }
body:has(.page-shell, .verification-shell, .profile-page)::before,
.bagisci-page::before,
body:has(.payment-card)::before {
    width: clamp(140px, 27vw, 440px);
    bottom: 0;
    background-position: center bottom;
}
@media (max-width: 850px) {
    body::after { background-size: auto, auto 360px; }
    body:has(.page-shell, .verification-shell, .profile-page)::before,
    .bagisci-page::before,
    body:has(.payment-card)::before {
        width: clamp(140px, 36vw, 220px);
        bottom: -12px;
    }
}
@media (max-height: 500px) and (orientation: landscape) {
    body::after { background-size: auto, auto 280px; }
    body:has(.page-shell, .verification-shell, .profile-page)::before,
    .bagisci-page::before,
    body:has(.payment-card)::before { width: 150px; bottom: -10px; }
}