/* Sayfa geçiş ekranı (assets/js/mf/gecis.js) */
.mf-gecis{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(244,245,247,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .18s,visibility 0s .18s;touch-action:none;overscroll-behavior:contain}
.mf-gecis.is-acik{opacity:1;visibility:visible;transition:opacity .18s}
.mf-gecis-kart{width:min(360px,100%);background:#fff;border:1px solid #e3e6ea;border-radius:14px;box-shadow:0 18px 40px -16px rgba(17,24,39,.28);padding:30px 26px 0;text-align:center;overflow:hidden;transform:translateY(6px) scale(.98);transition:transform .2s;font-family:Inter,system-ui,sans-serif}
.mf-gecis.is-acik .mf-gecis-kart{transform:none}
.mf-gecis-isaret{position:relative;width:88px;height:88px;margin:0 auto 20px;border-radius:50%;background:#1d4ed8;display:flex;align-items:center;justify-content:center}
.mf-gecis-isaret img{width:54px;height:54px;animation:mf-gecis-suz 1.6s ease-in-out infinite}
.mf-gecis-isaret::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2.5px solid #e6ebf5}
.mf-gecis-isaret::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2.5px solid transparent;border-top-color:#f59e0b;border-right-color:#f59e0b;animation:mf-gecis-don 1.1s linear infinite}
.mf-gecis-baslik{font-size:17px;font-weight:600;color:#1c2430;margin:0}
.mf-gecis-alt{font-size:13.5px;color:#5f6b7a;margin:6px 0 0;min-height:20px}
.mf-gecis-cubuk{position:relative;height:3px;margin:24px -26px 0;background:#eef0f3;overflow:hidden}
.mf-gecis-cubuk::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,transparent,#1d4ed8,transparent);animation:mf-gecis-ak 1.2s ease-in-out infinite}
@keyframes mf-gecis-don{to{transform:rotate(360deg)}}
@keyframes mf-gecis-suz{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-3px)}}
@keyframes mf-gecis-ak{to{left:100%}}
@media (prefers-reduced-motion:reduce){
  .mf-gecis-isaret img,.mf-gecis-isaret::after,.mf-gecis-cubuk::after{animation-duration:3s}
}
