/* Yalın finans dili (7 Kas 2026): ortalı ince başlık, 24px köşeli hafif gölgeli kart, 56px hap düğme, beyaz zemin.
   Nasıl Çalışır ve ana sayfa ortak kullanır. Yalnız mor + sarı + nötr. */
:root{--yf-yazi:#1D1433; --yf-gri:#5E5472; --yf-cizgi:#E8E8E8; --yf-golge:0 8px 22px -16px rgba(37,26,73,.18); --yf-lila:#F1ECFB}

/* ---- Ortak başlık ve kart ---- */
.fc-bolum{max-width:1120px; margin:0 auto; padding:clamp(40px,5.4vw,72px) 24px 0; box-sizing:border-box}
.fc-bas{margin:0; font-family:var(--font-baslik); font-size:clamp(24px,2.2vw,28px); font-weight:400; line-height:1.25; color:var(--yf-yazi); text-align:center}
.fc-alt{margin:8px 0 0; font-size:16px; line-height:1.45; color:var(--yf-gri); text-align:center}
.fc-dip{margin:16px 0 0; font-size:14px; line-height:1.45; color:var(--yf-gri); text-align:center}
.fc-dip a{color:var(--mor); font-weight:600; text-decoration:underline; text-underline-offset:2px}

/* Tablo */
.fc-tablo{width:100%; min-width:0; margin:clamp(20px,2.4vw,32px) 0 0; border:.8px solid var(--yf-cizgi); border-radius:24px; border-collapse:separate; border-spacing:0; overflow:hidden; background:#fff; box-shadow:var(--yf-golge); table-layout:fixed}
.fc-tablo th{text-transform:none; letter-spacing:normal; background:none}
.fc-tablo thead th{padding:16px 24px; border-bottom:.8px solid var(--yf-cizgi); color:var(--yf-gri); font-size:14px; font-weight:600; line-height:1.3; text-align:left}
.fc-tablo tbody th,.fc-tablo tbody td{padding:18px 24px; border-top:.8px solid var(--yf-cizgi); font-size:16px; line-height:1.4; text-align:left; vertical-align:top}
.fc-tablo tbody tr:first-child th,.fc-tablo tbody tr:first-child td{border-top:0}
.fc-tablo tbody th{font-weight:700; color:var(--yf-yazi)}
.fc-tablo tbody td{font-weight:400; color:var(--yf-gri)}
.fc-uc thead th:first-child,.fc-uc tbody th{width:26%}

/* Örnek hesap */
.fc-hesap{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; margin-top:clamp(20px,2.4vw,32px); text-align:left}
.fc-girdi,.fc-sonuc{border:.8px solid var(--yf-cizgi); border-radius:24px; background:#fff; box-shadow:var(--yf-golge)}
.fc-girdi{display:flex; flex-direction:column; justify-content:center; padding:24px}
.fc-girdi label{font-size:16px; font-weight:600; color:var(--yf-yazi)}
.fc-girdi output{display:block; margin-top:4px; font-family:var(--font-baslik); font-size:44px; font-weight:400; line-height:1.1; color:var(--mor); font-variant-numeric:tabular-nums}
.fc-girdi input{--oran:50%; width:100%; height:44px; margin:8px 0 0; padding:0; border:0; background:none; cursor:pointer; -webkit-appearance:none; appearance:none; touch-action:pan-y}
.fc-girdi input::-webkit-slider-runnable-track{height:6px; border-radius:3px; background:linear-gradient(90deg,var(--mor) var(--oran),#E8E3F3 var(--oran))}
.fc-girdi input::-moz-range-track{height:6px; border-radius:3px; background:#E8E3F3}
.fc-girdi input::-moz-range-progress{height:6px; border-radius:3px; background:var(--mor)}
.fc-girdi input::-webkit-slider-thumb{-webkit-appearance:none; width:28px; height:28px; margin-top:-11px; border:3px solid #fff; border-radius:50%; background:var(--mor); box-shadow:0 2px 8px rgba(37,26,73,.3)}
.fc-girdi input::-moz-range-thumb{width:24px; height:24px; border:3px solid #fff; border-radius:50%; background:var(--mor); box-shadow:0 2px 8px rgba(37,26,73,.3)}
.fc-girdi input:focus-visible{outline:3px solid var(--mor); outline-offset:3px; border-radius:4px}
.fc-olcek{display:flex; justify-content:space-between; font-size:14px; color:var(--yf-gri)}
.fc-sonuc{margin:0; overflow:hidden}
.fc-sonuc > div{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:10px 24px; box-sizing:border-box; border-top:.8px solid var(--yf-cizgi)}
.fc-sonuc > div:first-child{border-top:0}
.fc-sonuc dt{font-size:16px; color:var(--yf-gri)}
.fc-sonuc dd{flex:none; margin:0; font-size:17px; font-weight:600; color:var(--yf-yazi); font-variant-numeric:tabular-nums}
.fc-sonuc .fc-kalan{background:var(--yf-lila)}
.fc-sonuc .fc-kalan dt{font-weight:600; color:var(--yf-yazi)}
.fc-sonuc .fc-kalan dd{font-size:26px; font-weight:700; color:var(--mor)}

/* Adım listesi */
.fc-is{display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:32px; align-items:start; margin-top:clamp(20px,2.4vw,32px)}
.fc-is .fc-tablo{margin:0}
.fc-adim{display:grid; margin:0; padding:0; list-style:none; counter-reset:adim; border:.8px solid var(--yf-cizgi); border-radius:24px; overflow:hidden; background:#fff; box-shadow:var(--yf-golge)}
.fc-adim li{position:relative; padding:18px 20px 18px 64px; border-top:.8px solid var(--yf-cizgi); counter-increment:adim}
.fc-adim li:first-child{border-top:0}
.fc-adim li::before{content:counter(adim); position:absolute; left:20px; top:18px; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--yf-lila); color:var(--mor); font-size:15px; font-weight:700}
.fc-adim b{display:block; font-size:16px; font-weight:700; line-height:1.3; color:var(--yf-yazi)}
.fc-adim span{display:block; margin-top:2px; font-size:15px; line-height:1.4; color:var(--yf-gri)}

/* Sorular */
.fc-son{padding-bottom:clamp(48px,6vw,80px)}
.fc-sss{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:clamp(20px,2.4vw,32px); align-items:start}
.fc-sss > div{padding:20px 24px 8px; border:.8px solid var(--yf-cizgi); border-radius:24px; background:#fff; box-shadow:var(--yf-golge)}
.fc-sss h3{margin:0 0 4px; font-family:var(--font-baslik); font-size:20px; font-weight:400; line-height:1.3; color:var(--yf-yazi)}
.fc-sss details,.fc-sss details[open]{margin:0; padding:0; border:0; border-top:.8px solid var(--yf-cizgi); border-radius:0; background:none; box-shadow:none}
.fc-sss details:first-of-type,.fc-sss details:first-of-type[open]{border-top:0}
.fc-sss summary{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; padding:10px 0; box-sizing:border-box; font-size:16px; font-weight:600; line-height:1.3; color:var(--yf-yazi); cursor:pointer; list-style:none}
.fc-sss summary::-webkit-details-marker{display:none}
.fc-sss summary::after{content:""; flex:none; width:8px; height:8px; margin-right:4px; border:solid var(--mor); border-width:0 2px 2px 0; transform:rotate(45deg) translateY(-2px); transition:transform .15s}
.fc-sss details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.fc-sss summary:focus-visible{outline:3px solid var(--mor); outline-offset:2px; border-radius:4px}
.fc-sss details p{margin:0; padding:0 20px 14px 0; font-size:16px; line-height:1.45; color:var(--yf-gri)}
.fc-sss details a{color:var(--mor); font-weight:600; text-decoration:underline; text-underline-offset:2px}
.fc-eylem{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:28px}
.fc-eylem .btn{min-height:56px; border-radius:9999px; box-shadow:none; font-size:17px; font-weight:700}

/* ---- Kapak (Nasıl Çalışır) ---- */
.nh.foto .nh-bas{font-size:clamp(34px,3.6vw,48px); font-weight:400; letter-spacing:normal; color:var(--yf-yazi)}
.nh.foto .nh-not{max-width:480px; font-size:clamp(17px,1.5vw,20px); line-height:1.35}
.nh .nh-dugme{min-height:56px; border:0; border-radius:9999px; box-shadow:none; font-size:17px; font-weight:700}

/* ---- Gerçekçi telefon gövdesi ---- */
.fc-tel{position:relative; width:100%; max-width:260px; justify-self:end; padding:9px; box-sizing:border-box; border-radius:46px; background:linear-gradient(145deg,#55545a 0%,#1b1b1f 22%,#101013 60%,#3b3a40 100%); box-shadow:0 0 0 1px #000,inset 0 0 2px 1px rgba(255,255,255,.28),0 28px 54px rgba(36,19,56,.24)}
.fc-tel::before,.fc-tel::after{content:""; position:absolute; width:3px; border-radius:2px; background:#2a2a2e}
.fc-tel::before{left:-3px; top:112px; height:52px; box-shadow:0 66px 0 #2a2a2e}
.fc-tel::after{right:-3px; top:138px; height:82px}
.fc-tel-ekran{border-radius:37px}

/* ---- Canlı uygulama ekranı: 280×624 çizilir, kabına ölçeklenir ---- */
.te{position:relative; overflow:hidden; aspect-ratio:280/624; background:#F6F4FA; text-align:left}
.te-ic{position:absolute; left:0; top:0; width:280px; height:624px; transform-origin:0 0; color:var(--yf-yazi); font-family:var(--font-arayuz); font-size:14px; line-height:1.3; -webkit-font-smoothing:antialiased}
.te-durum{display:flex; align-items:center; justify-content:space-between; height:44px; padding:6px 22px 0; box-sizing:border-box; font-size:14px}
.te-durum b{font-weight:700}
.te-ada{position:absolute; left:50%; top:10px; width:84px; height:24px; margin-left:-42px; border-radius:14px; background:#050506}
.te-sim{display:flex; align-items:center; gap:5px}
.te-sim svg{width:17px; height:11px; fill:var(--yf-yazi)}
.te-pil{display:block; width:22px; height:11px; padding:1px; box-sizing:border-box; border:1px solid rgba(29,20,51,.5); border-radius:3px}
.te-pil u{display:block; width:78%; height:100%; border-radius:1px; background:var(--yf-yazi)}
.te-ust{display:flex; align-items:center; gap:8px; height:44px; padding:0 18px}
.te-ust img{width:26px; height:26px; border-radius:50%}
.te-ust b{font-size:17px; font-weight:700; color:#4A1E94}
.te-sahne{position:absolute; left:0; right:0; top:92px; bottom:96px; padding:6px 16px 0; box-sizing:border-box; opacity:0; transform:translateX(14px); transition:opacity .35s ease,transform .35s ease; pointer-events:none}
.te-sahne.on{opacity:1; transform:none}
.te h4{margin:0; font-size:22px; font-weight:700; line-height:1.2; color:var(--yf-yazi)}
.te-kisa{margin:4px 0 0; font-size:14px; color:var(--yf-gri)}
.te-kart{margin-top:14px; padding:2px 14px; border-radius:14px; background:#fff; box-shadow:0 1px 2px rgba(36,19,56,.08)}
.te-sat{display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:46px; border-top:1px solid #EFECF5}
.te-sat:first-child{border-top:0}
.te-sat > span{font-size:14px; color:var(--yf-gri)}
.te-sat > b{font-size:15px; font-weight:700}
.te-ok{color:#5B24A8}
.te-rozet{display:flex; align-items:center; gap:6px; margin-top:12px; font-size:14px; font-weight:600; color:#5B24A8}
.te-rozet svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round}
.te-dugme{display:flex; align-items:center; justify-content:center; height:50px; margin-top:16px; border-radius:25px; background:#5B24A8; color:#fff; font-size:16px; font-weight:700}
.te-etiket{margin:0; font-size:14px; color:var(--yf-gri)}
.te-tutar{margin:2px 0 0; font-size:40px; font-weight:800; line-height:1.1; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
.te-cubuk{height:8px; margin-top:12px; border-radius:4px; background:#E4DEF0; overflow:hidden}
.te-cubuk i{display:block; width:0; height:100%; border-radius:inherit; background:#5B24A8; transition:width .6s ease}
.te-oran{display:flex; justify-content:space-between; margin-top:6px; font-size:13px; color:var(--yf-gri)}
.te-bas{margin:18px 0 0; font-size:15px; font-weight:700}
.te-akis{margin-top:8px}
.te-kisi{justify-content:flex-start; gap:10px; min-height:58px}
.te-kisi > i{display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:50%; background:#EDE7F8; color:#4A1E94; font-size:13px; font-style:normal; font-weight:700}
.te-kisi > span{flex:1; min-width:0}
.te-kisi > span b{display:block; font-size:14px; font-weight:600; color:var(--yf-yazi)}
.te-kisi > span small{display:block; font-size:12px; color:var(--yf-gri)}
.te-bos{margin:0; padding:18px 0; font-size:14px; color:var(--yf-gri); text-align:center}
.te-son{text-align:center}
.te-son .te-kart{text-align:left}
.te-buyuk{display:grid; place-items:center; width:72px; height:72px; margin:10px auto 12px; border-radius:50%; background:var(--lamba)}
.te-buyuk svg{width:42px; height:42px; fill:none; stroke:#2A1466; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round}
.te-alt{position:absolute; left:0; right:0; bottom:0; height:96px; text-align:center}
.te-alt small{display:block; height:18px; font-size:11px; line-height:18px; color:#6B6280}
.te-sekme{display:grid; grid-template-columns:repeat(4,1fr); height:78px; padding-top:8px; box-sizing:border-box; border-top:1px solid #E6E1F0; background:#fff}
.te-sekme span{display:flex; flex-direction:column; align-items:center; gap:3px; font-size:11px; font-weight:500; color:#6B6280}
.te-sekme span.on{font-weight:700; color:#5B24A8}
.te-sekme svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.te-alt > i{position:absolute; left:50%; bottom:8px; width:104px; height:4px; margin-left:-52px; border-radius:2px; background:var(--yf-yazi)}

/* Banner fotoğrafındaki telefon */
.nh-tel{cursor:default; overflow:hidden; background:#F6F4FA; pointer-events:none}
.nh-tel::after{inset:0; z-index:3; background:linear-gradient(118deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 34%)}
.nh-tel-ic{background:none}

/* ---- ANA SAYFA ---- */
main#top .gk-firsat,main#top .gk-sohbet,main#top .sv-kanca,main#top .gk-kanca,main#top .gfn-kanca,main#top .gfn-kim-link,main#top .gfn-sec-alt{display:none !important}

/* başlıklar */
main#top .gk-bas,main#top .fd-bas,main#top .gfn-sec-bas,main#top .gfn-kim-bas,main#top .sv-ara-bas,main#top .gfn-bant-bas{margin:0 auto; max-width:none; font-family:var(--font-baslik); font-size:clamp(24px,2.2vw,28px) !important; font-weight:400 !important; line-height:1.25 !important; letter-spacing:normal; color:var(--yf-yazi); text-align:center}
main#top .gk-iki-bas,main#top .gfn-avt h2,main#top .sv-bas{margin:0; max-width:none; font-family:var(--font-baslik); font-size:clamp(24px,2vw,26px) !important; font-weight:400 !important; line-height:1.25 !important; letter-spacing:normal; color:var(--yf-yazi); text-align:left}
main#top .gk-bas *,main#top .gk-iki-bas *,main#top .fd-bas *,main#top .gfn-sec-bas *,main#top .gfn-avt h2 *,main#top .sv-bas *,main#top .sv-ara-bas *{display:inline; font-weight:400; color:inherit; background:none; border:0; padding:0; white-space:normal}
main#top .gfn-cizgi::after,main#top .gk-hl::after{display:none}
main#top .gk-alt,main#top .fd-not,main#top .gfn-kim-alt,main#top .gfn-bant-alt{margin:8px auto 0; padding:0; max-width:none; font-size:16px; line-height:1.45; color:var(--yf-gri); text-align:center}
main#top .gk-dipnot{margin:16px auto 0; max-width:none; font-size:14px; line-height:1.45; color:var(--yf-gri); text-align:center}
main#top .sv-not,main#top .gk-iki-yazi > p{margin:8px 0 0; max-width:none; font-size:16px; line-height:1.45; color:var(--yf-gri); text-align:left}

/* kaplar */
main#top .gk-bolum,main#top .fd,main#top .gfn-yollar,main#top .gfn-avt,main#top .gfn-kim{max-width:1120px; margin-inline:auto; padding:clamp(40px,5vw,64px) 24px 0; box-sizing:border-box; background:none}
main#top .gk-acik,main#top .gk-koyu,main#top .gk-blog{padding:0; background:none}
main#top .gfn-kim::before,main#top .gfn-kim::after,main#top .gk-koyu::before,main#top .gk-koyu::after{display:none}
main#top .gk-iki{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:center; max-width:1120px; margin-inline:auto; padding:clamp(40px,5vw,64px) 24px 0; box-sizing:border-box}
main#top .gk-iki-gorsel,main#top .gk-iki-gorsel.kare,main#top .gk-iki-gorsel.genis{width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border:0; border-radius:24px; box-shadow:none}
main#top .gk-dugmeler,main#top .gk-dugmeler.orta{justify-content:flex-start}
main#top .gk-destek .gk-dugmeler{justify-content:center; margin-top:20px}

/* düğme, arama, etiket */
main#top .ga-dugme,main#top .gk-dugme{min-height:56px; border-radius:9999px; box-shadow:none; font-size:17px; font-weight:700}
main#top .ga-dugme{border:0}
main#top .kapak-ara,main#top .gk-ara{border:.8px solid var(--yf-cizgi); box-shadow:var(--yf-golge)}
main#top .gk-ara{max-width:640px; margin-inline:auto}
main#top .ma-alan-blok{text-align:center}
main#top .ma-alan-blok > p{color:var(--yf-yazi); font-size:16px; font-weight:600}
main#top .ma-alanlar{justify-content:center}

/* kapak */
main#top .ga-kapak{background:#EDE7F8; background-image:none}
main#top .ga-kapak::before,main#top .ga-kapak::after{display:none}
main#top .ga-kapak .ga-bas{font-weight:400; color:var(--yf-yazi)}
main#top .ga-kapak .ga-not{font-size:clamp(17px,1.6vw,20px)}
main#top .ana-tel{width:250px; max-width:250px; justify-self:end; align-self:center; margin-block:32px}

/* senet */
main#top .sv-foto,main#top .sv-kare{border-radius:24px}
main#top .sv-yazi{text-align:left}
main#top .sv-kosul{margin-inline:0; border:.8px solid var(--yf-cizgi); border-radius:16px; box-shadow:var(--yf-golge)}
main#top .sv-kosul-bas{background:var(--yf-lila); color:var(--yf-yazi)}
main#top .sv-kosul dt{color:var(--yf-gri)}
main#top .sv-kosul dl div{border-top:.8px solid var(--yf-cizgi)}
main#top .sv-kosul dl div:first-child{border-top:0}
main#top .sv-dugmeler{justify-content:flex-start}
main#top .sv-ara-bas{margin-top:clamp(40px,5vw,64px)}
main#top .kt-sat-vurgu{background:var(--yf-lila)}
main#top .kt-sat-vurgu th,main#top .kt-sat-vurgu td{background:none; color:#4A1E94; font-weight:700}
main#top .gk-altin-kisas{gap:16px; margin-top:16px}
main#top .gk-altin-kisas li{border:.8px solid var(--yf-cizgi); border-radius:16px; background:#fff; box-shadow:none}
main#top .gk-altin-kisas b{color:var(--yf-yazi); font-weight:700}
main#top .gk-altin-kisas span{color:var(--yf-gri)}

/* fatura sahnesi */
main#top .fd-duzen{grid-template-columns:minmax(0,440px) minmax(0,420px); justify-content:center; align-items:center; gap:32px}
main#top .fd-sahneler{display:block; width:100%; max-width:none}
main#top .fd-el{border-radius:24px}
main#top .fd-ekran .te{height:100%; aspect-ratio:auto}

/* sayılar */
main#top .gk-sayi-bant{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); justify-items:stretch; justify-content:stretch; gap:16px; margin-top:clamp(20px,2.4vw,32px); padding:0; border:0; background:none; box-shadow:none}
main#top .gk-sayi-bant p{grid-column:auto !important; width:auto !important; margin:0; padding:24px; border:.8px solid var(--yf-cizgi); border-radius:16px; background:#fff; box-shadow:none; text-align:center}
main#top .gk-sayi-bant b{display:block; font-size:clamp(20px,2vw,24px); font-weight:400; color:var(--yf-yazi)}
main#top .gk-sayi-bant span{display:block; margin-top:4px; font-size:15px; color:var(--yf-gri)}

/* işlem kartları */
main#top .gfn-yollar .gfn-yol-izgara{max-width:none; margin-top:clamp(20px,2.4vw,32px)}
main#top .gfn-yollar .yk-kart{border:.8px solid var(--yf-cizgi); border-radius:24px; box-shadow:var(--yf-golge)}
main#top .gfn-yollar .yk-kart:hover{transform:none}
main#top .gfn-yollar .yk-kutu{left:0; right:0; bottom:0; padding:14px 18px 16px; border-radius:0; background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none}
main#top .gfn-yollar .yk-kutu b{font-size:18px; font-weight:400; color:var(--yf-yazi)}
main#top .gfn-yollar .yk-kutu span{font-size:14px; color:var(--yf-gri)}

/* taraflar */
main#top .gfn-avt{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:center}
main#top .gfn-avt .gfn-avt-metin{display:block; min-width:0; grid-column:2; grid-row:1}
main#top .gfn-avt .gfn-avt-gorsel{order:0; grid-column:1; grid-row:1; width:100%; max-width:none; height:auto; aspect-ratio:4/3; margin:0; border-radius:24px; box-shadow:none}
main#top .gfn-avt-liste{display:grid; grid-template-columns:minmax(0,1fr); gap:0; width:auto !important; max-width:none !important; margin:16px 0 0; padding:0; border:.8px solid var(--yf-cizgi); border-radius:24px; background:#fff; box-shadow:var(--yf-golge); overflow:hidden; text-align:left}
main#top .gfn-avt-liste li{margin:0; padding:16px 20px; border:0; border-top:.8px solid var(--yf-cizgi); background:none; text-align:left}
main#top .gfn-avt-liste li:first-child{border-top:0}
main#top .gfn-avt-liste li b{font-size:16px; font-weight:700; color:var(--yf-yazi); border:0; background:none; text-decoration:none}
main#top .gfn-avt-liste li span{display:block; margin-top:2px; font-size:15px; color:var(--yf-gri)}
main#top .gfn-avt-liste li a{color:var(--mor); font-weight:600}

/* kimler */
main#top .gfn-kim-serit{justify-content:center; margin-inline:0; padding-inline:0; margin-top:clamp(20px,2.4vw,32px)}
main#top .gfn-kim-serit figure{border:.8px solid var(--yf-cizgi); border-radius:24px; box-shadow:var(--yf-golge); overflow:hidden}
main#top .gfn-kim .gfn-kim-serit img{border-radius:0}
/* ORANTI (8 Kas 2026): kart çerçevesi içinde yazı kenara yapışıp ilk harf kesiliyordu. */
main#top .gfn-kim-serit figcaption{padding:14px 18px 18px}
/* 8 Kas 2026 (kullanıcı: "aile anne ile sınırlı değil, bağlantıyı paylaştığın herkes"): dört kart masaüstünde tek sırada. */
@media (min-width:941px){
  main#top .gfn-kim .gfn-kim-serit{gap:20px}
  main#top .gfn-kim .gfn-kim-serit figure{width:calc((100% - 60px) / 4); max-width:290px}
}

/* ---- Telefon ---- */
@media (max-width:940px){
  body{background-image:none !important}
  .fc-is{grid-template-columns:minmax(0,1fr); gap:24px}
  .fc-tel{justify-self:center; max-width:240px}
  .fc-sss{grid-template-columns:minmax(0,1fr)}
  .nh.foto{background:#EDE7F8}
  main#top .ana-tel{display:none}
  main#top .kapak-ara{border:0}
  main#top .gk-iki,main#top .gfn-avt{grid-template-columns:minmax(0,1fr); gap:16px}
  main#top .gfn-avt .gfn-avt-metin,main#top .gfn-avt .gfn-avt-gorsel{grid-column:1; grid-row:auto}
  main#top .gk-bolum,main#top .fd,main#top .gfn-yollar,main#top .gfn-avt,main#top .gfn-kim,main#top .gk-iki{padding:32px 16px 0}
  main#top .gfn-yollar .gfn-yol-izgara{padding-inline:0; margin-inline:0}
  main#top .gfn-kim .gfn-kim-serit{padding:0}
  main#top .gfn-kim{padding-bottom:20px}
  main#top .ma-alanlar{justify-content:flex-start}
  main#top .fd-duzen{grid-template-columns:minmax(0,1fr); gap:16px}
  main#top .sv-bas,main#top .sv-not{text-align:center}
  main#top .sv-kosul{max-width:none}
  main#top .sv-dugmeler{justify-content:center}
  main#top .gk-sayi-bant{grid-template-columns:minmax(0,1fr); gap:12px}
  main#top .gk-sayi-bant p{padding:16px}
  main#top .gk-iki-bas,main#top .gfn-avt h2,main#top .gk-iki-yazi > p{text-align:center}
  main#top .gk-dugmeler,main#top .gk-dugmeler.orta{justify-content:center}
}
@media (max-width:760px){
  .fc-bolum{padding:32px 16px 0}
  .fc-hesap{grid-template-columns:minmax(0,1fr); gap:12px}
  .fc-tablo,.fc-tablo tbody,.fc-tablo tr,.fc-tablo tbody th,.fc-tablo tbody td{display:block; width:auto; min-width:0 !important}
  .fc-tablo thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
  .fc-tablo tbody tr{padding:14px 18px; border-top:.8px solid var(--yf-cizgi)}
  .fc-tablo tbody tr:first-child{border-top:0}
  .fc-tablo tbody th,.fc-tablo tbody td{padding:0; border:0}
  .fc-tablo tbody td{margin-top:2px}
  .fc-uc tbody th{width:auto}
  .fc-sonuc > div{padding-inline:18px}
  .nh .nh-dugme{display:inline-flex; justify-content:center}
  .fc-eylem .btn{flex:1 1 100%; justify-content:center; text-align:center}
}

/* 8 Kas 2026: canlı telefon ekranının yeri betik çalışmadan ayrılır (yüklenirken boyut değişip sayfayı kaydırmasın). */
[data-tel-ekran]{aspect-ratio:280/624}

/* 8 Kas 2026 (kullanıcı: "telefonlar gerçek telefon olsun, kasaları ve ekranları", "telefonlar 3d olsun"):
   kasa hafif perspektifte; sağ kenarda kasa kalınlığı, camda yansıma, yumuşak gölge. Ekran içeriği aynen. */
.fc-tel{transform:perspective(1400px) rotateY(-14deg) rotateX(4deg); transform-origin:50% 50%;
  box-shadow:0 0 0 1px #000, inset 0 0 2px 1px rgba(255,255,255,.3),
    1px 1px 0 #3a3940, 2px 2px 0 #2f2e34, 3px 3px 0 #29282e, 4px 4px 0 #232228, 5px 5px 0 #1d1c21, 6px 6px 0 #17161a,
    26px 34px 46px -8px rgba(36,19,56,.32), 8px 10px 18px rgba(36,19,56,.18)}
.fc-tel-ekran{position:relative}
.fc-tel-ekran::after{content:""; position:absolute; inset:0; z-index:6; border-radius:inherit; pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.08) 24%,rgba(255,255,255,0) 40%)}
@media (max-width:940px){
  .fc-tel{transform:perspective(900px) rotateY(-10deg) rotateX(3deg);
    box-shadow:0 0 0 1px #000, inset 0 0 2px 1px rgba(255,255,255,.3), 1px 1px 0 #34333a, 2px 2px 0 #2a292f, 3px 3px 0 #1f1e23, 14px 18px 26px -6px rgba(36,19,56,.3)}
}


/* 8 Kas 2026 (kullanıcı: "telefon kasası siyah olmasın, en çok tutulan beğenilen kasa olsun"): Derin Mor titanyum kasa
   (fırçalanmış metal tonları, parlak kenar çizgisi); yan tuşlar ve kasa kalınlığı aynı tonda. */
.fc-tel{background:linear-gradient(145deg,#9C8FAE 0%,#6F6282 14%,#544867 38%,#463B58 62%,#5E5272 86%,#8A7D9D 100%);
  box-shadow:0 0 0 1px #2E2540, inset 0 0 0 1px rgba(255,255,255,.35), inset 0 0 3px 1px rgba(255,255,255,.25),
    1px 1px 0 #5B4F6E, 2px 2px 0 #52476A, 3px 3px 0 #4A3F5F, 4px 4px 0 #423856, 5px 5px 0 #3B324D, 6px 6px 0 #342C44,
    26px 34px 46px -8px rgba(36,19,56,.32), 8px 10px 18px rgba(36,19,56,.18)}
.fc-tel::before,.fc-tel::after{background:linear-gradient(90deg,#3E3450,#7A6D8E)}
.fc-tel-ekran{box-shadow:0 0 0 2px #120E18}
@media (max-width:940px){
  .fc-tel{box-shadow:0 0 0 1px #2E2540, inset 0 0 0 1px rgba(255,255,255,.35), 1px 1px 0 #554A68, 2px 2px 0 #483E5C, 3px 3px 0 #3B324D, 14px 18px 26px -6px rgba(36,19,56,.3)}
}

/* 8 Kas 2026 (kullanıcı: "daha 3D göstermek için konumuna göre gölge ekle"): ışık sol üstten; telefon sağa dönük olduğu için
   zemine düşen gölge sağ alta uzanır (dar, yumuşak), temas gölgesi alt kenarda. */
.fc-tel{box-shadow:0 0 0 1px #2E2540, inset 0 0 0 1px rgba(255,255,255,.35), inset 0 0 3px 1px rgba(255,255,255,.25),
    1px 1px 0 #5B4F6E, 2px 2px 0 #52476A, 3px 3px 0 #4A3F5F, 4px 4px 0 #423856, 5px 5px 0 #3B324D, 6px 6px 0 #342C44,
    10px 14px 18px rgba(36,19,56,.22),
    46px 70px 46px -30px rgba(30,16,52,.40),
    90px 110px 70px -50px rgba(30,16,52,.22)}
@media (max-width:940px){
  .fc-tel{box-shadow:0 0 0 1px #2E2540, inset 0 0 0 1px rgba(255,255,255,.35), 1px 1px 0 #554A68, 2px 2px 0 #483E5C, 3px 3px 0 #3B324D,
    6px 8px 10px rgba(36,19,56,.22), 20px 34px 22px -16px rgba(30,16,52,.38)}
}