/* =====================================================================
   davet.css — /invite (2026-10-17). Sitenin yuzeyleri (.yuzey, --cam, --ink*, --cizgi) ustune; koyu tema koyu.css token'lariyla.
   Karemsi, hover yok, basili = ice basik (sitenin kurali). Animasyonlar prefers-reduced-motion'da kapali.
   ===================================================================== */
#davet { --dv-mavi:#2563EB; --dv-yesil:#16A34A; display:grid; gap:14px; padding-bottom:24px; }
#davet h2 { margin:0 0 12px; font-size:15px; font-weight:800; letter-spacing:-.02em; display:flex; align-items:center; gap:8px; }
#davet h2 small { font-size:11.5px; font-weight:800; padding:2px 8px; border-radius:7px; background:var(--buz, rgba(37,99,235,.08)); color:var(--ink-2); }
.dv-g { animation:dvGir .55s calc(var(--g, 0) * 70ms) cubic-bezier(.2,.8,.2,1) both; }
@keyframes dvGir { from { opacity:0; transform:translateY(14px) scale(.985); } to { opacity:1; transform:none; } }
.dv-yuk { height:320px; border-radius:22px; background:linear-gradient(100deg, transparent 30%, rgba(37,99,235,.06) 50%, transparent 70%) 0 0 / 200% 100%; animation:dvYuk 1.2s linear infinite; }
@keyframes dvYuk { to { background-position:-200% 0; } }

