/* Vitrin widget'ı (GİB Hızlı Giriş) — önek mvh. Tuval 560×520, JS --s ile ölçekler.
   Taban stil = SON KARE (JS yok / azaltılmış hareket = tam resim). Animasyonlar yalnız .is-on altında, 9 sn'de bir baştan. */
.mvh-bolge .download-grid{grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:center}
.mvh-bolge .download-content-wrapper{align-items:center}
.mvh-bolge .tablet-qr-code-holder{margin-bottom:0;justify-content:center}
@media screen and (max-width:991px){.mvh-bolge .download-grid{grid-template-columns:minmax(0,1fr)}}

.mvh{--s:1;position:relative;width:100%;max-width:560px;aspect-ratio:560/520;color:#102840;font-size:13px;line-height:1.3;transition:opacity .3s}
.mvh *{box-sizing:border-box}
.mvh-tuval{position:absolute;left:0;top:0;width:560px;height:520px;transform:scale(var(--s));transform-origin:0 0}
.mvh.is-sol{opacity:0}
.mvh b{font-weight:700}
.mvh svg{display:block}

/* panel kartı */
.mvh-pn{position:absolute;left:0;top:24px;width:330px;height:250px;background:#fff;border-radius:18px;box-shadow:0 18px 40px -14px rgba(11,95,176,.28),0 2px 6px rgba(16,40,64,.06);overflow:hidden}
.mvh-pn-ust{display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-bottom:1px solid #e6eef7}
.mvh-pn-ust b{font-size:13px}
.mvh-pn-ust small{margin-left:auto;font-size:11px;color:#5b7189}
.mvh-nokta{width:9px;height:9px;border-radius:50%;background:#0088e8;box-shadow:0 0 0 4px #e1f1fd}
.mvh-sat{display:flex;align-items:center;gap:10px;height:52px;margin:0 8px;padding:0 8px;border-radius:12px;border:1px solid transparent}
.mvh-av{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e1f1fd;color:#0b5fb0;font-weight:700;font-size:12px}
.mvh-ad{display:flex;flex-direction:column;min-width:0}
.mvh-ad b{font-size:13px;white-space:nowrap}
.mvh-ad small{font-size:11px;color:#5b7189;white-space:nowrap}
.mvh-dg{margin-left:auto;flex:none;padding:6px 11px;border-radius:999px;background:#0088e8;color:#fff;font-size:11.5px;font-weight:600;box-shadow:0 4px 10px -3px rgba(0,136,232,.5)}
.mvh-sat:not(.sec) .mvh-dg{background:#e1f1fd;color:#0b5fb0;box-shadow:none}
.mvh-sat.sec{background:#eef7ff;border-color:#9bd0f7}
.mvh-rip{position:absolute;left:275px;top:148px;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;border:2px solid #0088e8;opacity:0;pointer-events:none;z-index:1}
.mvh-imlec{position:absolute;left:270px;top:145px;width:26px;height:26px;color:#102840;opacity:0;filter:drop-shadow(0 3px 4px rgba(16,40,64,.3));z-index:4}

/* tarayıcı penceresi */
.mvh-br{position:absolute;left:190px;top:232px;width:370px;height:280px;background:#fff;border-radius:18px;box-shadow:0 22px 46px -14px rgba(11,95,176,.38),0 2px 8px rgba(16,40,64,.08);overflow:hidden;z-index:2}
.mvh-br-ust{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:#eaf1f8;border-bottom:1px solid #d9e5f0}
.mvh-br-ust i{width:9px;height:9px;border-radius:50%;background:#c3d3e3}
.mvh-br-ust i:first-child{background:#f1a08f}
.mvh-br-ust i:nth-child(2){background:#f3cf86}
.mvh-br-ust i:nth-child(3){background:#9fd8b6}
.mvh-br-ust span{margin-left:10px;flex:1;padding:4px 12px;border-radius:999px;background:#fff;color:#5b7189;font-size:11.5px}
.mvh-br-govde{position:relative;height:244px}
.mvh-fm{position:absolute;inset:0;padding:14px 26px;opacity:0}
.mvh-bas{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.mvh-bas span{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,#0088e8,#0b5fb0)}
.mvh-bas b{font-size:13px;color:#0b5fb0}
.mvh-fm label{display:block;margin:8px 0 4px;font-size:11px;font-weight:600;color:#5b7189}
.mvh-in{display:flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:1.5px solid #cfdeec;border-radius:10px;background:#f8fbfe;font-weight:600;letter-spacing:.06em}
.mvh-kod{display:inline-block}
.mvh-sf i{width:7px;height:7px;border-radius:50%;background:#102840}
.mvh-gir{display:grid;place-items:center;height:34px;margin-top:12px;border-radius:10px;background:#0088e8;color:#fff;font-weight:700;font-size:12.5px}
.mvh-pr{position:absolute;left:26px;right:26px;bottom:14px;height:4px;border-radius:4px;background:#e1f1fd;overflow:hidden}
.mvh-pr i{display:block;height:100%;width:100%;background:#0088e8;border-radius:4px}
.mvh-oturum{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff}
.mvh-oturum b{font-size:17px}
.mvh-halka{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#e3f5ec;color:#0f7d4e;box-shadow:0 0 0 8px rgba(15,125,78,.1)}
.mvh-halka svg{width:36px;height:36px}
.mvh-halka path{stroke-dasharray:24;stroke-dashoffset:0}
.mvh-pill{padding:5px 12px;border-radius:999px;background:#e3f5ec;color:#0f7d4e;font-weight:600;font-size:12px}

/* yüzen çipler */
.mvh-chip{position:absolute;z-index:3}
.mvh-chip span{display:flex;align-items:center;gap:7px;padding:8px 13px 8px 10px;border-radius:999px;background:#fff;color:#102840;font-weight:600;font-size:12px;white-space:nowrap;box-shadow:0 10px 24px -8px rgba(11,95,176,.35),0 1px 3px rgba(16,40,64,.08)}
.mvh-chip svg{width:16px;height:16px;color:#0088e8;flex:none}
.mvh-chip.c1{left:352px;top:30px}
.mvh-chip.c2{left:396px;top:92px}
.mvh-chip.c3{left:380px;top:154px}
.mvh-chip.c4{left:10px;top:330px}
.mvh-chip.c5{left:10px;top:400px}
.mvh-chip.c2 svg{color:#e16e0a}
.mvh-chip.c4 svg,.mvh-chip.c5 svg{color:#0f7d4e}

/* hareket (yalnız görünürken; JS .is-on verir) */
@media (prefers-reduced-motion:no-preference){
.mvh.is-on .mvh-imlec{animation:mvh-cur 2.8s .3s both cubic-bezier(.45,.05,.3,1)}
.mvh.is-on .mvh-rip{animation:mvh-rip .7s 2.3s both ease-out}
.mvh.is-on .mvh-sat.sec{animation:mvh-sec .4s 2s both}
.mvh.is-on .mvh-sat.sec .mvh-dg{animation:mvh-bas .35s 2.2s both}
.mvh.is-on .mvh-br{animation:mvh-br .8s 2.7s both cubic-bezier(.2,.8,.25,1)}
.mvh.is-on .mvh-kod{animation:mvh-kod .9s 3.6s both steps(8)}
.mvh.is-on .mvh-sf i{animation:mvh-nok .25s both}
.mvh.is-on .mvh-sf i:nth-child(1){animation-delay:4.6s}
.mvh.is-on .mvh-sf i:nth-child(2){animation-delay:4.75s}
.mvh.is-on .mvh-sf i:nth-child(3){animation-delay:4.9s}
.mvh.is-on .mvh-sf i:nth-child(4){animation-delay:5.05s}
.mvh.is-on .mvh-sf i:nth-child(5){animation-delay:5.2s}
.mvh.is-on .mvh-sf i:nth-child(6){animation-delay:5.35s}
.mvh.is-on .mvh-fm{animation:mvh-fm 4.3s 2.9s both linear}
.mvh.is-on .mvh-gir{animation:mvh-bas .3s 5.8s both}
.mvh.is-on .mvh-pr i{animation:mvh-pr 1s 5.9s both ease-in-out}
.mvh.is-on .mvh-oturum{animation:mvh-ot .45s 7s both}
.mvh.is-on .mvh-halka{animation:mvh-halka .55s 7.1s both cubic-bezier(.3,1.5,.5,1)}
.mvh.is-on .mvh-halka path{animation:mvh-cizgi .45s 7.3s both ease-out}
.mvh.is-on .mvh-chip{animation:mvh-chip .55s both cubic-bezier(.2,.9,.3,1.2)}
.mvh.is-on .mvh-chip.c1{animation-delay:1s}
.mvh.is-on .mvh-chip.c2{animation-delay:2.3s}
.mvh.is-on .mvh-chip.c5{animation-delay:3.9s}
.mvh.is-on .mvh-chip.c4{animation-delay:5s}
.mvh.is-on .mvh-chip.c3{animation-delay:6.2s}
.mvh.is-on .mvh-chip span{animation:mvh-yuz 4.5s ease-in-out infinite}
.mvh.is-on .mvh-chip.c2 span{animation-delay:-1.2s}
.mvh.is-on .mvh-chip.c3 span{animation-delay:-2.4s}
.mvh.is-on .mvh-chip.c4 span{animation-delay:-3.2s}
.mvh.is-on .mvh-chip.c5 span{animation-delay:-.6s}
.mvh.is-sifir *{animation:none!important}
}
@keyframes mvh-cur{0%{opacity:0;transform:translate(170px,-90px)}12%{opacity:1}70%{opacity:1;transform:translate(0,0) scale(1)}80%{transform:translate(0,0) scale(.8)}88%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(10px,6px)}}
@keyframes mvh-rip{0%{opacity:.7;transform:scale(.3)}100%{opacity:0;transform:scale(2.6)}}
@keyframes mvh-sec{from{background:transparent;border-color:transparent}}
@keyframes mvh-bas{0%{transform:scale(1)}50%{transform:scale(.9)}100%{transform:scale(1)}}
@keyframes mvh-br{0%{opacity:0;transform:translateY(46px) scale(.92)}100%{opacity:1;transform:none}}
@keyframes mvh-kod{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes mvh-nok{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
@keyframes mvh-fm{0%{opacity:1}96%{opacity:1}100%{opacity:0}}
@keyframes mvh-pr{from{width:0}to{width:100%}}
@keyframes mvh-ot{from{opacity:0}to{opacity:1}}
@keyframes mvh-halka{from{transform:scale(.4)}to{transform:scale(1)}}
@keyframes mvh-cizgi{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes mvh-chip{from{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}
@keyframes mvh-yuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}