/* Banka doviz sayfasi (sablon/banka-doviz.php). dovizz.css tokenlarini kullanir; tek duyarli tasarim. */
.bk{padding-top:2px;padding-bottom:14px}
.bk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
@media(min-width:1000px){.bk-grid{grid-template-columns:minmax(0,1fr) 300px}}
.bk-main,.bk-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.bk .panel{border-radius:12px}
.bk .p-head{padding:8px 12px;gap:10px;flex-wrap:wrap}
.bk .p-head h2{font-size:12.5px;letter-spacing:.04em}
.p-note{margin-left:auto;font-size:12px;color:var(--faint);font-weight:600}

/* ---- fiyat karti ---- */
.q{padding:14px 16px 12px}
.q-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.q-id{display:flex;align-items:center;gap:14px;min-width:0}
.q-logo{flex:none;width:122px;height:46px;border:1px solid var(--border);border-radius:10px;background:#fff;display:grid;place-items:center;padding:6px}
.q-logo img{width:auto;height:auto;max-width:100%;max-height:100%}
.q h1{margin:0;font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.q-sub{margin-top:3px;color:var(--muted);font-size:12.5px}
.q .live-dot{flex:none;margin-top:4px;padding:4px 9px;border-radius:999px;background:var(--up-bg);font-size:12px;font-variant-numeric:tabular-nums}
.q .live-dot.off{background:var(--surface-2);color:var(--muted)}
.live-dot.off i{background:var(--faint);animation:none}
.q-prices{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:14px;align-items:stretch}
.q-p{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px 14px 11px}
.q-p.sell{background:var(--accent-weak);border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}
.q-p .lbl{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.q-p .lbl small{font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--faint)}
.q-p .num{margin-top:4px;font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums;border-radius:6px}
.q-p.sell .num{color:var(--accent-ink)}
.q-p .num small{margin-left:5px;font-size:15px;font-weight:700;color:var(--faint);letter-spacing:0}
.q-chg{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;padding:0 4px}
.pchg{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;font-weight:800;font-size:14.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pchg.up{background:var(--up-bg);color:var(--up)} .pchg.down{background:var(--down-bg);color:var(--down)} .pchg.flat{background:var(--surface-2);color:var(--muted)}
.q-chg .l{font-size:11px;color:var(--faint);white-space:nowrap}
.q-facts{display:flex;flex-wrap:wrap;gap:1px;margin-top:12px;background:var(--grid);border:1px solid var(--grid);border-radius:12px;overflow:hidden}
.q-facts .f{flex:1 1 120px;background:var(--surface);padding:8px 12px}
.q-facts .f.range{flex-basis:250px}
.q-facts .l{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.q-facts .v{margin-top:3px;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.q-facts .v em{margin-left:4px;font-style:normal;font-size:12px;font-weight:700;color:var(--muted)}
.rg{display:flex;align-items:center;gap:9px;margin-top:5px;font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.rg .bar{position:relative;flex:1;min-width:60px;height:6px;border-radius:99px;background:linear-gradient(90deg,#f6c9c9,#e6edf3 50%,#bfe8cf)}
.rg .bar i{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 1px var(--accent),0 1px 3px rgba(0,0,0,.2);transform:translate(-50%,-50%)}
.q-yok{margin:14px 0 4px;padding:12px 14px;border-radius:10px;background:var(--surface-2);color:var(--muted)}
.cur-tabs{display:flex;gap:5px;margin-top:12px;overflow-x:auto;scrollbar-width:none;padding:1px}
.cur-tabs::-webkit-scrollbar{display:none}
.cur-tabs a{flex:none;padding:6px 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:700}
.cur-tabs a:hover{color:var(--text);border-color:#c5cfdb}
.cur-tabs a.active{background:var(--head);border-color:var(--head);color:#fff}
.flash{animation:flash 1s}

/* ---- grafik ---- */
.ch .chart-ctrl{gap:6px}
.ch-sum{display:flex;flex-wrap:wrap;gap:4px 18px;padding:9px 14px 0;font-size:12px;color:var(--muted);min-height:26px}
.ch-sum b{color:var(--text);font-variant-numeric:tabular-nums}
.ch-box{position:relative;height:310px;padding:2px 6px 4px;transition:opacity .2s}
.ch-box.yukleniyor{opacity:.45}
.ch-bos{display:grid;place-items:center;height:100%;color:var(--faint);font-size:13px}
.ch-not{padding:0 14px 9px;font-size:11.5px;color:var(--faint)}

/* ---- banka karsilastirma ---- */
.cmp-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;padding:10px 12px}
.cmp-sum .c{padding:8px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}
.cmp-sum .c.bu{background:var(--accent-weak);border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}
.cmp-sum .l{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
.cmp-sum .v{margin-top:2px;font-size:15px;font-weight:800}
.cmp-sum .b{font-size:12px;color:var(--muted)} .cmp-sum .b b{color:var(--text);font-variant-numeric:tabular-nums}
.kt{font-size:13.5px}
.kt th,.kt td{padding:7px 12px}
.kt th{padding:0}
.kt th button{all:unset;box-sizing:border-box;display:block;width:100%;padding:7px 12px;cursor:pointer;text-align:inherit}
.kt th button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.kt th button::after{content:"↕";margin-left:4px;opacity:.35}
.kt th[aria-sort=ascending] button::after{content:"↑";opacity:1;color:var(--accent)}
.kt th[aria-sort=descending] button::after{content:"↓";opacity:1;color:var(--accent)}
.kt td.b{font-weight:800}
.kt td:first-child{white-space:normal}
.kt .bnk{display:inline-flex;align-items:center;gap:10px;font-weight:700;vertical-align:middle}
.kt a.bnk:hover .bn{color:var(--accent-ink);text-decoration:underline}
.kt .bnk img{width:74px;height:22px;object-fit:contain;object-position:left center;flex:none}
.kt tr.bu{background:var(--accent-weak)}
.kt tr.bu td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.kt tr.eski td{color:var(--faint)} .kt tr.eski img{opacity:.5}
.tbl-not{padding:8px 12px 10px;border-top:1px solid var(--grid);font-size:11.5px;color:var(--faint)}

/* ---- hesaplama ---- */
.cv{display:grid;grid-template-columns:1fr;gap:12px;padding:12px}
@media(min-width:700px){.cv{grid-template-columns:1fr 1fr}}
.cv .lbl{display:block;margin-bottom:5px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
.cv-field{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);overflow:hidden}
.cv-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}
.cv-field input{flex:1;min-width:0;padding:10px 12px;border:0;background:transparent;color:var(--text);font:800 21px/1.2 var(--ff);font-variant-numeric:tabular-nums;outline:0}
.cv-field .u{padding:0 14px;font-weight:800;color:var(--muted)}
.cv .seg{margin-top:9px}
.cv-out{display:flex;flex-direction:column;gap:8px}
.cv-res{padding:8px 12px;border:1px solid var(--border);border-radius:10px}
.cv-res.al{background:var(--accent-weak);border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}
.cv-res .rl{font-size:12px;font-weight:600;color:var(--muted)}
.cv-res .rv{margin-top:1px;font-size:21px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cv-res.al .rv{color:var(--accent-ink)}
.cv-hint{grid-column:1/-1;font-size:11.5px;color:var(--faint)}

/* ---- metin + SSS ---- */
.bk .prose{padding:12px 14px}
.bk .prose a{color:var(--accent-ink);text-decoration:underline}
.more.kapali .more-ic{max-height:190px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.more-btn{display:block;margin:2px auto 0;padding:6px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--accent-ink);font:700 12.5px var(--ff);cursor:pointer}
.more-btn:hover{border-color:var(--accent)}
.bk .faq{border-top:1px solid var(--border)}
.bk .faq details:last-child{border-bottom:0}

/* ---- yan kolon ---- */
.mini a,.mini>div{display:grid;grid-template-columns:1fr auto 64px;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid var(--grid);font-size:13px}
.mini a:last-child,.mini>div:last-child{border-bottom:0}
.mini a:hover{background:var(--surface-2)}
.mini a.on{background:var(--accent-weak);box-shadow:inset 3px 0 0 var(--accent)}
.mini .nm{font-weight:600}
.mini .vl{font-weight:800;font-variant-numeric:tabular-nums}
.mini .chg{font-size:12px}
.qk{display:grid;grid-template-columns:1fr 1fr}
.qk a{display:flex;flex-direction:column;gap:1px;padding:7px 12px;border-bottom:1px solid var(--grid)}
.qk a:nth-child(odd){border-right:1px solid var(--grid)}
.qk a:nth-last-child(-n+2){border-bottom:0}
.qk a:hover{background:var(--surface-2)}
.qk .km{font-size:11.5px;font-weight:600;color:var(--muted)}
.qk .kv{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}

/* ---- tablet / telefon ---- */
@media(max-width:999px){.bk-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;align-items:start}}
@media(max-width:640px){
  .bk-grid,.bk-main,.bk-side{gap:8px}
  .q{padding:12px}
  .q-id{gap:10px}
  .q-logo{width:86px;height:34px;padding:4px;border-radius:8px}
  .q h1{font-size:18px}
  .q-sub{font-size:12px}
  .q .live-dot{padding:3px 8px;font-size:11px}
  .q-prices{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
  .q-p{padding:8px 10px}
  .q-p .lbl small{display:block;width:100%}
  .q-p .num{font-size:25px}
  .q-p .num small{font-size:12px;margin-left:3px}
  .q-chg{grid-column:1/-1;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:0}
  .pchg{font-size:13px;padding:4px 10px}
  .q-facts .f{flex-basis:45%;padding:7px 10px}
  .q-facts .f.range{flex-basis:100%}
  .ch-box{height:250px;padding:0 2px 4px}
  .ch .chart-ctrl{margin-left:0;width:100%;justify-content:space-between}
  .kt{font-size:13px}
  .kt td{padding:7px 8px}
  .kt th button{padding:7px 8px}
  .kt .bnk img,.kt .c-saat,.kt .c-mk{display:none}
  .cmp-sum{grid-template-columns:1fr 1fr;padding:8px 10px}
  .cmp-sum .c.bu{grid-column:1/-1}
  .cmp-sum .v{font-size:14px}
  .cv{padding:10px}
}

/* ---- yorumlar (inc/yorumlar.php + stil/yorum.js; banka sayfasi + anasayfa) ---- */
.yr-form{display:flex;flex-direction:column;gap:8px;padding:12px;border-bottom:1px solid var(--border);background:var(--surface-2)}
.yr-kim{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;color:var(--muted)}
.yr-kim label{font-weight:700}
.yr-kim input{flex:0 1 220px;min-width:0;padding:7px 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:600 14px var(--ff)}
.yr-kim b{color:var(--text)}
.yr-form textarea{width:100%;min-height:78px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:14px/1.5 var(--ff);resize:vertical}
.yr-form textarea:focus,.yr-kim input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}
.yr-gizli,.yr-tuzak{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.yr-alt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.yr-kural{flex:1 1 220px;font-size:11.5px;color:var(--faint)}
.yr-say{font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.yr-say.dolu{color:var(--down);font-weight:700}
.yr-alt .btn{margin-left:0;padding:8px 18px}
.yr-alt .btn:disabled{opacity:.6;cursor:wait}
.yr-msg{padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600}
.yr-msg:empty{display:none}
.yr-msg.ok{background:var(--up-bg);color:var(--up)}
.yr-msg.hata{background:var(--down-bg);color:var(--down)}
.yr-liste{margin:0;padding:0;list-style:none}
.yr{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px 12px;border-bottom:1px solid var(--grid)}
.yr:last-child{border-bottom:0}
.yr.yeni{animation:flash 1.4s}
.yr .av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:hsl(var(--h,210) 55% 48%);color:#fff;font-size:14px;font-weight:800}
.yr-bas{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;font-size:12px;color:var(--faint)}
.yr-bas b{color:var(--text);font-size:13.5px}
.yr-rozet{padding:1px 6px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.03em}
.yr-rozet.uye{background:var(--accent-weak);color:var(--accent-ink)}
.yr-sayfa{color:var(--accent-ink);font-weight:600}
a.yr-sayfa:hover{text-decoration:underline}
.yr-metin{margin-top:3px;font-size:14px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.yr-bos{padding:16px 12px;color:var(--muted);font-size:13.5px}
.yr-daha{margin:10px auto}
.yorum .yr-daha[hidden]{display:none}