/* ---- hero ---- */
.dv-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:10px; align-items:center; padding:30px 30px 28px; border-radius:24px; }
.dv-hero::before { content:""; position:absolute; inset:-40% -20% auto auto; width:520px; height:520px; border-radius:50%; background:radial-gradient(closest-side, rgba(37,99,235,.16), transparent); pointer-events:none; }
.dv-hero-tx { position:relative; display:grid; gap:14px; justify-items:start; min-width:0; }
.dv-cip { display:inline-flex; align-items:center; gap:7px; height:28px; padding:0 11px; border-radius:9px; font-size:12px; font-weight:800; color:var(--dv-mavi); background:rgba(37,99,235,.1); }
.dv-cip svg { width:15px; height:15px; }
.dv-hero h1 { margin:0; font-size:clamp(28px, 4.2vw, 42px); line-height:1.04; font-weight:850; letter-spacing:-.045em; }
.dv-hero h1 em { font-style:normal; display:block; background:linear-gradient(100deg, #1D4ED8, #3B82F6 45%, #22C55E); -webkit-background-clip:text; background-clip:text; color:transparent; }
.dv-hero p { margin:0; max-width:520px; font-size:14.5px; line-height:1.55; color:var(--ink-2); }

.dv-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:42px; padding:0 15px; border:0; border-radius:12px; font:inherit; font-size:13.5px; font-weight:800; cursor:pointer; text-decoration:none;
  color:var(--ink); background:var(--buz, #EEF3FB); box-shadow:inset 0 0 0 1px var(--cizgi, rgba(15,42,86,.1)); transition:transform .15s, box-shadow .2s, background .2s; -webkit-user-select:none; user-select:none; }
.dv-btn svg { width:17px; height:17px; flex:none; }
.dv-btn:active { transform:translateY(1px); box-shadow:inset 0 2px 6px rgba(15,42,86,.2); }
.dv-btn.ana { color:#fff; background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.2), transparent 55%), linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6); box-shadow:inset 0 -2px 0 rgba(0,0,0,.2), 0 10px 22px -12px rgba(37,99,235,.9); }
.dv-btn.ok { color:#fff !important; background:linear-gradient(150deg,#15803D,#16A34A) !important; }
.dv-btn.ok svg { animation:dvTik .4s cubic-bezier(.3,1.6,.5,1); }
@keyframes dvTik { from { transform:scale(.3) rotate(-25deg); } to { transform:none; } }

.dv-link { position:relative; display:flex; align-items:center; gap:10px; width:100%; max-width:540px; padding:6px 6px 6px 14px; border-radius:15px; background:var(--zemin, #fff);
  box-shadow:inset 0 0 0 1.5px rgba(37,99,235,.28), 0 12px 30px -20px rgba(37,99,235,.6); overflow:hidden; }
.dv-link-ik { color:var(--dv-mavi); display:grid; } .dv-link-ik svg { width:18px; height:18px; }
.dv-link code { flex:1; min-width:0; font:700 14.5px/1.2 ui-monospace, Menlo, Consolas, monospace; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-user-select:all; user-select:all; }
.dv-link.parla::after { content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 20%, rgba(34,197,94,.28) 50%, transparent 80%); animation:dvParla .8s ease-out both; pointer-events:none; }
@keyframes dvParla { from { transform:translateX(-100%); } to { transform:translateX(100%); } }
.dv-paylas { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.dv-paylas .dv-btn { height:38px; font-size:13px; }
.dv-kod { font-size:12.5px; color:var(--ink-3); margin-left:4px; } .dv-kod b { color:var(--ink); font-family:ui-monospace, Menlo, Consolas, monospace; letter-spacing:.04em; }
.dv-giris { display:grid; gap:8px; justify-items:start; } .dv-giris small { font-size:12.5px; color:var(--ink-3); }

/* ---- sahne ---- */
.dv-sahne { position:relative; height:250px; width:320px; max-width:100%; justify-self:center; }
.dv-yol { position:absolute; left:0; top:24px; width:320px; height:200px; overflow:visible; }
.dv-yol path { fill:none; stroke:rgba(37,99,235,.18); stroke-width:3; stroke-linecap:round; stroke-dasharray:2 9; }
.dv-yol .dv-yol-iz { stroke:rgba(37,99,235,.55); stroke-dasharray:60 400; animation:dvAk 2.6s linear infinite; }
@keyframes dvAk { from { stroke-dashoffset:460; } to { stroke-dashoffset:0; } }
.dv-kisi { position:absolute; bottom:28px; display:grid; justify-items:center; gap:7px; width:92px; }
.dv-kisi.sen { left:6%; } .dv-kisi.o { right:6%; }
.dv-kisi img { position:relative; z-index:2; width:76px; height:76px; border-radius:22px; object-fit:cover; background:var(--buz); box-shadow:0 0 0 4px var(--zemin, #fff), 0 14px 30px -14px rgba(15,42,86,.55); animation:dvSuz 3.6s ease-in-out infinite; }
.dv-kisi.o img { animation-delay:-1.8s; }
.dv-kisi b { font-size:12.5px; font-weight:800; color:var(--ink-2); }
.dv-halka { position:absolute; top:-6px; left:50%; width:88px; height:88px; margin-left:-44px; border-radius:26px; border:2px solid rgba(37,99,235,.35); animation:dvHalka 2.6s ease-out infinite; }
.dv-halka.h2 { animation-delay:1.3s; }
.dv-kisi.o .dv-halka { border-color:rgba(34,197,94,.4); animation-delay:.65s; } .dv-kisi.o .dv-halka.h2 { animation-delay:1.95s; }
@keyframes dvHalka { from { transform:scale(.85); opacity:.9; } to { transform:scale(1.45); opacity:0; } }
@keyframes dvSuz { 0%, 100% { transform:translateY(0) rotate(-2deg); } 50% { transform:translateY(-7px) rotate(2deg); } }
.dv-rz { position:absolute; z-index:3; top:-14px; right:-8px; font-style:normal; font-size:12px; font-weight:900; color:#fff; padding:4px 8px; border-radius:9px; background:linear-gradient(150deg,#15803D,#22C55E);
  box-shadow:0 8px 16px -8px rgba(22,163,74,.9); animation:dvRz 2.6s cubic-bezier(.3,1.5,.5,1) infinite; }
.dv-kisi.sen .dv-rz { background:linear-gradient(150deg,#1E40AF,#3B82F6); box-shadow:0 8px 16px -8px rgba(37,99,235,.9); animation-delay:1.3s; }
@keyframes dvRz { 0%, 18% { transform:scale(0) rotate(-20deg); opacity:0; } 30%, 78% { transform:none; opacity:1; } 92%, 100% { transform:translateY(-8px) scale(.8); opacity:0; } }
.dv-coin { position:absolute; left:0; top:0; z-index:4; width:26px; height:26px; display:grid; place-items:center; border-radius:50%; font-size:13px; font-weight:900; color:#78350F;
  background:radial-gradient(circle at 35% 30%, #FEF3C7, #FBBF24 55%, #D97706); box-shadow:0 6px 12px -4px rgba(217,119,6,.7), inset 0 -2px 0 rgba(120,53,15,.25);
  offset-path:path("M70 164 C 120 54, 200 54, 250 164"); offset-rotate:0deg; animation:dvCoin 2.6s cubic-bezier(.45,0,.55,1) infinite; opacity:0; }
.dv-coin.c2 { animation-delay:.87s; } .dv-coin.c3 { animation-delay:1.73s; }
@keyframes dvCoin { 0% { offset-distance:0%; opacity:0; transform:scale(.6); } 12% { opacity:1; transform:none; } 85% { opacity:1; } 100% { offset-distance:100%; opacity:0; transform:scale(.7); } }
.dv-kivilcim { position:absolute; width:8px; height:8px; border-radius:2px; background:#60A5FA; opacity:0; animation:dvKiv 3.2s ease-in-out infinite; }
.dv-kivilcim.k1 { left:30%; top:22%; } .dv-kivilcim.k2 { left:62%; top:14%; background:#4ADE80; animation-delay:.8s; }
.dv-kivilcim.k3 { left:48%; top:40%; background:#FBBF24; animation-delay:1.6s; border-radius:50%; } .dv-kivilcim.k4 { left:78%; top:34%; animation-delay:2.4s; }
@keyframes dvKiv { 0%, 100% { opacity:0; transform:scale(.4) rotate(0); } 40% { opacity:.9; transform:scale(1) rotate(45deg); } 70% { opacity:0; transform:scale(.6) rotate(90deg) translateY(-10px); } }

/* ---- davet eden bilgisi ---- */
.dv-davetci { display:flex; align-items:center; gap:10px; padding:12px 16px; border-radius:16px; font-size:13.5px; color:var(--ink-2); box-shadow:inset 0 0 0 1.5px rgba(34,197,94,.35); }
.dv-davetci svg { width:18px; height:18px; color:var(--dv-yesil); flex:none; } .dv-davetci b { color:var(--ink); }

/* ---- sayilar ---- */
.dv-sayilar { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; }
.dv-sayi { position:relative; overflow:hidden; display:grid; gap:4px; padding:16px 17px; border-radius:18px; }
.dv-sayi-ik { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; margin-bottom:4px; color:var(--dv-mavi); background:rgba(37,99,235,.1); }
.dv-sayi:last-child .dv-sayi-ik { color:var(--dv-yesil); background:rgba(22,163,74,.12); }
.dv-sayi-ik svg { width:18px; height:18px; }
.dv-sayi small { font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); }
.dv-sayi b { font-size:26px; font-weight:850; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.dv-sayi:last-child b { color:#15803D; } html[data-tema="koyu"] .dv-sayi:last-child b { color:#4ADE80; }

/* ---- nasil ---- */
.dv-nasil { padding:20px 22px 22px; border-radius:22px; }
.dv-adimlar { position:relative; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; }
.dv-adim-cizgi { position:absolute; left:16%; right:16%; top:31px; height:2px; background:linear-gradient(90deg, rgba(37,99,235,.35), rgba(34,197,94,.45)); transform-origin:left; animation:dvCiz 1s .6s cubic-bezier(.2,.8,.2,1) both; }
@keyframes dvCiz { from { transform:scaleX(0); } to { transform:none; } }
.dv-adim { position:relative; display:grid; justify-items:center; text-align:center; gap:6px; padding:4px 6px; animation:dvGir .5s calc(.45s + var(--i) * 160ms) cubic-bezier(.2,.8,.2,1) both; }
.dv-adim-ik { position:relative; z-index:1; width:62px; height:62px; display:grid; place-items:center; border-radius:20px; color:#fff; background:linear-gradient(150deg,#1E40AF,#3B82F6); box-shadow:0 0 0 6px var(--zemin, #fff), 0 14px 26px -14px rgba(37,99,235,.9); }
.dv-adim:last-child .dv-adim-ik { background:linear-gradient(150deg,#15803D,#22C55E); box-shadow:0 0 0 6px var(--zemin, #fff), 0 14px 26px -14px rgba(22,163,74,.9); }
.dv-adim-ik svg { width:26px; height:26px; }
.dv-adim-no { position:absolute; z-index:2; top:-2px; left:calc(50% + 20px); width:22px; height:22px; display:grid; place-items:center; border-radius:7px; font-size:11.5px; font-weight:900; color:var(--ink); background:var(--zemin, #fff); box-shadow:0 0 0 1.5px var(--cizgi-2, rgba(15,42,86,.16)); }
.dv-adim b { font-size:14px; font-weight:800; margin-top:6px; } .dv-adim small { font-size:12.5px; line-height:1.45; color:var(--ink-3); max-width:240px; }

/* ---- listeler ---- */
.dv-iki { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:14px; align-items:start; }
.dv-liste { padding:18px 18px 10px; border-radius:20px; }
.dv-arkadas { display:flex; align-items:center; gap:11px; padding:10px 2px; border-top:1px solid var(--cizgi, rgba(15,42,86,.08)); animation:dvGir .4s calc(.3s + var(--i) * 45ms) cubic-bezier(.2,.8,.2,1) both; }
.dv-liste h2 + .dv-arkadas { border-top:0; }
.dv-av { width:36px; height:36px; flex:none; display:grid; place-items:center; border-radius:11px; font-size:14px; font-weight:900; color:var(--dv-mavi); background:rgba(37,99,235,.1); }
.dv-av.para { color:#15803D; background:rgba(22,163,74,.12); }
.dv-ark-tx { flex:1; min-width:0; display:grid; gap:1px; } .dv-ark-tx b { font-size:13.5px; font-weight:800; } .dv-ark-tx small { font-size:12px; color:var(--ink-3); }
.dv-durum { font-style:normal; font-size:11px; font-weight:800; padding:3px 8px; border-radius:7px; color:var(--ink-3); background:var(--buz, rgba(15,42,86,.05)); }
.dv-durum.on { color:#15803D; background:rgba(22,163,74,.12); } html[data-tema="koyu"] .dv-durum.on { color:#4ADE80; }
.dv-kaz { font-size:13.5px; font-weight:800; min-width:64px; text-align:right; font-variant-numeric:tabular-nums; }
.dv-bos { display:grid; justify-items:center; gap:8px; padding:22px 10px 26px; text-align:center; color:var(--ink-3); }
.dv-bos svg { width:30px; height:30px; opacity:.6; animation:dvSuz 3.6s ease-in-out infinite; } .dv-bos p { margin:0; font-size:13px; max-width:300px; line-height:1.5; }
.dv-kural { display:flex; gap:9px; align-items:flex-start; margin:2px 4px 0; font-size:12.5px; line-height:1.5; color:var(--ink-3); }
.dv-kural svg { width:16px; height:16px; flex:none; margin-top:1px; }

html[data-tema="koyu"] .dv-link { background:#0E0E0E; }
html[data-tema="koyu"] .dv-kisi img, html[data-tema="koyu"] .dv-adim-ik { box-shadow:0 0 0 4px #111, 0 14px 30px -14px rgba(0,0,0,.9); }
html[data-tema="koyu"] .dv-adim-no { background:#111; }

@media (max-width:860px) {
  .dv-hero { grid-template-columns:1fr; padding:24px 20px 10px; }
  .dv-sahne { order:-1; margin:-10px auto -8px; }
  .dv-sayilar { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .dv-iki { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .dv-adimlar { grid-template-columns:1fr; gap:18px; } .dv-adim-cizgi { display:none; }
  .dv-link { flex-wrap:wrap; padding:10px; } .dv-link code { flex-basis:calc(100% - 30px); } .dv-link .dv-kopya { width:100%; }
  .dv-sayi b { font-size:22px; }
}
@media (prefers-reduced-motion: reduce) { #davet *, #davet *::before, #davet *::after { animation:none !important; transition:none !important; } .dv-coin { display:none; } }

/* =====================================================================
   REFERRAL v2 — "PARA AKISI" (2026-10-17, kullanici secti: tasarim 3) + ayri TELEFON duzeni
   ===================================================================== */
.dv-t { display:grid; gap:14px; padding-bottom:24px; }
.dv-t > * { animation:dvGir .55s cubic-bezier(.2,.8,.2,1) both; }
.dv-t > *:nth-child(2) { animation-delay:.08s; } .dv-t > *:nth-child(3) { animation-delay:.16s; } .dv-t > *:nth-child(4) { animation-delay:.24s; } .dv-t > *:nth-child(5) { animation-delay:.32s; }
.dv-t h1 { margin:0; font-size:clamp(28px, 4.2vw, 42px); line-height:1.04; font-weight:850; letter-spacing:-.045em; }
.dv-t h1 em { font-style:normal; display:block; background:linear-gradient(100deg, #1D4ED8, #3B82F6 45%, #22C55E); -webkit-background-clip:text; background-clip:text; color:transparent; }
.dv-t p { margin:0; font-size:14.5px; line-height:1.55; color:var(--ink-2); max-width:520px; }

.t3-hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:18px; padding:30px; border-radius:26px; }
.t3-tx { display:grid; gap:14px; justify-items:start; min-width:0; }
.t3-link { display:grid; gap:10px; justify-items:start; width:100%; }
.t3-sema svg { display:block; width:100%; height:auto; overflow:visible; }
.t3-sema-d { display:none; }
.t3-yol { fill:none; stroke:var(--cizgi-2, rgba(15,42,86,.14)); stroke-width:10; stroke-linecap:round; }
.t3-yol2 { fill:none; stroke:url(#t3g); stroke-width:3; stroke-linecap:round; stroke-dasharray:6 10; animation:t3Ak 1s linear infinite; opacity:.8; }
@keyframes t3Ak { to { stroke-dashoffset:-16; } }
.t3-dh { fill:rgba(37,99,235,.12); animation:t3Nabiz 2.4s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
.t3-d.yesil .t3-dh { fill:rgba(34,197,94,.14); }
@keyframes t3Nabiz { 50% { transform:scale(1.18); opacity:.4; } }
.t3-dc { fill:var(--zemin, #fff); stroke:#2563EB; stroke-width:3; }
.t3-d.yesil .t3-dc { stroke:#22C55E; }
.t3-dt { font-size:22px; font-weight:900; text-anchor:middle; fill:#D97706; }
.t3-et { font-size:13px; font-weight:850; text-anchor:middle; fill:var(--ink, #0F172A); } .t3-d.yesil .t3-et { fill:#16A34A; }
.t3-alt { font-size:10.5px; font-weight:700; text-anchor:middle; fill:var(--ink-3, #64748B); }

.t3-sayilar { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; }
.t3-sayi { position:relative; overflow:hidden; display:grid; gap:4px; padding:16px 16px 0; border-radius:18px; }
.t3-sayi small { display:flex; align-items:center; gap:7px; font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); }
.t3-sayi small svg { width:15px; height:15px; flex:none; color:#2563EB; }
.t3-sayi:last-child small svg { color:#16A34A; }
.t3-sayi b { font-size:28px; font-weight:850; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.t3-sayi:last-child b { color:#15803D; } html[data-tema="koyu"] .t3-sayi:last-child b { color:#4ADE80; }
.t3-cubuk { display:flex; align-items:flex-end; gap:3px; height:38px; margin:4px -2px 0; }
.t3-cubuk i { flex:1; height:var(--h); border-radius:4px 4px 0 0; background:linear-gradient(180deg, rgba(59,130,246,.55), rgba(59,130,246,.08)); transform-origin:bottom;
  animation:t3Cub 1.1s calc(var(--j) * 60ms) cubic-bezier(.2,.8,.2,1) both, t3Dal 3s calc(1.2s + var(--j) * 120ms) ease-in-out infinite; }
.t3-sayi:last-child .t3-cubuk i { background:linear-gradient(180deg, rgba(34,197,94,.6), rgba(34,197,94,.08)); }
@keyframes t3Cub { from { transform:scaleY(0); } } @keyframes t3Dal { 50% { transform:scaleY(.7); } }

.t3-nasil { padding:18px 20px; border-radius:22px; }
.t3-nasil h2 { margin-bottom:14px !important; }
.t3-adimlar { display:flex; align-items:center; gap:10px; }
.t3-adim { flex:1; display:flex; align-items:center; gap:12px; min-width:0; animation:dvGir .5s calc(.4s + var(--i) * .15s) both; }
.t3-atx { display:grid; gap:2px; min-width:0; } .t3-atx b { font-size:14px; } .t3-atx small { font-size:12px; color:var(--ink-3); line-height:1.4; }
.t3-aik { position:relative; width:44px; height:44px; flex:none; display:grid; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(150deg,#1E40AF,#3B82F6); }
.t3-adim:last-child .t3-aik { background:linear-gradient(150deg,#15803D,#22C55E); }
.t3-aik svg { width:20px; height:20px; }
.t3-aik em { position:absolute; top:-6px; right:-6px; width:19px; height:19px; display:grid; place-items:center; border-radius:6px; font-style:normal; font-size:10.5px; font-weight:900; color:var(--ink); background:var(--zemin, #fff); box-shadow:0 0 0 1.5px var(--cizgi-2, rgba(15,42,86,.16)); }
.t3-ok { width:34px; height:2px; flex:none; background:linear-gradient(90deg, #3B82F6 50%, transparent 50%) 0 0 / 10px 2px; animation:t3Ok .6s linear infinite; }
@keyframes t3Ok { to { background-position:10px 0; } }
html[data-tema="koyu"] .t3-dc { fill:#111; } html[data-tema="koyu"] .t3-et { fill:#F1F5F9; } html[data-tema="koyu"] .t3-d.yesil .t3-et { fill:#4ADE80; }
html[data-tema="koyu"] .t3-aik em { background:#111; }

/* ---------------- tablet ---------------- */
@media (max-width:900px) {
  .t3-hero { grid-template-columns:1fr; } .t3-sema-y { order:-1; }
  .t3-sayilar { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
/* ---------------- TELEFON (2026-10-17, kullanici: "mobildeki tasarim kotu") ---------------- */
@media (max-width:620px) {
  .dv-t { gap:10px; }
  .t3-hero { padding:20px 16px 18px; border-radius:22px; gap:0; }
  .t3-tx { gap:12px; }
  .dv-t h1 { font-size:31px; } .dv-t p { font-size:14px; }
  .t3-sema-y { display:none; }
  .t3-sema-d { display:block; width:100%; max-width:330px; margin:2px auto -4px; justify-self:center; }
  .t3-sema-d .t3-et { font-size:14.5px; } .t3-sema-d .t3-alt { font-size:12px; }
  .t3-link { justify-items:stretch; }
  .t3-link .dv-link { flex-wrap:wrap; padding:10px; gap:8px; max-width:none; }
  .t3-link .dv-link code { flex:1 1 calc(100% - 30px); font-size:13.5px; }
  .t3-link .dv-kopya { width:100%; height:46px; font-size:14.5px; }
  .t3-link .dv-paylas { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; }
  .t3-link .dv-paylas .dv-btn { height:56px; padding:0 4px; flex-direction:column; gap:4px; font-size:11.5px; }
  .t3-link .dv-paylas .dv-btn svg { width:19px; height:19px; }
  .t3-link .dv-kod { justify-self:center; margin:0; }
  .t3-link .dv-giris { justify-items:stretch; } .t3-link .dv-giris .dv-btn { height:48px; }
  .t3-sayilar { gap:8px; }
  .t3-sayi { padding:12px 12px 0; border-radius:16px; gap:2px; }
  .t3-sayi small { font-size:9.5px; letter-spacing:.06em; gap:5px; } .t3-sayi small span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .t3-sayi b { font-size:22px; }
  .t3-cubuk { height:22px; margin-top:2px; }
  .t3-nasil { padding:16px; }
  .t3-adimlar { flex-direction:column; align-items:stretch; gap:0; }
  .t3-adim { align-items:flex-start; padding:4px 0; }
  .t3-ok { width:2px; height:18px; margin:2px 0 2px 21px; background:linear-gradient(180deg, #3B82F6 50%, transparent 50%) 0 0 / 2px 8px; animation:t3OkD .6s linear infinite; }
  @keyframes t3OkD { to { background-position:0 8px; } }
  .dv-iki { gap:10px; } .dv-liste { padding:16px 14px 6px; }
  .dv-kaz { min-width:0; }
}
@media (prefers-reduced-motion: reduce) { .dv-t *, .dv-t *::before, .dv-t *::after { animation:none !important; } }

/* ---- TELEFON KUCUK ANIMASYONLAR (2026-10-17, deneme #m1..#m3) — yalniz <=620px ---- */
.mv { display:none; }
.mv-secici { position:fixed; z-index:150; left:50%; bottom:14px; transform:translateX(-50%); display:flex; gap:4px; padding:6px; border-radius:15px; background:rgba(15,23,42,.92); box-shadow:0 18px 40px -14px rgba(0,0,0,.6); }
.mv-secici button { display:flex; align-items:center; gap:6px; height:34px; padding:0 10px; border:0; border-radius:10px; background:none; color:#CBD5E1; font:inherit; font-size:12.5px; font-weight:750; cursor:pointer; }
.mv-secici button b { width:19px; height:19px; display:grid; place-items:center; border-radius:6px; background:rgba(255,255,255,.1); font-size:11px; }
.mv-secici button.on { color:#fff; background:#2563EB; }
@media (max-width:620px) {
  .mv { display:flex; width:100%; }

  /* 1 · SERIT: dort kucuk dugum, aralarinda akan nokta */
  .mv1 { align-items:flex-start; justify-content:space-between; padding:12px 10px 10px; border-radius:16px; background:var(--buz, #EEF3FB); box-shadow:inset 0 0 0 1px var(--cizgi, rgba(15,42,86,.08)); }
  .mv1-n { display:grid; justify-items:center; gap:5px; flex:none; width:52px; }
  .mv1-n img, .mv1-n > span { width:38px; height:38px; border-radius:12px; object-fit:cover; display:grid; place-items:center; box-shadow:0 0 0 2px #fff, 0 6px 14px -8px rgba(15,42,86,.6); animation:mvTik 3.2s ease-in-out infinite; }
  .mv1-n:nth-of-type(2) img { animation-delay:.8s; } .mv1-para > span { animation-delay:1.6s !important; } .mv1-odul > span { animation-delay:2.4s !important; }
  @keyframes mvTik { 0%, 20%, 100% { transform:none; } 8% { transform:translateY(-4px) scale(1.08); } }
  .mv1-para > span { font-size:17px; font-weight:900; color:#78350F; background:radial-gradient(circle at 35% 30%, #FEF3C7, #FBBF24 55%, #D97706); }
  .mv1-odul > span { display:grid !important; gap:2px; place-content:center; background:linear-gradient(150deg,#15803D,#22C55E); }
  .mv1-odul em { font-style:normal; font-size:9.5px; font-weight:900; line-height:1; color:#fff; }
  .mv1-n small { font-size:10.5px; font-weight:800; color:var(--ink-2); text-align:center; line-height:1.15; white-space:nowrap; }
  .mv1-c { position:relative; flex:1; height:3px; margin-top:18px; border-radius:2px; background:var(--cizgi-2, rgba(15,42,86,.14)); overflow:visible; }
  .mv1-c b { position:absolute; top:-3px; left:0; width:9px; height:9px; border-radius:50%; background:#3B82F6; box-shadow:0 0 10px rgba(59,130,246,.9); animation:mvAk 1.6s cubic-bezier(.45,0,.55,1) infinite; }
  .mv1-c:nth-of-type(2) b { background:#F59E0B; box-shadow:0 0 10px rgba(245,158,11,.9); animation-delay:.4s; } .mv1-c.yesil b { background:#22C55E; box-shadow:0 0 10px rgba(34,197,94,.9); animation-delay:.8s; }
  @keyframes mvAk { from { left:-4px; opacity:0; } 15% { opacity:1; } 85% { opacity:1; } to { left:calc(100% - 5px); opacity:0; } }

  /* 2 · KARTLAR: uc mini adim, isik sirayla yanar */
  .mv2 { align-items:center; gap:4px; }
  .mv2-k { flex:1; min-width:0; display:grid; justify-items:center; gap:5px; padding:10px 4px 9px; border-radius:14px; text-align:center; background:var(--buz, #EEF3FB);
    box-shadow:inset 0 0 0 1px var(--cizgi, rgba(15,42,86,.08)); animation:mvYan 3.6s calc(var(--i) * 1.2s) ease-in-out infinite; }
  .mv2-k i { width:30px; height:30px; display:grid; place-items:center; border-radius:10px; color:#fff; background:linear-gradient(150deg,#1E40AF,#3B82F6); }
  .mv2-k:last-of-type i { background:linear-gradient(150deg,#15803D,#22C55E); }
  .mv2-k i svg { width:16px; height:16px; }
  .mv2-k b { font-size:11px; font-weight:800; line-height:1.2; color:var(--ink); }
  @keyframes mvYan { 0%, 40%, 100% { box-shadow:inset 0 0 0 1px var(--cizgi, rgba(15,42,86,.08)); transform:none; } 12%, 28% { box-shadow:inset 0 0 0 2px #3B82F6, 0 10px 20px -12px rgba(37,99,235,.8); transform:translateY(-2px); } }
  .mv2-ok { flex:none; width:12px; height:2px; background:linear-gradient(90deg, #3B82F6 50%, transparent 50%) 0 0 / 6px 2px; animation:t3Ok .5s linear infinite; }

  /* 3 · IKILI: iki avatar, donen halka, iki coin, rozetler */
  .mv3 { position:relative; flex-direction:column; align-items:center; gap:12px; padding:14px 0 4px; }
  .mv3-av { position:relative; z-index:2; display:flex; }
  .mv3-av img { width:50px; height:50px; border-radius:16px; object-fit:cover; box-shadow:0 0 0 3px var(--zemin, #fff), 0 10px 20px -10px rgba(15,42,86,.6); animation:dvSuz 3.4s ease-in-out infinite; }
  .mv3-av img + img { margin-left:-10px; animation-delay:-1.7s; }
  .mv3-halka { position:absolute; z-index:1; top:-6px; left:50%; width:98px; height:98px; margin-left:-49px; border-radius:50%; border:2px dashed rgba(37,99,235,.35); animation:t1Don 9s linear infinite; }
  .mv3-coin { position:absolute; z-index:3; top:28px; left:50%; width:20px; height:20px; margin-left:-10px; display:grid; place-items:center; border-radius:50%; font-size:10.5px; font-weight:900; color:#78350F;
    background:radial-gradient(circle at 35% 30%, #FEF3C7, #FBBF24 55%, #D97706); box-shadow:0 0 10px rgba(251,191,36,.8); opacity:0; animation:mvFir 2.4s ease-out infinite; --x:-46px; }
  .mv3-coin.c2 { --x:46px; animation-delay:1.2s; }
  @keyframes mvFir { 0% { opacity:0; transform:translate(0, 6px) scale(.4); } 20% { opacity:1; } 60% { opacity:1; transform:translate(var(--x), -26px) scale(1) rotate(20deg); } 100% { opacity:0; transform:translate(calc(var(--x) * 1.1), -6px) scale(.7); } }
  .mv3-rz { display:flex; gap:6px; }
  .mv3-rz em { font-style:normal; font-size:11px; font-weight:900; padding:4px 9px; border-radius:8px; color:#fff; background:linear-gradient(150deg,#1E40AF,#3B82F6); animation:t1Atim 2.4s ease-in-out infinite; }
  .mv3-rz em + em { background:linear-gradient(150deg,#15803D,#22C55E); animation-delay:1.2s; }
}
@keyframes t1Don { to { transform:rotate(360deg); } }
@keyframes t1Atim { 50% { transform:scale(1.08); } }
@media (max-width:620px) { .mv1 { padding:12px 6px 10px; } .mv1-n { width:48px; } .mv1-odul { width:66px; } .mv1-n small { font-size:10px; } }