/* Altın Nabız — genel arayüz (koyu / açık tema) */
:root{
  --bg:#eef2f6;--bg-2:#e6ecf2;--surface:#ffffff;--surface-2:#f3f6f9;--surface-3:#e3e9f0;--line:#d6e0ea;--line-soft:#e6edf4;
  --text:#0f1f2e;--muted:#4f6478;--faint:#5b6d81;
  --gold:#e0a82e;--gold-2:#8a5f05;--gold-soft:#fff4d6;--gold-line:rgba(224,168,46,.5);
  --up:#0a6b3d;--up-soft:#e3f5ea;--down:#a9291f;--down-soft:#fbe4e0;--info:#0f4c81;
  /* Altın MARKA rengidir ama açık zeminde metin olarak okunmaz (kontrast 1,97).
     Metin için koyu varyant; dolgu/kenarlık için --gold kullanılmaya devam edilir. */
  --gold-ink:#7a5510;
  --navy:#0b1c2c;--navy-2:#12304a;--blue:#0f4c81;--blue-2:#1a6fb5;--blue-soft:#e2eef9;
  --top-bg:linear-gradient(135deg,#0b1c2c 0%,#12304a 45%,#0f4c81 100%);--top-text:#ffffff;--top-muted:rgba(255,255,255,.82);--top-line:rgba(255,255,255,.14);--top-glass:rgba(255,255,255,.10);
  --card-head:linear-gradient(180deg,#f7fafd,#ffffff);--tab-on:#12304a;--tab-on-ink:#ffffff;--th-bg:#f3f7fb;
  --sans:"IBM Plex Sans","Plex Sans FB",system-ui,Segoe UI,Arial,sans-serif;--mono:"IBM Plex Mono","Plex Mono FB",ui-monospace,Consolas,monospace;
  --r:10px;--shadow:0 1px 2px rgba(20,26,36,.06),0 4px 14px rgba(20,26,36,.05);
  color-scheme:light;
}
html[data-theme="dark"]{
  --gold-ink:var(--gold);
  --bg:#0c1016;--bg-2:#10151d;--surface:#151b24;--surface-2:#1b2330;--surface-3:#212b3a;--line:#262f3d;--line-soft:#1e2733;
  --text:#e8edf4;--muted:#8d99ab;--faint:#8a97a9;
  --gold:#e4b545;--gold-2:#f3cf6f;--gold-soft:rgba(228,181,69,.14);--gold-line:rgba(228,181,69,.35);
  --up:#52dd8b;--up-soft:rgba(63,208,113,.13);--down:#ff7f7f;--down-soft:rgba(255,109,109,.13);--info:#5aa9ff;
  --navy:#0c1016;--navy-2:#151b24;--blue:#5aa9ff;--blue-2:#7fbfff;--blue-soft:rgba(90,169,255,.14);
  --top-bg:linear-gradient(135deg,#0c1016 0%,#10151d 60%,#151b24 100%);--top-text:#e8edf4;--top-muted:#8d99ab;--top-line:#262f3d;--top-glass:#151b24;
  --card-head:var(--surface);--tab-on:var(--bg);--tab-on-ink:var(--text);--th-bg:var(--bg-2);
  --shadow:none;color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img{max-width:100%}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.wrap{max-width:1240px;margin:0 auto;padding-inline:16px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#000;padding:8px 12px;border-radius:6px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.up-c{color:var(--up)}.dn-c{color:var(--down)}
.chg{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:2px 7px;font-weight:600;font-family:var(--mono);font-size:12px;white-space:nowrap}
.chg.up{color:var(--up);background:var(--up-soft)}.chg.dn{color:var(--down);background:var(--down-soft)}.chg.flat{color:var(--muted);background:var(--surface-2)}
.chg small{font-size:12px;opacity:.85}
.empty{padding:14px 16px;color:var(--muted);font-size:13px}
.small{font-size:12px}
.muted{color:var(--muted)}

/* üst koyu alan: header + şerit + özet */
.top{position:relative;color:var(--top-text);background:var(--top-bg)}
.top::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%);pointer-events:none}
.top::after{content:"";position:absolute;right:0;top:0;width:min(520px,60vw);height:100%;max-height:420px;background:radial-gradient(circle at 78% 0,rgba(242,193,78,.2),transparent 55%);pointer-events:none}
html[data-theme="dark"] .top::before,html[data-theme="dark"] .top::after{display:none}
.top>*{position:relative;z-index:1}
/* header */
.hdr{position:sticky;top:0;z-index:30;color:var(--top-text);background:linear-gradient(90deg,#0b1c2c 0%,#12304a 55%,#0f4c81 100%)}
html[data-theme="dark"] .hdr{background:linear-gradient(90deg,#0c1016 0%,#10151d 60%,#151b24 100%)}
.hdr.stuck{box-shadow:0 4px 18px rgba(0,0,0,.25)}
.hdr .wrap{position:relative;z-index:1}
.hdr .wrap{display:flex;align-items:center;gap:12px;height:60px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.05em;font-size:14.5px;white-space:nowrap;text-transform:uppercase;color:var(--top-text)}
/* Marka işareti: altın sikke + nabız çizgisi (public/logo.svg). Eskiden düz bir altın diskti,
   marka adını anlatmıyordu. SVG olarak verilir: her ölçekte keskin, tek dosya, önbelleklenebilir. */
.logo i{width:40px;height:40px;display:inline-block;flex:none;background:url("/logo-96.webp") center/contain no-repeat;filter:drop-shadow(0 2px 7px rgba(0,0,0,.35))}
/* Kelime markası: domain işaretin YANINDA durur (altında değil). "biz" hecesi altın vurgulu. */
.logo .wm{text-transform:none;letter-spacing:-.015em;font-size:18px;font-weight:700;line-height:1}
/* Kelime markası marka kimliğiyle aynı: "altinna" gümüş degrade, "biz" altın degrade.
   Koyu üst bantta degrade uygulanır; açık zeminli yerlerde okunaklı düz renge düşer. */
.top .logo .wm{background-image:linear-gradient(180deg,#fff 0%,#e8eef5 44%,#b3c0ce 58%,#f4f7fa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo .wm b{color:var(--gold,#f2c14e);font-weight:700}
.top .logo .wm b{background-image:linear-gradient(180deg,#fff4d0 0%,#f0c65e 42%,#c9930f 58%,#ffe9a8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo .wm em{font-style:normal;font-weight:600;opacity:.55;font-size:.78em;letter-spacing:0}
@media (max-width:560px){.logo i{width:28px;height:28px}.logo .wm{font-size:16px}}
.ftr .logo i{width:28px;height:28px}.ftr .logo .wm{font-size:17px}
nav.main{display:flex;gap:2px;margin-left:6px;align-items:center;height:60px}
nav.main .ni{position:relative;height:100%;display:flex;align-items:center}
nav.main .nl{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border-radius:9px;color:var(--top-muted);font-weight:600;font-size:15px;letter-spacing:.01em;white-space:nowrap;position:relative;transition:color .12s,background .12s}
nav.main .nl .chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .15s}
nav.main .on>.nl,nav.main .nl.on{color:var(--top-text)}
nav.main .on>.nl::after,nav.main .nl.on::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--gold)}
nav.main .nl:hover,nav.main .ni:hover>.nl,nav.main .ni:focus-within>.nl,nav.main .ni.open>.nl{color:var(--top-text);background:rgba(255,255,255,.09)}
nav.main .ni:hover>.nl .chev,nav.main .ni:focus-within>.nl .chev,nav.main .ni.open>.nl .chev{transform:rotate(180deg);opacity:1}
/* mega panel */
.mega{position:absolute;left:0;top:calc(100% - 6px);min-width:300px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px rgba(10,22,40,.22),0 2px 8px rgba(10,22,40,.08);padding:16px 18px 12px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .14s,transform .14s,visibility 0s .14s;z-index:40}
.mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.ni:hover>.mega,.ni:focus-within>.mega,.ni.open>.mega{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.ni:nth-last-child(-n+2)>.mega{left:auto;right:0}
.mcols{display:flex;gap:26px}
.mcol{display:flex;flex-direction:column;min-width:170px}
.mcol .mt,.mg .mt{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);padding:2px 10px 8px}
.mcol a{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:9px;color:var(--text);line-height:1.25;white-space:nowrap}
.mcol a b{font-size:14.5px;font-weight:600}
.mcol a small{font-size:12px;color:var(--muted)}
.mcol a:hover{background:var(--surface-2);color:var(--navy)}
.mcol a:hover b{color:var(--navy)}
html[data-theme="dark"] .mcol a:hover,html[data-theme="dark"] .mcol a:hover b{color:var(--gold-2)}
.mcol a[aria-current="page"]{background:var(--gold-soft)}
.mfoot{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}
.mfoot a{font-size:13px;font-weight:600;color:var(--blue);padding:6px 10px;border-radius:8px}
.mfoot a:hover{background:var(--blue-soft)}
.search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--top-glass);border:1px solid var(--top-line);border-radius:9px;padding:0 10px;height:38px;min-width:230px;color:var(--top-muted)}
.search input{background:none;border:0;color:var(--top-text);font:inherit;outline:none;width:100%;min-width:0}
.search input::placeholder{color:var(--top-muted)}
.search kbd{font-family:var(--mono);font-size:12px;border:1px solid var(--top-line);border-radius:4px;padding:1px 5px;color:var(--top-muted)}
.live{display:flex;align-items:center;gap:8px;color:var(--top-muted);font-size:12px;white-space:nowrap;border:1px solid var(--top-line);border-radius:9px;padding:0 10px;height:38px;background:var(--top-glass)}
.live b{color:var(--up);display:inline-flex;align-items:center;gap:6px;font-weight:600}
.live b::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 rgba(63,208,113,.6);animation:pulse 1.6s infinite}
.live.stale b{color:var(--down)}.live.stale b::before{background:var(--down);animation:none}
.top .live b,.hdr .live b{color:#6ee7a8}.top .live b::before,.hdr .live b::before{background:#6ee7a8;box-shadow:0 0 0 0 rgba(110,231,168,.6)}.top .live .num,.hdr .live .num{color:var(--top-text)}.top .live.stale b,.hdr .live.stale b{color:#ff9a8c}.top .live.stale b::before,.hdr .live.stale b::before{background:#ff9a8c}
@keyframes pulse{to{box-shadow:0 0 0 8px rgba(63,208,113,0)}}
.ibtn{width:38px;height:38px;border-radius:9px;border:1px solid var(--top-line);background:var(--top-glass);color:var(--top-text);display:grid;place-items:center;font-size:16px;flex:none}
.adm .ibtn{border-color:var(--line);background:var(--surface-2);color:var(--text)}
.theme-btn .ic-moon{display:none}
html[data-theme="dark"] .theme-btn .ic-sun{display:none}
html[data-theme="dark"] .theme-btn .ic-moon{display:inline}
.menu-btn{display:none}
.mnav{display:flex;flex-direction:column;gap:6px;padding:10px 16px 16px;border-top:1px solid var(--top-line);max-height:calc(100dvh - 60px);overflow:auto}
.mnav .mg-link,.mnav .mg>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:var(--top-glass);border:1px solid var(--top-line);font-weight:600;font-size:15.5px;color:var(--top-text);cursor:pointer;list-style:none}
.mnav .mg>summary::-webkit-details-marker{display:none}
.mnav .mg>summary .chev{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .15s}
.mnav .mg[open]>summary{background:rgba(255,255,255,.14);border-radius:10px 10px 0 0}
.mnav .mg[open]>summary .chev{transform:rotate(180deg)}
.mnav .mg-body{padding:10px 8px 6px;border:1px solid var(--top-line);border-top:0;border-radius:0 0 10px 10px;background:rgba(0,0,0,.14)}
.mnav .mg-body .mt{display:block;color:rgba(255,255,255,.5);padding:6px 8px 4px}
.mnav .mg-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px}
.mnav .mg-links a{padding:9px 10px;border-radius:8px;color:var(--top-text);font-size:14.5px;font-weight:500}
.mnav .mg-links a:hover{background:rgba(255,255,255,.1)}
.mnav .mg-links.foot a{color:var(--gold);font-weight:600}
.mnav .mg-links.extra{margin-top:6px}.mnav .mg-links.extra a{background:var(--top-glass);border:1px solid var(--top-line);text-align:center}

/* ticker */
.ticker{border-top:1px solid var(--top-line);border-bottom:1px solid var(--top-line);background:rgba(0,0,0,.18);overflow:hidden;white-space:nowrap;color:var(--top-text)}
.ticker .track{display:inline-flex;animation:scroll 50s linear infinite}
.ticker:hover .track{animation-play-state:paused}
.ticker span{display:inline-flex;gap:8px;align-items:center;padding:7px 16px;border-right:1px solid var(--top-line);font-size:12.5px}
.ticker span em{font-style:normal;color:var(--top-muted);font-size:12.5px;letter-spacing:.04em}
.ticker .chg,.ticker .chg.up,.ticker .chg.dn{background:transparent;padding:0}
.ticker .chg.up{color:#6ee7a8}.ticker .chg.dn{color:#ff8a7a}
html[data-theme="dark"] .ticker .chg.up{color:var(--up)}html[data-theme="dark"] .ticker .chg.dn{color:var(--down)}
@keyframes scroll{to{transform:translateX(-50%)}}

/* özet bloğu (koyu alan) */
.summary{padding:18px 0 40px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.summary h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--top-text)}
.summary p{margin:4px 0 0;color:var(--top-muted);font-size:13.5px;max-width:72ch}
.summary p b{color:var(--top-text);font-weight:600}
.status{display:inline-flex;align-items:center;gap:8px;background:var(--top-glass);border:1px solid var(--top-line);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--top-text);white-space:nowrap}
.status i{width:8px;height:8px;border-radius:50%;background:#6ee7a8;box-shadow:0 0 0 4px rgba(110,231,168,.2)}
.status.closed i{background:#ffb35c;box-shadow:0 0 0 4px rgba(255,179,92,.2)}
/* tiles */
.hero{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:12px;margin:16px 0 12px}
body.home .hero{margin-top:-26px;position:relative;z-index:2}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px 12px;display:grid;grid-template-columns:1fr;row-gap:2px;min-width:0;box-shadow:var(--shadow);color:inherit;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}
.tile:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(15,31,46,.06),0 12px 28px rgba(15,31,46,.12)}
html[data-theme="dark"] .tile:hover{border-color:var(--gold-line);transform:none;box-shadow:none}
.tile .lbl{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:6px}
.tile .lbl b{font-weight:600;color:var(--text)}
.tile .lbl i{font-style:normal;font-size:12px;color:var(--faint);letter-spacing:.06em;white-space:nowrap}
.tile .val{font-size:26px;font-weight:600;margin:6px 0 2px;line-height:1.1;white-space:nowrap;position:relative;z-index:1}
.tile .val small{font-size:13px;color:var(--muted);font-weight:500}
.tile .sub{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:4px 6px;flex-wrap:wrap}
.tile .sub>span{white-space:nowrap}
.tile .spark{width:100%;height:30px;margin-top:8px;pointer-events:none}
.tile .spark svg{width:100%;height:100%;display:block}
.tile .range:empty{display:none}
.tile.main{background:linear-gradient(135deg,var(--navy-2),var(--blue));border-color:transparent;color:#fff}
.tile.main .lbl,.tile.main .sub,.tile.main .val small{color:rgba(255,255,255,.72)}
.tile.main .lbl b{color:var(--gold)}
.tile.main .lbl i{color:rgba(255,255,255,.5)}
.tile.main .val{color:#fff}
.tile.main .chg.up{color:#6ee7a8;background:rgba(110,231,168,.16)}.tile.main .chg.dn{color:#ff9a8c;background:rgba(255,138,122,.18)}

.tile.main .rb{color:rgba(255,255,255,.65)}.tile.main .rb i{background:rgba(255,255,255,.2)}
html[data-theme="dark"] .tile.main{background:linear-gradient(160deg,rgba(228,181,69,.1),var(--surface) 55%);border-color:var(--gold-line);color:var(--text)}
html[data-theme="dark"] .tile.main .lbl,html[data-theme="dark"] .tile.main .sub,html[data-theme="dark"] .tile.main .val{color:var(--muted)}html[data-theme="dark"] .tile.main .val{color:var(--text)}html[data-theme="dark"] .tile.main .lbl b{color:var(--gold-2)}
.tile .range{margin-top:10px;position:relative;z-index:1}
.rb{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:12px;color:var(--faint);font-family:var(--mono)}
.rb i{display:block;height:4px;border-radius:2px;background:var(--surface-3);position:relative;min-width:50px}
.rb i::after{content:"";position:absolute;top:-2px;width:8px;height:8px;border-radius:50%;background:var(--blue);left:var(--p);transform:translateX(-50%)}
.tile.main .rb i::after{background:var(--gold);box-shadow:0 0 0 3px rgba(242,193,78,.25)}

/* quick actions */
.quick{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.quick::-webkit-scrollbar{display:none}
.quick a{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:9px 13px;font-weight:500;font-size:13px;color:var(--text);box-shadow:var(--shadow)}
.quick a:hover{border-color:var(--blue);color:var(--blue)}
.quick a{--qa:var(--blue);--qb:var(--blue-soft)}
.quick a:nth-child(1){--qa:#9a6a06;--qb:#fff1cc}.quick a:nth-child(2){--qa:#0f4c81;--qb:#e2eef9}.quick a:nth-child(3){--qa:#b92f25;--qb:#fbe4e0}.quick a:nth-child(4){--qa:#7c3aed;--qb:#ece4fb}.quick a:nth-child(5){--qa:#0b7a45;--qb:#e3f5ea}.quick a:nth-child(6){--qa:#0e7490;--qb:#dff4f8}.quick a:nth-child(7){--qa:#b45309;--qb:#fdebd6}.quick a:nth-child(8){--qa:#475569;--qb:#e9edf2}
.quick a svg{width:16px;height:16px;stroke:var(--qa);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;background:var(--qb);border-radius:7px;padding:4px;box-sizing:content-box;transition:transform .15s}
.quick a:hover{border-color:var(--qa);color:var(--qa)}.quick a:hover svg{transform:scale(1.06)}
.quick a{border-bottom:2px solid var(--qb)}
html[data-theme="dark"] .quick a{--qb:rgba(255,255,255,.06)}html[data-theme="dark"] .quick a:nth-child(1){--qa:#e4b545}html[data-theme="dark"] .quick a:nth-child(2){--qa:#7fbfff}html[data-theme="dark"] .quick a:nth-child(3){--qa:#ff8a80}html[data-theme="dark"] .quick a:nth-child(4){--qa:#c4a5ff}html[data-theme="dark"] .quick a:nth-child(5){--qa:#52dd8b}html[data-theme="dark"] .quick a:nth-child(6){--qa:#67d3e8}html[data-theme="dark"] .quick a:nth-child(7){--qa:#ffb86b}html[data-theme="dark"] .quick a:nth-child(8){--qa:#b8c4d3}

/* layout */
.cols{display:grid;grid-template-columns:1fr 350px;gap:16px;align-items:start}
.cols>*,.stack>*{min-width:0}
.stack{display:grid;gap:16px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.card>h2{font-size:14.5px;font-weight:700;letter-spacing:.01em;color:var(--gold-2);margin:0;padding:12px 16px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card-head)}
.card>h2::before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,#f2c14e,var(--gold-2));margin-right:-2px;flex:none}
.card>h2>span{color:var(--muted);font-weight:400;letter-spacing:0}
html[data-theme="dark"] .card>h2{color:var(--gold)}
html[data-theme="dark"] .card>h2::before{background:linear-gradient(180deg,var(--gold),var(--gold-2))}
.card>h2 span{font-weight:400;color:var(--faint);font-size:12.5px}
.card>h2 a.more{font-size:12px;color:var(--blue);font-weight:600;margin-left:auto}
.card .body{padding:14px 16px}
.desc{padding:8px 16px 0;font-size:12.5px;color:var(--muted)}
.crumbs{display:flex;gap:8px;font-size:12px;color:var(--muted);margin:14px 0 8px;flex-wrap:wrap}
.crumbs a:hover{color:var(--text)}
h1.ph{font-size:24px;font-weight:600;margin:4px 0 6px;letter-spacing:-.01em}
.lead{font-size:14.5px;color:var(--muted);margin:0 0 14px;max-width:70ch}

/* tabs */
.tabs{display:flex;gap:2px;background:var(--surface-2);padding:3px;border-radius:8px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.tabs::-webkit-scrollbar{display:none}
.tabs button,.tabs a{border:0;background:none;color:var(--muted);padding:6px 12px;border-radius:6px;font-size:12.5px;font-weight:500;white-space:nowrap}
.tabs button.on,.tabs a.on{background:var(--tab-on);color:var(--tab-on-ink);box-shadow:var(--shadow)}
.pane{display:none}.pane.on{display:block}

/* tables */
.tw{overflow-x:auto}
table.pt{width:100%;border-collapse:collapse}
.pt th,.pt td{padding:10px 14px;text-align:right;border-bottom:1px solid var(--line-soft);white-space:nowrap}
.pt th{font-size:12px;font-weight:600;color:var(--faint);text-transform:uppercase;letter-spacing:.07em;background:var(--th-bg)}
.pt th:first-child,.pt td:first-child{text-align:left}
.pt td:first-child{font-weight:500}
.pt td:first-child a:hover{color:var(--blue)}
.pt td:first-child small{display:block;color:var(--faint);font-weight:400;font-size:12px;white-space:normal;max-width:32ch}
.pt tbody tr:last-child td{border-bottom:0}
.pt tbody tr:hover{background:var(--surface-2)}
.pt td.sell{font-weight:600}
.pt td.spark svg{width:80px;height:24px;display:block;margin-left:auto}
.pt td.spark .area{display:none}
.pt td.rng{min-width:150px}
.flash-up{animation:fu 1.4s ease-out;border-radius:5px}.flash-dn{animation:fd 1.4s ease-out;border-radius:5px}
@keyframes fu{0%{background:var(--up);color:#fff;box-shadow:0 0 0 3px var(--up)}18%{background:var(--up);color:#fff;box-shadow:0 0 0 3px var(--up)}40%{background:var(--up-soft);color:var(--up);box-shadow:0 0 0 0 transparent}100%{background:transparent;color:inherit}}
@keyframes fd{0%{background:var(--down);color:#fff;box-shadow:0 0 0 3px var(--down)}18%{background:var(--down);color:#fff;box-shadow:0 0 0 3px var(--down)}40%{background:var(--down-soft);color:var(--down);box-shadow:0 0 0 0 transparent}100%{background:transparent;color:inherit}}
.tile .val.flash-up,.tile .val.flash-dn{border-radius:8px;padding:0 6px;margin-left:-6px}
.tile.main .val.flash-up,.tile.main .val.flash-dn{animation-name:fum}
.tile.main .val.flash-dn{animation-name:fdm}
@keyframes fum{0%,18%{background:rgba(110,231,168,.35);box-shadow:0 0 0 3px rgba(110,231,168,.5)}100%{background:transparent;box-shadow:none}}
@keyframes fdm{0%,18%{background:rgba(255,138,122,.35);box-shadow:0 0 0 3px rgba(255,138,122,.5)}100%{background:transparent;box-shadow:none}}
.pt td.flash-up,.pt td.flash-dn{border-radius:0}
.ticker span.flash-up,.ticker span.flash-dn{border-radius:0}

/* ads & sponsor */
.ad{border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--faint);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;overflow:hidden}
.ad.h100{height:100px}.ad.h250{height:250px}.ad.h280{height:280px}
.ad ins{width:100%}
.sponsor{border:1px solid var(--gold-line);border-radius:14px;background:linear-gradient(150deg,var(--gold-soft),var(--surface) 60%);padding:12px 14px;display:grid;gap:10px;box-shadow:var(--shadow)}
.sponsor .sp-top{display:flex;justify-content:space-between;align-items:center}
.sp-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);font-weight:700;border:1px solid var(--gold-line);border-radius:4px;padding:1px 6px}
.sponsor .sp-body{display:flex;gap:12px;align-items:center}
.sponsor img,.sp-mark{width:48px;height:48px;border-radius:10px;object-fit:contain;background:var(--surface);border:1px solid var(--line);flex:none}
.sp-mark{display:grid;place-items:center;font-style:normal;font-weight:700;color:var(--gold);background:var(--navy-2);border-color:transparent}
.sponsor b{font-size:14px}.sponsor p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.sp-cta{display:block;text-align:center;background:var(--gold);color:#1f1500;font-weight:700;border-radius:8px;padding:9px 12px;font-size:13px}
.sp-cta:hover{filter:brightness(1.06)}
.sponsor.inline{grid-template-columns:1fr auto;align-items:center}
.sponsor.inline .sp-cta{grid-row:1/3;align-self:center}
.sponsor.hero{margin:0 0 14px}

/* chart */
.chart{padding:14px 16px 10px}
.chart .top2{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}
.chart .top2 b{font-size:22px;font-weight:600;display:block}
.chart .top2 small{font-size:12px;color:var(--muted)}
.chart-svg{width:100%;height:190px;display:block}
.chart-svg .ct{fill:var(--faint);font-size:11.5px;font-family:var(--mono)}
.chart-svg polyline[stroke="var(--gold)"],.chart-svg path[stroke="var(--gold)"]{stroke:var(--blue)}
.chart-svg circle[fill="var(--gold-2)"]{fill:var(--gold);stroke:var(--blue);stroke-width:1.5}
.chart-svg stop[stop-color="var(--gold)"]{stop-color:var(--blue)}
html[data-theme="dark"] .chart-svg polyline[stroke="var(--gold)"],html[data-theme="dark"] .chart-svg path[stroke="var(--gold)"]{stroke:var(--gold)}html[data-theme="dark"] .chart-svg stop[stop-color="var(--gold)"]{stop-color:var(--gold)}
.chart .rng{display:flex;gap:4px;margin-top:8px}
.chart .rng a,.chart .rng button{flex:1;border:1px solid var(--line);background:none;color:var(--muted);border-radius:5px;padding:5px 0;font-size:12.5px;text-align:center}
.chart .rng .on{background:var(--blue);color:#fff;border-color:transparent}
html[data-theme="dark"] .chart .rng .on{background:var(--gold-soft);color:var(--gold-2)}
.chart .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}
.chart .stats div{font-size:12px;color:var(--faint)}
.chart .stats div b{display:block;font-size:13px;color:var(--text);font-weight:500}

/* forms / calc */
.calc{padding:12px 16px 14px;display:grid;gap:10px}
.calc label,.form label{font-size:12px;color:var(--muted);display:grid;gap:5px}
.calc input,.calc select,.form input,.form select,.form textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:9px 10px;font:inherit;font-family:var(--mono);font-size:14px}
.form textarea{font-family:var(--sans);min-height:120px}
.calc input:focus,.calc select:focus,.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.calc .row,.form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calc .row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.calc .out{background:linear-gradient(135deg,var(--navy-2),var(--blue));color:#fff;border-radius:10px;padding:11px 12px;display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.calc .out b{font-size:20px;color:#fff;font-family:var(--mono)}
.calc .out span{font-size:12.5px;color:rgba(255,255,255,.75)}
html[data-theme="dark"] .calc .out{background:var(--gold-soft);color:var(--text)}html[data-theme="dark"] .calc .out b{color:var(--gold-2)}html[data-theme="dark"] .calc .out span{color:var(--muted)}
.calc .out.alt{background:var(--surface-2);color:var(--text)}.calc .out.alt b{color:var(--text)}.calc .out.alt span{color:var(--muted)}
.calc .note{font-size:12px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:var(--gold);color:#1f1500;border-radius:8px;padding:10px 16px;font-weight:700;font-size:13.5px}
.btn:hover{filter:brightness(1.06)}
.btn.ghost{background:var(--surface);color:var(--blue);border:1px solid var(--line)}
html[data-theme="dark"] .btn.ghost{color:var(--text);background:var(--surface-2)}
.btn.sm{padding:6px 10px;font-size:12px}
.btn.danger{background:var(--down);color:#fff}
.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.calc-grid a{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:4px;box-shadow:var(--shadow)}
.calc-grid a:hover{border-color:var(--blue)}
.calc-grid b{font-size:14px}.calc-grid span{font-size:12.5px;color:var(--muted)}
.calc-grid i{font-style:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.alarm{padding:12px 16px 14px;display:grid;gap:8px;background:linear-gradient(135deg,var(--gold-soft),transparent 60%)}
.alarm p{margin:0;font-size:12.5px;color:var(--muted)}
.alarm .f{display:flex;gap:8px;flex-wrap:wrap}
.alarm input,.alarm select{flex:1;min-width:120px;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:9px 10px;font:inherit;font-family:var(--mono)}
.msg{font-size:12.5px;padding:8px 10px;border-radius:6px}
.msg.ok{background:var(--up-soft);color:var(--up)}.msg.err{background:var(--down-soft);color:var(--down)}

/* src / decomposition */
.src{padding:6px 16px 8px}
.src div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:13px;align-items:center}
.src div:last-child{border:0}
.src .n small{display:block;color:var(--faint);font-size:12px}
.src .bar{height:3px;background:var(--surface-3);border-radius:2px;margin-top:5px;overflow:hidden;width:120px}
.src .bar i{display:block;height:100%;background:var(--blue);border-radius:2px}
.decomp{padding:12px 16px 14px;display:grid;gap:10px}
.decomp .row2{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;font-size:13px}
.decomp .bar{height:8px;border-radius:4px;background:var(--surface-3);position:relative;overflow:hidden}
.decomp .bar i{position:absolute;top:0;bottom:0;border-radius:4px}
.decomp .bar i.up{background:var(--up)}.decomp .bar i.dn{background:var(--down)}
.decomp p{margin:0;font-size:12.5px;color:var(--muted)}

/* summary & heat */
.sum{padding:14px 16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.sum article{border-left:2px solid var(--blue);padding-left:12px}
html[data-theme="dark"] .sum article{border-left-color:var(--gold-line)}
.sum h3{font-size:13.5px;margin:2px 0 4px;font-weight:600;line-height:1.35}
.sum h3 a:hover{color:var(--blue)}
.sum p{margin:0;color:var(--muted);font-size:12.5px}
.sum time{font-size:12px;color:var(--faint);letter-spacing:.05em;text-transform:uppercase}
.heat{padding:8px 16px 14px}
.heat table th,.heat table td{padding:8px 10px}
.heat td.c{font-family:var(--mono);font-size:12.5px;font-weight:500;border-radius:4px}
.h-u1{background:rgba(63,208,113,.12);color:var(--up)}.h-u2{background:rgba(63,208,113,.24);color:var(--up)}.h-u3{background:rgba(63,208,113,.38);color:var(--up)}
.h-d1{background:rgba(255,109,109,.12);color:var(--down)}.h-d2{background:rgba(255,109,109,.24);color:var(--down)}
html[data-theme="dark"] .h-u2{color:#8af0b0}html[data-theme="dark"] .h-u3{color:#c7ffd9}html[data-theme="dark"] .h-d2{color:#ffa3a3}

/* content */
.prose{padding:4px 16px 14px;font-size:14px;max-width:78ch}
.prose h2{font-size:17px;margin:18px 0 6px}
.prose h3{font-size:15px;margin:14px 0 4px}
.prose p,.prose li{color:var(--text)}
.prose ul{padding-left:20px}
.faq{padding:4px 16px 12px}
.faq details{border-bottom:1px solid var(--line-soft);padding:8px 0}
.faq summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:"+";color:var(--blue);font-weight:700}
.faq details[open] summary::after{content:"−"}
.faq p{margin:6px 0 0;color:var(--muted);font-size:13px}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 16px}
.guides a{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:8px;padding:12px;display:grid;gap:4px}
.guides a:hover{border-color:var(--blue)}
.guides b{font-size:13px;font-weight:600}.guides span{font-size:12px;color:var(--muted)}
.list{padding:0 16px}
.list a{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.list a:last-child{border:0}
.list a:hover{color:var(--blue)}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--surface-2);font-size:12.5px;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 14px;border-radius:8px;font-size:13px;z-index:95;box-shadow:0 6px 20px rgba(0,0,0,.25)}

/* çoklu çevirici */
.mc{padding:6px 16px 12px;display:grid;gap:8px}
.mc-row{display:grid;grid-template-columns:1fr 160px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line-soft)}
.mc-row:last-child{border:0}
.mc-row label{display:grid}.mc-row label b{font-weight:600;font-size:13.5px}.mc-row label small{color:var(--faint);font-size:12px}
.mc-row input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:9px 10px;font:inherit;font-family:var(--mono);font-size:14px;text-align:right}
.mc-row input:focus{outline:2px solid var(--gold);outline-offset:1px}
.ad.custom{border-style:solid;text-transform:none;letter-spacing:0}
@media (max-width:480px){.mc-row{grid-template-columns:1fr 130px}}

/* footer */
.ft{margin:28px 0 0;background:var(--navy);color:#a9bcd0}
.ft .logo{color:#fff}
.ft .cols4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:20px;padding:24px 0}
.ft h4,.ft h3{margin:0 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8ea3ba;font-weight:600}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:13px;color:#a9bcd0}
.ft ul a:hover{color:#fff}
.ft .about{font-size:12.5px;color:#a9bcd0;max-width:44ch;margin:4px 0}
.ft .legal{border-top:1px solid rgba(255,255,255,.08);padding:14px 0 22px;font-size:12.5px;color:#8ea3ba}

/* responsive */
@media (max-width:1100px){.hero{grid-template-columns:1fr 1fr}.tile.main{grid-column:1/3}}
@media (max-width:980px){.summary{padding-bottom:36px}}
@media (max-width:980px){.cols{grid-template-columns:1fr}.sum{grid-template-columns:1fr}.guides{grid-template-columns:1fr 1fr}.ft .cols4{grid-template-columns:1fr 1fr}.calc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){
  nav.main,.search,.live{display:none}
  .menu-btn{display:grid;margin-left:auto}
  .hdr .wrap{height:54px}
  .summary{padding:14px 0 34px}.summary h1{font-size:18px}.summary p{font-size:12.5px}
  .hero{gap:10px}.tile{padding:12px 12px 10px}.tile .val{font-size:20px}.tile .val small{display:none}.tile.main .val{font-size:32px}.tile.main .val small{display:inline}.tile .spark{height:24px;margin-top:6px}.tile.main .spark{height:32px}.tile .sub{font-size:12px}
  .pt th,.pt td{padding:10px 10px}
  .pt td.spark,.pt th.spark,.pt td.rng,.pt th.rng{display:none}
  .card>h2{padding:11px 12px}
  .heat table th,.heat table td{padding:8px 6px}
  .calc .row3{grid-template-columns:1fr}
  h1.ph{font-size:20px}
}
@media (max-width:480px){
  .pt th:nth-child(2),.pt td:nth-child(2){display:none}
  .calc .row{grid-template-columns:1fr}
  .calc-grid{grid-template-columns:1fr}
  .ft .cols4{grid-template-columns:1fr}
  .guides{grid-template-columns:1fr}
  .decomp .row2{grid-template-columns:90px 1fr auto}
}
@media (prefers-reduced-motion:reduce){.ticker .track{animation:none}.live b::before{animation:none}.flash-up,.flash-dn{animation:none}}
@media print{.hdr,.ticker,.ad,.sponsor,.ft,.quick{display:none}}

/* ===== Etkileşimli piyasa listesi (anasayfa) ===== */
.lt{display:flex;align-items:center;gap:10px;padding:12px 16px 0;flex-wrap:wrap}
.lt .lf{flex:1 1 220px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:0 10px;height:36px;color:var(--faint)}
.lt .lf:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.lt .lf svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;flex:none}
.lt .lf input{background:none;border:0;outline:none;font:inherit;color:var(--text);width:100%;min-width:0}
.lt .lf input::-webkit-search-cancel-button{cursor:pointer}
.lt .tg{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.lt .tg svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.lt .tg b{font-family:var(--mono);font-weight:600;background:var(--surface-2);border-radius:5px;padding:1px 6px;font-size:12.5px}
.lt .tg[aria-pressed="true"]{background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold-2)}
.lt .tg[aria-pressed="true"] svg{fill:var(--gold);stroke:var(--gold)}
.lt .meta{margin-left:auto;font-size:12px;color:var(--faint);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.lt .meta .dot{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px var(--up-soft)}
.pt.rich th button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit}
.pt.rich th button::after{content:"";width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;opacity:.35}
.pt.rich th[aria-sort="ascending"] button::after{border-top:0;border-bottom:4px solid var(--blue);opacity:1}
.pt.rich th[aria-sort="descending"] button::after{border-top-color:var(--blue);opacity:1}
.pt.rich th[aria-sort="ascending"],.pt.rich th[aria-sort="descending"]{color:var(--blue)}
.pt.rich td{padding:9px 12px}
.pt.rich tr.row{transition:background .12s}
.pt.rich tr.row:hover{background:var(--blue-soft)}
html[data-theme="dark"] .pt.rich tr.row:hover{background:var(--surface-2)}
.pt.rich tr.row.r-up td.p{box-shadow:inset 3px 0 0 var(--up)}
.pt.rich tr.row.r-dn td.p{box-shadow:inset 3px 0 0 var(--down)}
.pt.rich tr.row.isfav td.p{background:linear-gradient(90deg,var(--gold-soft),transparent 70%)}
.pt.rich td.p{display:flex;align-items:center;gap:9px;min-width:210px;border-bottom:0}
.pt.rich tr.row td{border-bottom:1px solid var(--line-soft)}
.pt.rich tr.row:last-of-type td,.pt.rich tr.row.open td{border-bottom-color:transparent}
.pt.rich .fav{all:unset;cursor:pointer;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--faint);flex:none;order:0}
.pt.rich .fav svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.pt.rich .fav:hover{background:var(--gold-soft);color:var(--gold-2)}
.pt.rich .fav[aria-pressed="true"]{color:var(--gold)}.pt.rich .fav[aria-pressed="true"] svg{fill:var(--gold);stroke:var(--gold-2)}
.pt.rich .av{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.02em;flex:none;font-family:var(--mono)}
.pt.rich .av.g-altin{background:linear-gradient(145deg,#ffe29a,#e0a82e);color:#5a3d05;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.pt.rich .av.g-ziynet{background:linear-gradient(145deg,#ffd7a8,#d9822b);color:#5a2e05;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.pt.rich .av.g-doviz{background:linear-gradient(145deg,var(--navy-2),var(--blue));color:#fff;font-size:13px}
.pt.rich .av.g-metal{background:linear-gradient(145deg,#e9eef3,#a9b6c4);color:#243447;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
html[data-theme="dark"] .pt.rich .av.g-doviz{background:linear-gradient(145deg,#1f3550,#2f6ea8)}
.pt.rich .nm{display:grid;min-width:0}
.pt.rich .nm a{font-weight:600;color:var(--text)}
.pt.rich .nm a:hover{color:var(--blue)}
.pt.rich .nm small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--faint);font-weight:400;font-size:12px;white-space:normal;max-width:34ch;line-height:1.3}
.pt.rich td.rng:empty::before{content:"gün içi henüz oluşmadı";color:var(--faint);font-size:12px;font-style:italic}
.pt.rich td.ch{line-height:1.2}
.pt.rich td.ch .abs{display:block;font-size:12px;color:var(--faint);margin-top:3px}
.pt.rich td.act{white-space:nowrap;width:1%;padding-left:4px;padding-right:6px}
.pt.rich td.rng{min-width:118px;max-width:150px}
.pt.rich td.rng:empty::before{white-space:normal;display:block;max-width:110px;line-height:1.25}
.pt.rich td.spark,.pt.rich th.spark{padding-left:6px;padding-right:6px}
.pt.rich td.sell{padding-left:10px;padding-right:10px}
.pt.rich td.act a,.pt.rich td.act .exp{all:unset;cursor:pointer;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--faint);vertical-align:middle;margin:0}
.pt.rich td.act a+a,.pt.rich td.act a+.exp{margin-left:1px}
.pt.rich td.act svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pt.rich td.act a:hover,.pt.rich td.act .exp:hover{background:var(--surface);color:var(--blue);box-shadow:var(--shadow)}
.pt.rich td.act a:focus-visible,.pt.rich td.act .exp:focus-visible,.pt.rich .fav:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.pt.rich td.act a{opacity:0;transition:opacity .12s}
.pt.rich tr.row:hover td.act a,.pt.rich tr.row:focus-within td.act a,.pt.rich tr.row.open td.act a{opacity:1}
.pt.rich .exp svg{transition:transform .18s}
.pt.rich tr.row.open .exp{background:var(--blue);color:#fff}
.pt.rich tr.row.open .exp svg{transform:rotate(180deg)}
.pt.rich tr.row.open{background:var(--blue-soft)}
html[data-theme="dark"] .pt.rich tr.row.open{background:var(--surface-2)}
.pt.rich tr.det>td{padding:0 12px 14px;max-width:0;background:var(--blue-soft);border-bottom:1px solid var(--line);white-space:normal}
html[data-theme="dark"] .pt.rich tr.det>td{background:var(--surface-2)}
.pt.rich .dg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 0 10px}
@media (min-width:1101px){.pt.rich .dg{grid-template-columns:repeat(6,minmax(0,1fr))}}
.pt.rich .dg>div{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 10px;display:grid;gap:2px;min-width:0}
.pt.rich .dg span{font-size:11.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt.rich .dg b{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pt.rich .dg b i{font-style:normal;color:var(--faint);font-size:12px;font-weight:500}
.pt.rich .dc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.pt.rich .dc label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--faint)}
.pt.rich .dc input{width:88px;height:32px;border:1px solid var(--line);border-radius:7px;padding:0 8px;font:inherit;font-family:var(--mono);background:var(--surface);color:var(--text)}
.pt.rich .dc input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.pt.rich .dc .eq{color:var(--faint)}
.pt.rich .dc b{font-size:15px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:4px 10px}
.pt.rich .dc .hint{font-size:12px;color:var(--faint)}
.pt.rich .dc .btn{margin-left:auto}
.btn.small{padding:6px 10px;font-size:12px;border-radius:7px}
.tw .empty{padding:18px 16px;text-align:center;color:var(--faint);font-size:13px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

@media (max-width:720px){
  .lt{padding:10px 12px 0}.lt .meta{display:none}.lt .tg span{display:none}
  .pt.rich td{padding:9px 8px}.pt.rich td.p{min-width:0;gap:8px}.pt.rich .av{width:28px;height:28px;font-size:12px;border-radius:8px}.pt.rich .nm small{display:none}
  .pt.rich th.act,.pt.rich td.act{display:none}.pt.rich td.ch .abs{display:none}
  .pt.rich .nm::after{content:"detay ▾";font-size:11.5px;color:var(--faint);letter-spacing:.02em}.pt.rich tr.row.open .nm::after{content:"kapat ▴";color:var(--blue)}
  .pt.rich .dg{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pt.rich .dc .btn{margin-left:0;width:100%;text-align:center}
}

/* ===== Banka makası sekmesi ===== */
.tabs button.hot{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f7d97c,#e0a82e);color:#3a2a00;font-weight:700;box-shadow:0 1px 0 rgba(0,0,0,.08),inset 0 0 0 1px rgba(255,255,255,.45);margin-left:4px;position:relative}
.tabs button.hot svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tabs button.hot::after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--down);border:2px solid var(--surface-2);animation:hotp 1.6s infinite}
@keyframes hotp{0%{box-shadow:0 0 0 0 rgba(200,54,43,.55)}to{box-shadow:0 0 0 7px rgba(200,54,43,0)}}
.tabs button.hot.on{background:linear-gradient(135deg,var(--navy-2),var(--blue));color:#fff;box-shadow:0 0 0 2px var(--gold)}
.tabs button.hot.on::after{display:none}
html[data-theme="dark"] .tabs button.hot{background:linear-gradient(135deg,#e4b545,#b8860b);color:#1a1200}
html[data-theme="dark"] .tabs button.hot.on{background:var(--gold-soft);color:var(--gold);box-shadow:0 0 0 1px var(--gold-line)}
.bsw-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px 0}
.bsw{display:inline-flex;gap:4px;background:var(--surface-2);border-radius:9px;padding:3px}
.bsw button{border:0;background:none;color:var(--muted);padding:6px 12px;border-radius:7px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.bsw button.on{background:var(--gold);color:#2a1d00}
html[data-theme="dark"] .bsw button.on{background:var(--gold-soft);color:var(--gold)}
.bnote{font-size:12px;color:var(--faint);display:inline-flex;align-items:center;gap:6px}
.bnote .dot{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px var(--up-soft);flex:none}
.bnote .dot.warn{background:#e8a317;box-shadow:0 0 0 3px rgba(232,163,23,.2)}
.bsw-wrap .more{margin-left:auto;font-size:12px;font-weight:600;color:var(--blue)}
.bpane{display:none}.bpane.on{display:block}
.bkpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 16px 4px}
.bkpi .k{border-radius:10px;padding:10px 12px;display:grid;gap:2px;background:var(--surface-2);border:1px solid var(--line);min-width:0}
.bkpi .k span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);white-space:nowrap}
.bkpi .k b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bkpi .k i{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--muted)}
.bkpi .k.best{background:var(--up-soft);border-color:transparent}.bkpi .k.best b,.bkpi .k.best i{color:var(--up)}
.bkpi .k.worst{background:var(--down-soft);border-color:transparent}.bkpi .k.worst b,.bkpi .k.worst i{color:var(--down)}
.bkpi .k.ref{background:linear-gradient(135deg,var(--navy-2),var(--blue));border-color:transparent;color:#fff}.bkpi .k.ref span{color:rgba(255,255,255,.7)}.bkpi .k.ref i{color:rgba(255,255,255,.8)}
html[data-theme="dark"] .bkpi .k.ref{background:var(--gold-soft);color:var(--text)}html[data-theme="dark"] .bkpi .k.ref span{color:var(--faint)}html[data-theme="dark"] .bkpi .k.ref i{color:var(--muted)}
.pt.bank td:first-child{display:flex;align-items:center;gap:10px;min-width:190px}
.pt.bank td,.pt.bank th{padding:9px 10px}
.pt.bank .av{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none;font-family:var(--mono);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.pt.bank .av.g-altin{background:linear-gradient(145deg,#ffe29a,#e0a82e);color:#5a3d05}
.pt.bank .nm{display:grid;min-width:0}
.pt.bank .nm b{font-weight:600}
.pt.bank .nm small{color:var(--faint);font-size:12px;font-weight:400;white-space:nowrap}
.pt.bank .tag{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--up);color:#fff;border-radius:5px;padding:1px 6px;vertical-align:1px;margin-left:4px}
.pt.bank .tag.ex{background:var(--surface-3);color:var(--muted)}
.pt.bank td.sp i{font-style:normal;color:var(--faint);font-size:12px;margin-left:2px}
.pt.bank td.bar,.pt.bank th.bar{min-width:120px;text-align:left}
.pt.bank .sbar{height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden;position:relative}
.pt.bank .sbar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--up),#e8a317 60%,var(--down));min-width:6px;transition:width .3s}
.pt.bank tr.good .sbar i{background:var(--up)}
.pt.bank tr.bad .sbar i{background:var(--down)}
.pt.bank tr.ok .sbar i{background:linear-gradient(90deg,var(--up),#8fc93a)}
.pt.bank tr.warn .sbar i{background:linear-gradient(90deg,#8fc93a,#e8a317)}
.pt.bank .sbar.ref i{background:var(--blue)}
.pt.bank tr.refrow td{background:var(--gold-soft);font-weight:500}
html[data-theme="dark"] .pt.bank tr.refrow td{background:rgba(228,181,69,.08)}
.pt.bank tr.good td:first-child{box-shadow:inset 3px 0 0 var(--up)}
.pt.bank tr.bad td:first-child{box-shadow:inset 3px 0 0 var(--down)}
.pt.bank tbody tr:hover{background:var(--blue-soft)}
html[data-theme="dark"] .pt.bank tbody tr:hover{background:var(--surface-2)}
.bfoot{margin:0;padding:10px 16px 14px;font-size:12px;color:var(--faint);line-height:1.5}
@media (max-width:980px){.bkpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){
  .bsw-wrap{padding:10px 12px 0}.bsw-wrap .more{margin-left:0}.bnote{display:none}
  .bkpi{padding:10px 12px 0;gap:6px}
  .pt.bank td.bar,.pt.bank th.bar,.pt.bank td:nth-child(2),.pt.bank th:nth-child(2),.pt.bank td:nth-child(6),.pt.bank th:nth-child(6),.pt.bank .tag{display:none}
  .pt.bank td,.pt.bank th{padding:8px 6px}.pt.bank td.sp i{display:block;margin:0}
  .pt.bank td:first-child{min-width:0;gap:8px}.pt.bank .av{width:28px;height:28px;font-size:12px;border-radius:8px}.pt.bank .nm small{display:none}
}
.card.tab-banka .lt,.card.tab-banka .desc{display:none}

/* ikonlu ürün rozetleri */
.pt.rich .av.ic{background:linear-gradient(145deg,#fff8e1,#ffe9b0);box-shadow:inset 0 0 0 1px rgba(184,134,11,.25)}
.pt.rich .av.ic.g-metal{background:linear-gradient(145deg,#f6f8fa,#dfe6ed);box-shadow:inset 0 0 0 1px rgba(90,110,130,.25)}
html[data-theme="dark"] .pt.rich .av.ic{background:rgba(228,181,69,.12);box-shadow:inset 0 0 0 1px rgba(228,181,69,.3)}
html[data-theme="dark"] .pt.rich .av.ic.g-metal{background:rgba(200,210,220,.1);box-shadow:inset 0 0 0 1px rgba(200,210,220,.25)}
.ico{width:22px;height:22px;display:block}
.pt.rich .av.ic .ico{width:24px;height:24px}
/* kurum logoları */
.pt.bank .av.logo{background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.pt.bank .av.logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit}
.pt.bank .av.gold{background:linear-gradient(145deg,#fff8e1,#ffe9b0);box-shadow:inset 0 0 0 1px rgba(184,134,11,.25)}
html[data-theme="dark"] .pt.bank .av.logo{background:#fff}
.pt.bank .tag.wide{background:var(--down)}
.bchips{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px 2px}
.bchips button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:5px 11px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.bchips button b{font-family:var(--mono);font-weight:600;font-size:12px;background:var(--surface-2);border-radius:999px;padding:0 6px}
.bchips button.on{background:var(--navy-2);color:#fff;border-color:transparent}
.bchips button.on b{background:rgba(255,255,255,.18)}
html[data-theme="dark"] .bchips button.on{background:var(--gold-soft);color:var(--gold);border-color:var(--gold-line)}
.bmore{display:block;width:100%;border:0;border-top:1px solid var(--line-soft);background:var(--surface-2);color:var(--blue);font:inherit;font-size:12.5px;font-weight:600;padding:10px;cursor:pointer}
.bmore:hover{background:var(--blue-soft)}
html[data-theme="dark"] .bmore{color:var(--gold-2)}
.src .bk{display:flex;align-items:center;gap:8px}.src .bk img{width:22px;height:22px;border-radius:6px;background:#fff;object-fit:contain;flex:none}.src .bk .n{flex:1;min-width:0}
@media (max-width:720px){.bchips{padding:8px 12px 0}.bchips button{padding:4px 9px;font-size:12.5px}}

/* ===== alt modüller ===== */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lv{padding:6px 16px 12px;display:grid;gap:12px}
.lvr .h{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;margin-bottom:6px}
.lvr .h a{color:var(--text)}.lvr .h a:hover{color:var(--blue)}
.lvr .h span{font-family:var(--mono);font-weight:600}
.lvr .bar{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--down-soft),var(--surface-3) 50%,var(--up-soft));position:relative}
.lvr .bar i{position:absolute;top:50%;left:var(--p,0%);width:14px;height:14px;border-radius:50%;background:var(--blue);border:2px solid var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.25);transform:translate(-50%,-50%);transition:left .4s}
html[data-theme="dark"] .lvr .bar i{background:var(--gold)}
.lvr .f{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--faint);margin-top:6px}
.lvr .f small{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}
.lvr .f span:last-child{text-align:right}
.lvr .f .mid{color:var(--muted);text-align:center;font-family:var(--sans)}
.lvr .f .mid b{color:var(--text)}.lvr .f .peak{color:var(--up)}
.lv .foot{margin:2px 0 0;font-size:12.5px;color:var(--faint)}
.rt{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px 14px}
.rti{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:3px;min-width:0;border-left-width:3px}
.rti.ok{border-left-color:var(--up)}.rti.warn{border-left-color:#e8a317}
.rti .k{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}
.rti b{font-size:18px;font-weight:600;color:var(--text)}
.rti small{font-size:12px;color:var(--muted);line-height:1.4}
.amt{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;padding:10px 16px 14px}
.amt .ag{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.amt .ah{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--card-head);border-bottom:1px solid var(--line-soft);font-weight:600;font-size:13px}
.amt .ah a{color:var(--text)}.amt .ah a:hover{color:var(--blue)}
.amt .ah .av{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.amt .ah .av.ic{background:linear-gradient(145deg,#fff8e1,#ffe9b0);box-shadow:inset 0 0 0 1px rgba(184,134,11,.25)}
.amt .ah .av.g-doviz{background:linear-gradient(145deg,var(--navy-2),var(--blue));color:#fff;font-family:var(--mono)}
.amt .ah .ico{width:18px;height:18px}
.amt .al{display:grid}
.amt .al a{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-bottom:1px solid var(--line-soft);font-size:12.5px;color:var(--muted)}
.amt .al a:last-child{border-bottom:0}
.amt .al a:hover{background:var(--blue-soft);color:var(--blue)}
.amt .al b{font-family:var(--mono);font-weight:600;color:var(--text);font-size:13px}
@media (max-width:980px){.grid2{grid-template-columns:1fr}}
@media (max-width:720px){.rt{grid-template-columns:1fr;padding:8px 12px 12px}.lv{padding:6px 12px 12px}.amt{grid-template-columns:1fr 1fr;padding:8px 12px 12px;gap:8px}.amt .al a{padding:6px 8px;font-size:12px}}
@media (max-width:420px){.amt{grid-template-columns:1fr}}

/* ===== sağ sütun: piyasa nabzı ===== */
.pulse .pb{padding:12px 16px 14px;display:grid;gap:12px}
.pulse .mood{border-radius:12px;padding:12px 14px;background:linear-gradient(135deg,var(--navy-2),var(--blue));color:#fff}
.pulse .mood.up{background:linear-gradient(135deg,#0b3d2b,#0f8a4f)}.pulse .mood.dn{background:linear-gradient(135deg,#4a1512,#c8362b)}
html[data-theme="dark"] .pulse .mood{background:var(--surface-2);color:var(--text)}html[data-theme="dark"] .pulse .mood.up{background:linear-gradient(135deg,rgba(63,208,113,.18),var(--surface-2))}html[data-theme="dark"] .pulse .mood.dn{background:linear-gradient(135deg,rgba(255,109,109,.18),var(--surface-2))}
.pulse .gauge{height:10px;border-radius:5px;background:rgba(255,255,255,.18);position:relative;overflow:hidden}
.pulse .gauge i{position:absolute;inset:0 auto 0 0;width:var(--p,50%);background:linear-gradient(90deg,#f2c14e,#6ee7a8);border-radius:5px;transition:width .5s}
.pulse .mood.dn .gauge i{background:linear-gradient(90deg,#ff9a8c,#f2c14e)}
html[data-theme="dark"] .pulse .gauge{background:var(--surface-3)}
.pulse .gl{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;font-size:12px;opacity:.95}
.pulse .gl b{font-size:18px;font-weight:700;font-family:var(--mono)}
.pulse .gl .m{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12px;background:rgba(255,255,255,.16);border-radius:999px;padding:3px 10px}
html[data-theme="dark"] .pulse .gl .m{background:var(--surface-3)}
.pulse .mood small{display:block;margin-top:6px;font-size:12px;opacity:.75}
.pulse .bw{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pulse .bwi{border-radius:10px;padding:9px 10px;display:grid;gap:2px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);min-width:0}
/* :not(.chg) ZORUNLU: bu kuralin ozgullugu (0,2,1) rozetin kendi kuralini (.chg.dn, 0,2,0)
   eziyordu; dusus rozeti pembe zeminde gri metinle cikiyor ve kontrast 4,37'ye dusuyordu.
   Kuralin amaci kucuk buyuk-harf etiketi bicimlendirmek, rozete dokunmamak. */
.pulse .bwi span:not(.chg){font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}
.pulse .bwi b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pulse .bwi.up{border-left:3px solid var(--up)}.pulse .bwi.dn{border-left:3px solid var(--down)}
.pulse .bwi:hover{border-color:var(--blue)}
.pulse .gp .t{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted)}
.pulse .gp .t b{font-size:15px;color:var(--text)}
.pulse .gp .track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--down-soft),var(--surface-3) 50%,var(--up-soft));position:relative;margin-top:8px}
.pulse .gp .track i{position:absolute;top:50%;left:var(--p,50%);width:12px;height:12px;border-radius:50%;background:var(--gold);border:2px solid var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.3);transform:translate(-50%,-50%);transition:left .4s}
.pulse .gp .lh{display:flex;justify-content:space-between;font-size:12px;color:var(--faint);margin-top:6px}
.pulse .gp .lh small{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}
.pulse .gp .lh span:last-child{text-align:right}
/* 10.000 ₺ ne olurdu */
.whatif .bsw.sm{padding:2px;gap:2px}.whatif .bsw.sm button{padding:4px 9px;font-size:12.5px}
.whatif .wl{padding:10px 16px 12px;display:grid;gap:9px}
.whatif .wr .h{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px}
.whatif .wr .h b{font-family:var(--mono);font-weight:600}
.whatif .wr .bar{height:16px;border-radius:4px;background:var(--surface-2);position:relative;overflow:hidden}
.whatif .wr .bar i{position:absolute;inset:0 auto 0 0;width:var(--w,0%);border-radius:4px;transition:width .4s}
.whatif .wr .bar i.up{background:linear-gradient(90deg,var(--up-soft),var(--up))}.whatif .wr .bar i.dn{background:linear-gradient(90deg,var(--down-soft),var(--down))}
.whatif .wr .bar em{position:absolute;right:4px;top:1px;line-height:14px;padding:0 5px;border-radius:3px;background:var(--surface);font-style:normal;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--text);box-shadow:0 0 0 1px var(--line)}
.whatif .foot{margin:2px 0 0;font-size:12px;color:var(--faint)}
/* hızlı cevaplar */
.faql{list-style:none;margin:0;padding:6px 10px 10px;display:grid}
.faql a{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;font-size:13px;color:var(--text);border-bottom:1px solid var(--line-soft)}
.faql li:last-child a{border-bottom:0}
.faql a:hover{background:var(--blue-soft);color:var(--blue)}
.faql i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px;background:var(--gold-soft);color:var(--gold-2);flex:none}
/* takipte kalın */
.follow{background:linear-gradient(160deg,var(--navy),var(--navy-2) 60%,var(--blue));color:#fff;border-color:transparent;position:relative;overflow:hidden}
.follow::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(242,193,78,.35),transparent 65%);pointer-events:none}
html[data-theme="dark"] .follow{background:linear-gradient(160deg,#141a23,#1b2430)}
.follow .fb{padding:16px;display:grid;gap:10px;position:relative;z-index:1}
.follow h2{margin:0;font-size:16px;font-weight:700;padding:0;border:0;background:none;color:#fff}
.follow h2::before{display:none}
.follow p{margin:0;font-size:12.5px;color:rgba(255,255,255,.78)}
.subf{display:grid;gap:6px}
.subf .r,.follow .subf{display:flex;gap:6px}
.follow .subf{flex-wrap:wrap}
.subf input{flex:1;min-width:150px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;padding:0 12px;font:inherit}
.subf input::placeholder{color:rgba(255,255,255,.6)}
.subf .btn{height:38px;border-radius:9px;background:var(--gold);color:#2a1d00;font-weight:700}
.subf .msg{font-size:12px;width:100%}
.follow .fl{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.follow .fl a{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:7px 10px}
.follow .fl a:hover{background:rgba(255,255,255,.18)}
.follow .fl svg{width:15px;height:15px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* ===== footer ===== */
.ft .legal{padding:0}
.ft{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--gold),var(--blue)) 1}
.ft-top{border-bottom:1px solid rgba(255,255,255,.08)}
.ft-top .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 16px;flex-wrap:wrap}
.ft .brand{max-width:46ch}
.ft .brand p{margin:8px 0 6px;font-size:13px;color:#a9bcd0}
.ft .st{font-size:12px;color:#8ea3ba;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ft .st b{color:#e9f0f7;font-weight:600}
.ft .st .dot{width:7px;height:7px;border-radius:50%;background:#6ee7a8;box-shadow:0 0 0 3px rgba(110,231,168,.2)}
.ft .mini{display:flex;gap:8px;flex-wrap:wrap}
.ft .mini a{display:grid;gap:1px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;min-width:112px;color:#fff}
.ft .mini a:hover{background:rgba(255,255,255,.12)}
.ft .mini span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#9db1c6}
.ft .mini b{font-size:14px;font-weight:600}
.ft .mini i{font-style:normal;font-size:12px;font-family:var(--mono)}.ft .mini i.up{color:#6ee7a8}.ft .mini i.dn{color:#ff9a8c}
.ft .cols5{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:24px 16px 8px}
.ft .cols5 ul a{color:#c7d3e0}.ft .cols5 ul a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold)}
.ft-sub .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px 18px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08)}
.ft-sub .subf{max-width:460px;flex:1 1 300px}
.ft-sub .subf label{font-size:12.5px;color:#c7d3e0;font-weight:600}
.ft .badges{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.ft .badges li{font-size:12.5px;color:#b7c7d8;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 10px;display:inline-flex;align-items:center;gap:6px}
.ft .badges i{font-style:normal;font-size:12px}
.ft .legal .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px 20px}
.ft .legal .cp{white-space:nowrap}.ft .legal a{color:#c7d3e0;text-decoration:underline;text-underline-offset:3px}.ft .legal a:hover{color:#fff}
@media (max-width:1100px){.ft .cols5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.ft .cols5{grid-template-columns:1fr 1fr;gap:14px;padding:18px 16px 4px}.ft .mini a{min-width:0;flex:1 1 30%}.ft-top .wrap{padding:18px 16px}.follow .fl{grid-template-columns:1fr}.pulse .bw{grid-template-columns:1fr}}

/* ===== liste tipografisi ===== */
.pt.rich td,.pt.rich th{padding:11px 12px}
.pt.rich th{font-size:12px;letter-spacing:.09em}
.pt.rich .nm a{font-size:14.5px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.pt.rich .nm small{display:flex;align-items:center;gap:6px;-webkit-line-clamp:unset;margin-top:3px;font-size:12px;color:var(--faint);white-space:nowrap;max-width:none}
.pt.rich .nm .unit{font-style:normal;font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:1px 5px;flex:none}
html[data-theme="dark"] .pt.rich .nm .unit{color:var(--gold-2);background:var(--gold-soft)}

.split{font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.split small{font-size:.78em;font-weight:inherit;opacity:.9}
.pt.rich td.buy{font-size:14px;font-weight:500;color:var(--muted)}
.pt.rich td.sell{font-size:17px;font-weight:700;color:var(--text);background:linear-gradient(180deg,rgba(15,76,129,.05),rgba(15,76,129,.05));box-shadow:inset 1px 0 0 var(--line-soft),inset -1px 0 0 var(--line-soft)}
html[data-theme="dark"] .pt.rich td.sell{background:rgba(228,181,69,.05)}
/* Para birimi işareti: sayının hangi birimde olduğu her yerde görünsün (TL vs USD kote ürünler bir arada). */
.cur{font-style:normal;font-weight:600;color:var(--faint);font-size:.82em;margin-left:2px}
.tile.main .cur,.tile .cur{color:inherit;opacity:.65}
.rb .cur{font-size:.9em;margin-left:3px;background:none;width:auto;height:auto;border-radius:0;box-shadow:none;position:static;display:inline}
.pt.rich td.sell .cur{font-style:normal;font-size:12px;font-weight:600;color:var(--faint);margin-left:4px;vertical-align:2px}
.pt.rich th:nth-child(3){color:var(--blue);background:linear-gradient(180deg,rgba(15,76,129,.08),rgba(15,76,129,.05))}
html[data-theme="dark"] .pt.rich th:nth-child(3){color:var(--gold-2);background:rgba(228,181,69,.08)}
.pt.rich td.ch .chg{font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:6px}
.pt.rich td.ch .abs{font-size:12px;font-weight:500;margin-top:4px}
.pt.rich tr.row.r-up td.ch .abs{color:var(--up)}.pt.rich tr.row.r-dn td.ch .abs{color:var(--down)}
.pt.rich tr.refrow td.sell,.pt.bank td.sell{font-size:15.5px;font-weight:700}
.pt.bank td.buy{color:var(--muted);font-weight:500}
.pt.bank td.sp{font-weight:600}
.pt.bank .nm b{font-size:14px;letter-spacing:-.01em}
@media (max-width:720px){
  .pt.rich .nm a{font-size:13.5px}.pt.rich .nm small{display:none}
  .pt.rich td.sell{font-size:15px}.pt.rich td.buy{font-size:12.5px}
  .pt.rich td.ch .chg{font-size:12.5px;padding:2px 6px}
}

/* ===== örnek reklamlar ===== */
.ad.demo{border:0;text-transform:none;letter-spacing:0;display:block;place-items:unset;font-size:13px;position:relative;background:none}
.ad.demo .da{position:relative;display:flex;width:100%;height:100%;border-radius:10px;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(120deg,#0b1c2c,#12304a 55%,#0f4c81)}
.ad.demo .da::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(242,193,78,.35),transparent 45%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;pointer-events:none}
.ad.demo .tag{position:absolute;top:8px;left:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 6px;color:rgba(255,255,255,.85);z-index:1}
.ad.demo .ic{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,#fff8e1,#ffe9b0);flex:none;position:relative;z-index:1;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ad.demo .ic svg{width:34px;height:34px}
.ad.demo .ic.big{width:76px;height:76px;border-radius:20px}.ad.demo .ic.big svg{width:48px;height:48px}
.ad.demo .cta{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#2a1d00;font-weight:700;border-radius:8px;padding:9px 16px;white-space:nowrap;position:relative;z-index:1;box-shadow:0 4px 14px rgba(242,193,78,.35)}
.ad.demo .lb{align-items:center;gap:16px;padding:0 20px 0 22px}
.ad.demo .lb .tx{flex:1;display:grid;gap:2px;position:relative;z-index:1;min-width:0;padding-top:8px}
.ad.demo .lb b{font-size:16px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad.demo .lb small{font-size:12px;color:rgba(255,255,255,.75)}
.ad.demo .sq{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:26px 18px 14px}
.ad.demo .sq b{font-size:19px;font-weight:700;letter-spacing:-.01em;position:relative;z-index:1}
.ad.demo .sq small{font-size:12.5px;color:rgba(255,255,255,.78);max-width:28ch;position:relative;z-index:1;line-height:1.4}
.ad.demo .sq .ft{margin-top:auto;font-size:12px;color:rgba(255,255,255,.55);position:relative;z-index:1}
.ad.demo .da:hover .cta{filter:brightness(1.06)}
@media (max-width:720px){.ad.demo .lb{gap:10px;padding:0 12px}.ad.demo .lb .ic{width:44px;height:44px;border-radius:10px}.ad.demo .lb .ic svg{width:26px;height:26px}.ad.demo .lb b{font-size:13.5px;white-space:normal;line-height:1.2}.ad.demo .lb small{display:none}.ad.demo .lb .cta{padding:8px 10px;font-size:12px}}

/* ===== PWA çubuğu ===== */
.pwa-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--navy);color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.35);max-width:560px;margin:0 auto;animation:pwain .35s ease-out}
@keyframes pwain{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.pwa-bar .ic{width:40px;height:40px;border-radius:12px;background:var(--gold);display:grid;place-items:center;flex:none}
.pwa-bar .ic svg{width:22px;height:22px;fill:none;stroke:#2a1d00;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pwa-bar div{flex:1;min-width:0}.pwa-bar b{display:block;font-size:14px}.pwa-bar small{display:block;font-size:12px;color:rgba(255,255,255,.75);line-height:1.35}
.pwa-bar .btn{background:var(--gold);color:#2a1d00;font-weight:700;border-radius:9px;padding:9px 14px}
.pwa-bar .x{all:unset;cursor:pointer;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:rgba(255,255,255,.7);font-size:20px}.pwa-bar .x:hover{background:rgba(255,255,255,.1)}.pwa-bar .x:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.search:focus-within{box-shadow:0 0 0 2px var(--gold)}
@media (prefers-reduced-motion:reduce){.pwa-bar{animation:none}}

/* ===== Varlıklarım ===== */
.pf-kpi{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px;margin:0 0 16px}
.pf-kpi .k{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:2px;box-shadow:var(--shadow)}
.pf-kpi .k span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint)}
.pf-kpi .k b{font-size:24px;font-weight:700;letter-spacing:-.02em}
.pf-kpi .k small{font-size:12px;color:var(--muted)}
.pf-kpi .k.main{background:linear-gradient(135deg,var(--navy-2),var(--blue));color:#fff;border-color:transparent}.pf-kpi .k.main span,.pf-kpi .k.main small{color:rgba(255,255,255,.75)}
.pf-kpi .k.up b{color:var(--up)}.pf-kpi .k.dn b{color:var(--down)}
.pf-t td.act .exp:hover{color:var(--down);background:var(--down-soft)}
.pf-alloc{padding:12px 16px 14px}
.pf-alloc .bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--surface-3);gap:2px}
.pf-alloc .bar i{display:block;height:100%;min-width:3px}
.pf-alloc ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 14px}
.pf-alloc li{display:grid;grid-template-columns:10px 1fr auto auto;gap:8px;align-items:center;font-size:13px}
.pf-alloc li i{width:10px;height:10px;border-radius:3px}.pf-alloc li b{font-weight:600}.pf-alloc li small{color:var(--faint)}
.pf-io{padding:12px 16px 14px}.pf-io p{margin:0 0 10px;font-size:13px;color:var(--muted)}.pf-io .r{display:flex;gap:8px;flex-wrap:wrap}.pf-io textarea{width:100%;margin-top:10px;font-family:var(--mono);font-size:12px;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--bg);color:var(--text)}
.btn.ghost.danger{color:var(--down)}
.linkbtn{all:unset;cursor:pointer;color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.pf-form .f{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-form .hint{font-size:12px;color:var(--faint)}
@media (max-width:980px){.pf-kpi{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.pf-kpi{gap:8px}.pf-kpi .k{padding:12px}.pf-kpi .k b{font-size:19px}.pf-t td.buy,.pf-t th:nth-child(3){display:none}}

/* ===== alarm kanal seçimi ===== */
.alarm .chn{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.alarm .chn label{position:relative;cursor:pointer}
.alarm .chn input{position:absolute;opacity:0;inset:0}
.alarm .chn span{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:12.5px;font-weight:600;color:var(--muted);background:var(--surface)}
.alarm .chn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.alarm .chn input:checked+span{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}
.alarm .chn input:disabled+span{opacity:.5;cursor:not-allowed}
.alarm .chn input:focus-visible+span{outline:2px solid var(--blue);outline-offset:1px}
html[data-theme="dark"] .alarm .chn input:checked+span{border-color:var(--gold-line);color:var(--gold);background:var(--gold-soft)}
.alarm .mine{margin-top:6px;font-size:12.5px}.alarm .mine b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:4px}
.alarm .mine ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.alarm .mine li{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 8px}
.alarm .mine li em{font-style:normal;color:var(--faint)}
.alarm .mine .x{all:unset;cursor:pointer;width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--faint)}.alarm .mine .x:hover{background:var(--down-soft);color:var(--down)}

/* ===== rehberler ===== */
.gcards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gcard{display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;color:var(--text);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.gcard:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,31,46,.12);border-color:var(--blue)}
.gcard b{font-size:15.5px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.gcard p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}
.gcard small{font-size:12.5px;color:var(--faint)}
.tags{display:flex;gap:6px;flex-wrap:wrap}.tags i{font-style:normal;font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:var(--blue-soft);color:var(--blue);border-radius:5px;padding:2px 7px;font-weight:600}
html[data-theme="dark"] .tags i{background:var(--gold-soft);color:var(--gold-2)}
.guide .ghead{margin:0 0 14px}.guide .ghead h1{margin:8px 0 6px;font-size:26px;line-height:1.2;letter-spacing:-.02em;max-width:26ch}.guide .ghead .meta{margin:0;font-size:13px;color:var(--muted)}
.gbody .prose{max-width:none;padding:6px 20px 18px;font-size:15px;line-height:1.7}
.gbody .prose .lead{font-size:16px;color:var(--text);border-left:3px solid var(--gold);padding-left:14px;margin:12px 0 16px}
.gbody .prose h2{font-size:19px;margin:26px 0 8px;padding-top:6px;scroll-margin-top:80px}
.gbody .prose ul,.gbody .prose ol{padding-left:22px}.gbody .prose li{margin:4px 0}
.gt{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:13.5px}.gt th,.gt td{padding:9px 10px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}.gt th{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);background:var(--th-bg)}
.gf{background:var(--navy);color:#fff;border-radius:10px;padding:12px 14px;font-family:var(--mono);font-size:13px;white-space:pre-wrap;margin:10px 0 14px}
html[data-theme="dark"] .gf{background:var(--surface-2);color:var(--text)}
.gnote{background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;padding:10px 14px;margin:12px 0;font-size:14px}
.gcheck{list-style:none;padding:0!important;display:grid;gap:6px}.gcheck li{padding-left:26px;position:relative}.gcheck li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:5px;background:var(--up-soft);color:var(--up);font-weight:700;font-size:12px;display:grid;place-items:center}
.gsmall{font-size:12px;color:var(--faint)}
.toc{margin:0;padding:8px 16px 12px 16px;font-size:13px;display:grid;gap:4px;list-style:none}.toc a{color:var(--muted)}.toc a:hover{color:var(--blue)}
.gside{position:sticky;top:76px}
.gfaq{padding:6px 16px 12px}
@media (max-width:980px){.gcards{grid-template-columns:1fr}.gside{position:static}.guide .ghead h1{font-size:22px}.gbody .prose{padding:6px 14px 14px;font-size:14.5px}}

/* ===== performans: ekran dışı bölümleri tembel yerleşim ===== */
.grid2,.amt,.heat,.sum,.guides,.ft .cols5,.ft-sub,.pf-alloc,.gbody{content-visibility:auto;contain-intrinsic-size:auto 600px}
.pane:not(.on){content-visibility:hidden}
.card>h2{contain:layout}

/* dokunma hedefleri */
.ft .cols5 ul{gap:2px}.ft .cols5 ul a{display:inline-block;padding:5px 0;min-height:24px}
.faql a{min-height:40px}

/* ===== ANA KUTU (gram altın) — premium ===== */
.tile.main{position:relative;overflow:hidden;padding:16px 18px 14px;row-gap:0;background:linear-gradient(140deg,#0b1c2c 0%,#12304a 55%,#0f4c81 100%);box-shadow:0 14px 34px rgba(11,28,44,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.tile.main::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,rgba(242,193,78,.28),transparent 42%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;pointer-events:none}
.tile.main::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#f2c14e,#e0a82e 50%,rgba(242,193,78,.2))}
.tile.main>*{position:relative;z-index:1}
.tile.main:hover{transform:none;box-shadow:0 18px 40px rgba(11,28,44,.34)}
.tile.main .mh{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.tile.main .mic{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#fff3c4,#e0a82e);display:grid;place-items:center;flex:none;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.tile.main .mic .ico{width:24px;height:24px}
.tile.main .lbl{display:grid;gap:1px;flex:1;min-width:0}
.tile.main .lbl b{font-size:15px;color:#fff;letter-spacing:-.01em}
.tile.main .lbl i{font-size:12px;color:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em}
.tile.main .mlive{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#6ee7a8;background:rgba(110,231,168,.12);border:1px solid rgba(110,231,168,.25);border-radius:999px;padding:4px 9px;white-space:nowrap;font-family:var(--mono)}
.tile.main .mlive i{width:6px;height:6px;border-radius:50%;background:#6ee7a8;box-shadow:0 0 0 0 rgba(110,231,168,.6);animation:pulse 1.6s infinite}
.tile.main .mval{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tile.main .val{font-size:44px;line-height:1;margin:2px 0 0;font-weight:700;letter-spacing:-.03em;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.tile.main .val small{font-size:18px;font-weight:600;color:rgba(255,255,255,.75)}
.tile.main .mchg{display:grid;gap:3px;justify-items:end;padding-bottom:4px}
.tile.main .mchg .chg{font-size:13.5px;padding:4px 10px;border-radius:8px}
.tile.main .mchg .abs{font-size:12px;color:rgba(255,255,255,.65);white-space:nowrap}
.tile.main .spark{height:54px;margin:8px 0 6px;opacity:.95}
.tile.main .spark polyline{stroke:#f2c14e;stroke-width:1.8}
.tile.main .spark .area{fill:url(#g-au);opacity:.22}
.tile.main .mstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:2px}
.tile.main .mstats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:6px 8px;display:grid;gap:1px;min-width:0}
.tile.main .mstats span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.tile.main .mstats b{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile.main .range{margin-top:8px}
.tile.main .rb{font-size:11.5px;color:rgba(255,255,255,.6)}
html[data-theme="dark"] .tile.main{background:linear-gradient(140deg,#131a24,#1a2431 55%,#1e3a5a);box-shadow:0 14px 34px rgba(0,0,0,.4)}
/* ===== cihaz uyumu ===== */
@media (max-width:1100px){nav.main{display:none}.menu-btn{display:grid}.search{min-width:160px;margin-left:auto}.live .num{display:none}}
@media (max-width:900px){.search{display:none}}
@media (max-width:720px){.tile.main{padding:14px 14px 12px}.tile.main .val{font-size:36px}.tile.main .val small{font-size:15px}.tile.main .mstats{gap:5px}.tile.main .mstats b{font-size:12px}.tile.main .spark{height:44px}}
@media (max-width:400px){.status{white-space:normal;font-size:12.5px;line-height:1.35;max-width:100%}.summary{gap:10px}.tile .lbl{flex-wrap:wrap;row-gap:2px}.tile .lbl i{font-size:11.5px}.tile .val{font-size:18px}.tile.main .val{font-size:32px}.tile.main .mstats{grid-template-columns:repeat(2,1fr)}.tile.main .lbl i{display:none}}
@media (max-width:340px){.hero{grid-template-columns:1fr}.tile.main{grid-column:auto}}
@media (pointer:coarse){.tabs button,.tabs a,.chart .rng a,.chart .rng button,.bsw button,.bchips button,.pt.rich th button,.card>h2 a.more,.lt .tg,.faql a,.list a{min-height:36px}.tabs button,.tabs a,.chart .rng a,.chart .rng button,.card>h2 a.more{display:inline-flex;align-items:center;justify-content:center}.pt.rich td.act a,.pt.rich td.act .exp,.pt.rich .fav{width:34px;height:34px}}
.tag,.pt.bank .tag{font-size:12px}
@supports (padding:max(0px)){.wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.pwa-bar{bottom:max(12px,env(safe-area-inset-bottom))}}

/* ana kutu: masaüstünde iki sütunlu iç yerleşim (yükseklik küçük kartlarla uyumlu) */
@media (min-width:1101px){
  .hero{grid-template-columns:2.3fr repeat(4,1fr)}
  .tile.main{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"mh mh" "mval spark" "mstats spark" "range range";column-gap:16px;align-content:start}
  .tile.main .mh{grid-area:mh}.tile.main .mval{grid-area:mval;align-self:end}.tile.main .spark{grid-area:spark;height:auto;min-height:96px;margin:0;align-self:stretch}.tile.main .mstats{grid-area:mstats;grid-template-columns:repeat(2,1fr)}.tile.main .range{grid-area:range}
  .tile.main .val{font-size:40px}
  .tile.main .mval{flex-direction:column;align-items:flex-start;gap:4px}.tile.main .mchg{justify-items:start;padding-bottom:0}
}
body{overflow-x:clip}
/* kart iç dağılım: içerik üstte, grafik altta */
.tile{align-content:start}
.tile .spark{margin-top:auto;padding-top:8px}
@media (min-width:1101px){.tile.main .spark{min-height:0;height:72px;align-self:end;margin-bottom:4px}.tile.main{align-content:end}.tile.main .mh{align-self:start}}
.tile:not(.main){grid-template-rows:auto auto auto 1fr}
.tile:not(.main) .spark{align-self:end;margin-top:0}
@media (min-width:1101px){.tile.main .spark{height:128px;margin-bottom:0}}

/* ürün sayfası özet kutuları */
.hero.phero{grid-template-columns:1.5fr 1fr 1fr 1fr}
.hero.phero .tile.main{display:grid;grid-template-columns:1fr;row-gap:4px}
.hero.phero .tile.main .lbl{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}
.hero.phero .tile.main .lbl b{font-size:14px}.hero.phero .tile.main .lbl i{font-size:12px;white-space:normal}
.hero.phero .tile.main .val{font-size:36px;margin:4px 0 2px}
.hero.phero .tile.main .sub{color:rgba(255,255,255,.75);font-size:12px;gap:4px 10px}
@media (max-width:1100px){.hero.phero{grid-template-columns:1fr 1fr}.hero.phero .tile.main{grid-column:1/-1}}
@media (max-width:720px){.hero.phero .tile.main .val{font-size:30px}}
@media (max-width:400px){.hero.phero .tile.main .val{font-size:26px}.hero.phero .tile.main .sub{font-size:12px}.hero.phero .tile.main .sub span{min-width:0;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:340px){.hero.phero{grid-template-columns:1fr}.hero.phero .tile.main{grid-column:auto}}
/* dokunmatik hedefler */
@media (pointer:coarse){
  .crumbs a,.card>h2 a.more,.ft .legal a,.ft .top,.linkbtn,.sum h3 a,.toc a,.faql a,.guide-links a,.lead a,.note-body a{display:inline-block;padding-block:6px;margin-block:-6px}
  .card>h2 a.more{display:inline-flex;padding-block:0;margin-block:0}
  .toc a{padding-block:5px;margin-block:0}
  .ft .legal{row-gap:6px}
}
/* tablet: aralık sütunu 900px altında gizli (tablo 768px'e sığar) */
@media (max-width:900px){.pt td.rng,.pt th.rng,.pt td.wk,.pt th.wk{display:none}}
@media (pointer:coarse){.pt .nm a,main p a,.guide-body a,.rehber a{display:inline-block;padding-block:6px;margin-block:-6px}}
@media (pointer:coarse){.lv .h a,.amt .ah a,.guide li a,.guide-tools a,article li a{display:inline-block;padding-block:6px;margin-block:-6px}}
.tile.main .mlive.off{color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}.tile.main .mlive.off i{background:#f2c14e;animation:none;box-shadow:none}
@media (max-width:1100px){.hero.phero .tile:nth-child(4){grid-column:1/-1}}
@media (max-width:340px){.hero.phero .tile:nth-child(4){grid-column:auto}}
/* ===== yatay telefon (iPhone Pro Max vb.): 700–1100px genişlik, ≤520px yükseklik ===== */
@media (min-width:700px) and (max-width:1100px){
  .hero{grid-template-columns:1.6fr 1fr 1fr}
  .tile.main{grid-column:1;grid-row:1/3;display:grid;grid-template-columns:1fr;align-content:space-between}
  .tile.main .spark{height:56px}
  .hero.phero{grid-template-columns:1.6fr 1fr 1fr}.hero.phero .tile.main{grid-column:1;grid-row:1/3}.hero.phero .tile:nth-child(4){grid-column:2/4}
}
@media (max-height:520px) and (orientation:landscape){
  .hdr{position:static}
  .hdr .wrap{height:48px}
  .summary{padding:10px 0 28px}.summary h1{font-size:19px}.summary p{font-size:12.5px;max-width:none}
  body.home .hero{margin-top:-20px}
  .tile.main .val{font-size:34px}
  .gside{position:static}
}
/* çentik / Dynamic Island güvenli alan: tam genişlikli şeritler */
@supports (padding:max(0px)){
  .ticker{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .mnav{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .pwa-bar{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}
  .hdr .wrap,.ft .wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
}
@media (max-height:520px) and (orientation:landscape){.pwa-bar{display:none}.hero.phero .tile.main{align-content:start;row-gap:8px}}
@media (max-width:720px){.status{white-space:normal;line-height:1.35;max-width:100%}}
/* yatay telefon: güvenli alan boşluğu tam 59px yerine yarıya yakın (kartlar kenara yaklaşır, adacık yalnız kenar ortasını örter) */
@media (max-height:520px) and (orientation:landscape){
  html,body{background:var(--bg)}
  .wrap,.hdr .wrap,.ft .wrap,.mnav{padding-left:max(14px,calc(env(safe-area-inset-left,0px) * .5));padding-right:max(14px,calc(env(safe-area-inset-right,0px) * .5))}
  .ticker{padding-left:calc(env(safe-area-inset-left,0px) * .5);padding-right:calc(env(safe-area-inset-right,0px) * .5)}
  .pwa-bar{left:max(12px,calc(env(safe-area-inset-left,0px) * .5));right:max(12px,calc(env(safe-area-inset-right,0px) * .5))}
  .hero{gap:10px}.card{border-radius:12px}
}
/* yatay telefon: kenar boşluğu portre ile aynı (16px); güvenli alan yalnız ticker ve üst çubukta */
@media (max-height:520px) and (orientation:landscape){
  .wrap,.ft .wrap,.mnav{padding-left:16px;padding-right:16px}
  .hdr .wrap{padding-left:max(16px,calc(env(safe-area-inset-left,0px) * .6));padding-right:max(16px,calc(env(safe-area-inset-right,0px) * .6))}
  .pwa-bar{left:12px;right:12px}
}

/* liste bölüm başlıkları */
.pt.rich tr.sec td{padding:12px 12px 6px 14px;background:transparent;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}
.pt.rich tr.sec td span{position:relative;padding-left:12px;color:var(--text)}
.pt.rich tr.sec td span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:12px;border-radius:2px;background:linear-gradient(180deg,#f2c14e,#c98d12)}
.pt.rich tr.sec td small{margin-left:8px;font-weight:500;letter-spacing:0;text-transform:none;font-size:12px}
.pt.rich tr.sec:first-child td{padding-top:8px}
.pt.nosec tr.sec{display:none}
html[data-theme="dark"] .pt.rich tr.sec td span{color:#e9eef5}
/* ana kutu: mstats kaldırıldı → masaüstünde tek satır, küçük kartlarla eşit yükseklik */
@media (min-width:1101px){
  .hero{grid-template-columns:2fr repeat(4,1fr);align-items:stretch}
  .tile.main{display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"mh mh" "mval spark" "range spark";column-gap:16px;row-gap:6px;align-content:space-between;padding:14px 18px 12px}
  .tile.main .mh{margin-bottom:0}
  .tile.main .spark{height:auto;min-height:64px;margin:0}
  .tile.main .val{font-size:38px}
  .tile.main .range{margin-top:0}
}
@media (min-width:700px) and (max-width:1100px){
  .tile.main{grid-template-rows:auto auto 1fr auto;align-content:stretch}
  .tile.main .spark{height:auto;min-height:56px;margin:8px 0}
}
/* küçük kartlar: daha büyük yazı, günlük fark + aralık satırı, aralık çubuğu → dolgun kart */
.tile:not(.main){grid-template-rows:auto auto auto auto 1fr auto;row-gap:2px}
.tile .tabs2{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--muted);margin-top:4px;flex-wrap:wrap}
.tile .tabs2 b{font-weight:600;color:var(--text)}
.tile:not(.main) .range{margin-top:4px}
.tile:not(.main) .rb{font-size:11.5px}
@media (min-width:1101px){
  .tile:not(.main){padding:16px 18px 14px}
  .tile .lbl{font-size:12.5px}.tile .lbl b{font-size:15px}
  .tile:not(.main) .val{font-size:34px;margin:8px 0 4px}
  .tile .sub{font-size:13px}.tile .sub .chg{font-size:12.5px}
  .tile .tabs2{font-size:12px}
  .tile:not(.main) .spark{height:40px}
  .tile.main .val{font-size:42px}.tile.main .lbl b{font-size:16px}
}
@media (min-width:700px) and (max-width:1100px){.tile:not(.main) .val{font-size:30px}.tile .lbl b{font-size:14px}}
/* küçük kart ince ayar: taşma yok, iki satırlı bilgi bloğu */
.tile .tabs2{flex-direction:column;gap:3px}
.tile .tabs2 span{display:flex;justify-content:space-between;gap:8px;min-width:0}
.tile .tabs2 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .lbl i{white-space:nowrap}
@media (min-width:1101px){
  .tile:not(.main) .val{font-size:30px;letter-spacing:-.02em}
  .tile .sub{font-size:12.5px;flex-wrap:nowrap}.tile .sub .chg{font-size:12px;padding:2px 7px}
  .tile .tabs2{font-size:12.5px}
  .tile .lbl b{font-size:14.5px}
}
@media (min-width:1101px) and (max-width:1320px){.tile:not(.main) .val{font-size:27px}.tile .sub{font-size:12px}}
@media (min-width:1101px){
  .hero{grid-template-columns:1.6fr repeat(4,1fr)}
  .tile .lbl i{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .tile:not(.main) .rb{font-size:11.5px;gap:5px}.tile:not(.main) .rb i{min-width:36px}
  .tile .sub{min-width:0}.tile .sub>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (min-width:1101px) and (max-width:1440px){.tile.main .lbl i .d{display:none}}
/* interaktif grafik */
.ichart .cwrap{position:relative;touch-action:pan-y}
.ichart .cwrap svg{display:block;width:100%;height:auto;cursor:crosshair}
.ichart .ctip{position:absolute;top:6px;left:0;background:var(--navy);color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;line-height:1.3;pointer-events:none;box-shadow:0 8px 20px rgba(0,0,0,.25);white-space:nowrap;z-index:2}
.ichart .ctip b{display:block;font-family:var(--mono);font-size:14px}
.ichart .ctip span{color:rgba(255,255,255,.75)}
.ichart.loading .cwrap{opacity:.5;transition:opacity .2s}
.chart .rng{flex-wrap:wrap}.chart .rng button{cursor:pointer;font-family:inherit}
.chart .stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
@media (max-width:480px){.chart .stats{grid-template-columns:1fr 1fr}}
/* alarmlarım */
.myal .body{padding:10px 16px 12px}
.allist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.allist li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px;flex-wrap:wrap}
.allist li .n{flex:1;min-width:160px}
.allist .pill.on{background:var(--up-soft,#e6f6ec);color:var(--up)}.allist .pill.ok{background:var(--blue-soft);color:var(--blue)}.allist .pill.warn{background:#fff3cd;color:#8a5a00}
.allist .linkbtn{font-size:12px}
/* zaman makinesi grafiği */
.tmchart{margin:6px 0 4px;border:1px solid var(--line);border-radius:10px;padding:6px 8px 2px;background:var(--surface-2)}
.tmchart svg{display:block;width:100%;height:auto}

/* grafik araçları: tip + karşılaştırma */
.chart .ctools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.chart .ctype{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.chart .ctype button{border:0;background:none;color:var(--muted);padding:5px 12px;font-size:12px;cursor:pointer;font-family:inherit}
.chart .ctype button.on{background:var(--blue);color:#fff}
.chart .ctype button:disabled{opacity:.4;cursor:not-allowed}
html[data-theme="dark"] .chart .ctype button.on{background:var(--gold-soft);color:var(--gold-2)}
.chart .cmp{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.chart .cmp select{border:1px solid var(--line);border-radius:7px;padding:4px 8px;font-size:12px;background:var(--surface);color:var(--text);font-family:inherit}
.ichart .ctip .c2t{color:#9cc9ff}
.chart-svg .legend text{fill:var(--text)}
.ichart .ctip span{display:block;white-space:nowrap}
/* fiyat değişim vurgusu — yumuşak: hafif zemin tonu + metin rengi, 0,9 sn'de söner (parlama/beyaz metin yok) */
.flash-up{animation:fu .9s cubic-bezier(.2,.7,.3,1);border-radius:5px}
.flash-dn{animation:fd .9s cubic-bezier(.2,.7,.3,1);border-radius:5px}
@keyframes fu{0%{background:rgba(22,163,74,.16);background:color-mix(in srgb,var(--up) 16%,transparent);color:var(--up);box-shadow:none}55%{background:rgba(22,163,74,.09);background:color-mix(in srgb,var(--up) 9%,transparent);color:var(--up)}100%{background:transparent;color:inherit}}
@keyframes fd{0%{background:rgba(220,38,38,.16);background:color-mix(in srgb,var(--down) 16%,transparent);color:var(--down);box-shadow:none}55%{background:rgba(220,38,38,.09);background:color-mix(in srgb,var(--down) 9%,transparent);color:var(--down)}100%{background:transparent;color:inherit}}
@keyframes fum{0%{background:rgba(110,231,168,.20);box-shadow:none}55%{background:rgba(110,231,168,.10)}100%{background:transparent}}
@keyframes fdm{0%{background:rgba(255,138,122,.20);box-shadow:none}55%{background:rgba(255,138,122,.10)}100%{background:transparent}}
.tile.main .val.flash-up,.tile.main .val.flash-dn{animation-duration:.9s}
/* mobil liste: "detay" etiketi gerçek bir düğme gibi (28px yüksek, dokunması kolay); satırın kendisi de açar */
@media (max-width:720px){
  .pt.rich .nm{display:grid;gap:3px;min-width:0}
  .pt.rich .nm a{display:inline-block;padding-block:2px;margin-block:0}
  .pt.rich .nm::after{content:"Detay ▾";display:inline-flex;align-items:center;justify-self:start;min-height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.01em;margin-top:1px}
  .pt.rich tr.row.open .nm::after{content:"Kapat ▴";background:var(--blue-soft);border-color:transparent;color:var(--blue)}
  .pt.rich td.p{cursor:pointer}
}

.status.global i{background:#f2c14e;box-shadow:0 0 0 4px rgba(242,193,78,.22)}

/* gram altın referans satırı */
.tile.main .ref{display:block;margin-top:6px;font-size:12px;color:rgba(255,255,255,.62);letter-spacing:.01em}
.tile.main .ref b{color:#fff;font-weight:600}.tile.main .ref i{font-style:normal;color:#f2c14e}
.hero.phero .tile.main .ref{margin:2px 0 6px}
.tile.main .ref .rl{text-transform:uppercase;letter-spacing:.06em;font-size:11.5px}
@media (min-width:1101px){
  .tile.main{grid-template-areas:"mh mh" "mval spark" "ref spark" "range spark";grid-template-rows:auto auto auto auto}
  .tile.main .ref{grid-area:ref;margin-top:2px}
  .tile.main .mval{align-self:start}
  .tile.main .spark{align-self:stretch}
}
@media (min-width:700px) and (max-width:1100px){.tile.main{grid-template-rows:auto auto auto 1fr auto}}
/* Ürün sayfası ana kutusu TEK SÜTUNLU akış gridi.
   Anasayfa kutusu için tanımlanan isimli alanlar (mh/mval/ref/range/spark) burada geçersizdir;
   ama çocuklarda kalan `grid-area` adları var olmayan satır adlarına çözülüp ÖRTÜK sütun
   üretiyordu: etiket kutusu 0 piksele düşüp yazı fiyatın üstüne biniyor, `ref` ile `range`
   aynı hücreye yığılıyordu. Hem kabı hem çocukları sıfırlıyoruz. */
.hero.phero .tile.main{grid-template-areas:none;grid-template-columns:minmax(0,1fr);grid-template-rows:none;column-gap:0}
.hero.phero .tile.main>*{grid-area:auto;grid-column:1/-1;min-width:0}

/* hızlı cevap (AI alıntı bloğu) */
.answer{margin:10px 0 14px;padding:12px 14px 12px 16px;border-left:4px solid var(--gold);background:linear-gradient(90deg,var(--gold-soft),var(--surface));border-radius:0 12px 12px 0}
.answer .al{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);font-weight:700;margin-bottom:3px}
.answer .answer-text{margin:0;font-size:15px;line-height:1.5;color:var(--text);font-weight:500}
.answer small{display:block;margin-top:5px;font-size:12.5px;color:var(--muted)}
html[data-theme="dark"] .answer{background:linear-gradient(90deg,rgba(242,193,78,.12),var(--surface))}
/* kesirli miktar listesi */
.list.frac a em.pill{margin-left:6px;font-size:11.5px}
/* banka sayfaları */
.bankhead{display:flex;gap:14px;align-items:flex-start;margin:6px 0 4px}.bankhead img{border-radius:12px;border:1px solid var(--line);background:#fff;flex:none}.bankhead h1{margin-top:0}
.bankgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding:12px 16px 14px}
.bcard{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:inherit;background:var(--surface)}
.bcard:hover{border-color:var(--gold-line);box-shadow:var(--shadow)}.bcard img{border-radius:9px;background:#fff;border:1px solid var(--line);flex:none}
.bcard b{display:block;font-size:13.5px}.bcard small{color:var(--muted);font-size:12.5px}
.pt.ayar td small{display:block;font-size:12px;font-weight:400;max-width:360px}
.pt td.up{color:var(--up)}.pt td.dn{color:var(--down)}
@media (max-width:720px){.bankgrid{grid-template-columns:1fr;padding:10px 12px}.answer .answer-text{font-size:14px}}
@media (pointer:coarse){.pt.ayar td a,.pt.bank td a,.bankhead .lead a,.prose a{display:inline-block;padding-block:6px;margin-block:-6px}}

/* grafik sayfası */
.gsel{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.gsel h1{margin-bottom:6px}
.gpick{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.gpick select{border:1px solid var(--line);border-radius:9px;padding:7px 10px;font:inherit;background:var(--surface);color:var(--text);min-width:180px}
.ichart.big .cwrap svg{min-height:220px}
/* piyasa yapıcı karşılaştırma */
.pt.makers tr.me td{background:var(--gold-soft)}.pt.makers tr.refrow td{color:var(--muted)}.pt.makers td.up{color:var(--up);font-weight:700}
html[data-theme="dark"] .pt.makers tr.me td{background:rgba(242,193,78,.1)}
/* mobil liste kısaltma */
.pt.rich tr.collapsed{display:none}
.pt.rich tr.showmore td{padding:6px 12px 10px;text-align:center;border-bottom:1px solid var(--line)}
.pt.rich tr.showmore button{border:1px solid var(--line);background:var(--surface);color:var(--blue);border-radius:9px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;min-height:36px;width:100%}
/* ===== mobil liste: uygulama görünümü (ad solda, fiyat+değişim sağda, sağ uçta ince ok) ===== */
@media (max-width:720px){
  .pt.rich thead{display:none}
  .pt.rich{width:100%;min-width:0}
  .pt.rich tr.row{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;grid-template-areas:"p sell ex" "p ch ex" "p buy ex";align-items:center;column-gap:10px;row-gap:1px;padding:10px 10px 10px 8px;border-bottom:1px solid var(--line-soft);position:relative}
  .pt.rich tr.row td{border:0;padding:0;background:transparent;white-space:nowrap}
  .pt.rich tr.row td.p{grid-area:p;min-width:0}
  .pt.rich tr.row td.sell{grid-area:sell;text-align:right;font-size:16px;font-weight:700;line-height:1.15}
  .pt.rich tr.row td.sell .cur{font-size:12px;margin-left:2px}
  .pt.rich tr.row td.ch{grid-area:ch;text-align:right;line-height:1.1;display:flex;justify-content:flex-end;align-items:center;gap:6px}
  .pt.rich tr.row td.ch .abs{display:inline;font-size:12px}
  .pt.rich tr.row td.buy{grid-area:buy;text-align:right;font-size:12px;color:var(--faint);font-weight:400}
  .pt.rich tr.row td.buy::before{content:"Alış ";letter-spacing:.02em}
  .pt.rich tr.row td.buy .split{font-size:12px}.pt.rich tr.row td.buy .split small{font-size:12px}
  .pt.rich tr.row td.rng,.pt.rich tr.row td.spark,.pt.rich tr.row td.wk,.pt.rich tr.row td.act{display:none}
  .pt.rich tr.row::after{content:"";grid-area:ex;width:8px;height:8px;border-right:1.8px solid var(--faint);border-bottom:1.8px solid var(--faint);transform:rotate(45deg);justify-self:center;transition:transform .18s;margin-top:-3px}
  .pt.rich tr.row.open::after{transform:rotate(-135deg);margin-top:3px}
  .pt.rich tr.row.r-up td.p,.pt.rich tr.row.r-dn td.p{box-shadow:none}
  .pt.rich tr.row.r-up{box-shadow:inset 3px 0 0 var(--up)}.pt.rich tr.row.r-dn{box-shadow:inset 3px 0 0 var(--down)}
  .pt.rich .nm{display:block}.pt.rich .nm a{display:block;font-size:14.5px;line-height:1.2;white-space:normal}
  .pt.rich .nm::after,.pt.rich tr.row.open .nm::after{content:none;display:none}
  .pt.rich .nm small{display:block;margin-top:2px;font-size:12px}
  .pt.rich tr.sec{display:block}.pt.rich tr.sec td{display:block;border-bottom:1px solid var(--line)}
  .pt.rich tr.det{display:block}.pt.rich tr.det td{display:block;border:0;padding:0 10px 10px}
  .pt.rich tr.showmore{display:block}.pt.rich tr.showmore td{display:block}
  .pt.rich tbody{display:block}.pt.rich{display:block}
  .pt.rich .fav{width:30px;height:30px}
}
@media (max-width:720px){
  .pt.rich tr.row td.sell{background:none;box-shadow:none;padding:0}
  .pt.rich tr.row td.buy{display:block}
  .pt.rich tr.det td{display:block;width:100%;box-sizing:border-box;white-space:normal}
  .pt.rich tr.det .dg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0 8px}
  .pt.rich tr.det .dg div{min-width:0;white-space:normal}
  .pt.rich tr.det .dc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;white-space:normal}
  .pt.rich tr.det .dc input{width:80px}
  .pt.rich tr.det .dc .btn{width:100%;text-align:center;white-space:nowrap}
}
@media (max-width:720px){.pt.rich tr.det>td{max-width:none;padding:0 10px 12px}}

/* ===== Neden değişti? — katkı analizi ===== */
.attr{padding:14px 16px 12px;display:grid;gap:12px}
.attr-head{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.attr-total{display:grid;gap:2px;padding-right:18px;border-right:1px solid var(--line)}
.attr-total .lbl{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.attr-total b{font-size:30px;line-height:1;letter-spacing:-.02em}.attr-total.up b{color:var(--up)}.attr-total.dn b{color:var(--down)}
.attr-total small{font-size:12.5px;color:var(--muted)}
.attr-stack{display:grid;gap:8px;min-width:0}
.attr-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--surface-3);gap:2px}
.attr-bar i{display:block;height:100%;min-width:3px;opacity:.95}
.attr-bar i.ons{background:linear-gradient(90deg,#e0a82e,#f2c14e)}.attr-bar i.usd{background:linear-gradient(90deg,#0f4c81,#3b82c4)}.attr-bar i.prim{background:linear-gradient(90deg,#6b7f95,#98a9bb)}
.attr-bar i.dn{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 4px,transparent 4px 8px),linear-gradient(90deg,var(--down),var(--down))}
.attr-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.attr-legend span{display:inline-flex;align-items:center;gap:6px}.attr-legend b{color:var(--text)}
.attr-legend .sw{width:10px;height:10px;border-radius:3px;display:inline-block}.attr-legend .sw.ons{background:#e0a82e}.attr-legend .sw.usd{background:#0f4c81}.attr-legend .sw.prim{background:#6b7f95}
.attr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.attr-card{display:grid;grid-template-columns:36px 1fr auto;grid-template-areas:"ic t v" "mini mini mini";gap:4px 10px;align-items:center;padding:10px 12px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.attr-card .ic{grid-area:ic;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2)}.attr-card .ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.attr-card.ons .ic{color:#b8860b;background:var(--gold-soft)}.attr-card.usd .ic{color:var(--blue);background:var(--blue-soft)}.attr-card.prim .ic{color:#5b6f86;background:var(--surface-2)}
.attr-card .t{grid-area:t;min-width:0}.attr-card .t span{display:block;font-weight:600;font-size:13.5px}.attr-card .t small{color:var(--muted);font-size:12px}
.attr-card .v{grid-area:v;text-align:right}.attr-card .v b{display:block;font-size:18px;line-height:1.1}.attr-card .v small{font-size:11.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em}
.attr-card.up .v b{color:var(--up)}.attr-card.dn .v b{color:var(--down)}
.attr-card .mini{grid-area:mini;height:4px;border-radius:2px;background:var(--surface-3);overflow:hidden;margin-top:4px}.attr-card .mini i{display:block;height:100%;border-radius:2px;background:currentColor}
.attr-card.up .mini i{background:var(--up)}.attr-card.dn .mini i{background:var(--down)}
.attr-note{margin:0;font-size:13px;line-height:1.55;color:var(--text)}.attr-note .muted{font-size:12.5px}
@media (max-width:720px){.attr-head{grid-template-columns:1fr}.attr-total{border-right:0;padding-right:0;border-bottom:1px solid var(--line);padding-bottom:10px}.attr-grid{grid-template-columns:1fr}.attr-total b{font-size:26px}}
/* ===== Bugün piyasada — otomatik özet ===== */
.brief{padding:12px 16px 10px;display:grid;gap:8px}
.brief .bi{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line-soft)}.brief .bi:last-of-type{border-bottom:0}
.brief .tag{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--gold-2);background:var(--gold-soft);border-radius:6px;padding:3px 8px;text-align:center;margin-top:2px}
.brief p{margin:0;font-size:13.5px;line-height:1.55}.brief .small{font-size:12px}
/* ===== Hızlı tutar tablosu — eşit kartlar ===== */
.amt{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.amt{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.amt{grid-template-columns:1fr}}

/* ===== Bugün piyasada v2 ===== */
.brief{padding:12px 16px 10px;gap:10px}
.bk-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.bk-kpi,.bk-mood{display:grid;gap:1px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:inherit;min-width:0}
.bk-kpi span,.bk-mood span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.bk-kpi b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-kpi b small{font-size:11.5px;color:var(--muted)}
.bk-kpi i,.bk-mood i{font-style:normal;font-size:12.5px;font-weight:600}.bk-kpi.up i{color:var(--up)}.bk-kpi.dn i{color:var(--down)}
.bk-kpi:hover{border-color:var(--gold-line)}
.bk-mood{background:linear-gradient(135deg,var(--navy),var(--navy-2));border-color:transparent;color:#fff}.bk-mood span{color:rgba(255,255,255,.6)}.bk-mood b{font-size:15px;color:#f2c14e}.bk-mood i{color:rgba(255,255,255,.8);font-weight:500}
.bk-list{display:grid;gap:0}
.brief .bi{grid-template-columns:34px 1fr;gap:12px;padding:10px 0}
.brief .bi .ic{width:34px;height:34px;border-radius:10px;background:var(--gold-soft);display:grid;place-items:center;color:#b8860b}.brief .bi .ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brief .bi:nth-child(2) .ic{background:var(--blue-soft);color:var(--blue)}.brief .bi:nth-child(3) .ic{background:var(--surface-3);color:#5b6f86}
.brief .bi .tag{margin:0 0 3px;display:inline-block}
@media (max-width:720px){.bk-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-mood{grid-column:1/-1}}
/* ===== Performans v2 ===== */
.heat table th,.heat table td{padding:6px 6px}
.heat td.pn a{display:flex;align-items:center;gap:9px;color:inherit;padding:4px 4px 4px 2px}.heat td.pn .av{width:28px;height:28px;border-radius:8px;flex:none}
.heat td.pn b{display:block;font-size:13.5px;line-height:1.15}.heat td.pn small{font-size:12px;color:var(--faint);font-family:var(--mono);letter-spacing:.04em}
.heat td.c{background:none;padding:4px 3px;text-align:center}
.heat .hc{display:inline-block;min-width:64px;padding:7px 8px;border-radius:8px;font-family:var(--mono);font-size:12.5px;font-weight:600;background:var(--surface-2);color:var(--muted)}
.heat .hc.h-0{color:var(--faint)}
.heat .hc.h-u1{background:rgba(22,163,74,.10);color:var(--up)}.heat .hc.h-u2{background:rgba(22,163,74,.22);color:var(--up)}.heat .hc.h-u3{background:var(--up);color:#fff}
.heat .hc.h-d1{background:rgba(220,38,38,.10);color:var(--down)}.heat .hc.h-d2{background:var(--down);color:#fff}
.heat table th{text-align:center}.heat table th:first-child{text-align:left}
@media (max-width:720px){.heat .hc{min-width:48px;padding:6px 5px;font-size:12.5px}.heat td.pn small{display:none}}
/* ===== 52 haftalık v2 ===== */
.lvr .h a{display:inline-flex;align-items:center;gap:8px}.lvr .h .av{width:24px;height:24px;border-radius:7px}
.lvr .h .pos{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:2px 8px;margin-left:auto;margin-right:10px}
.lvr .h .pos.hi{background:var(--up-soft,#e6f6ec);color:var(--up)}.lvr .h .pos.lo{background:var(--down-soft,#fde4e1);color:var(--down)}
.lvr .bar{height:10px;border-radius:5px}
/* ===== Oranlar v2 ===== */
.rt .rti{position:relative;padding-left:56px}
.rt .rti .ic{position:absolute;left:12px;top:12px;width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--blue)}.rt .rti .ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rt .rti.ok .ic{background:var(--up-soft,#e6f6ec);color:var(--up)}.rt .rti.warn .ic{background:#fff3cd;color:#8a5a00}
.rt .rti b{font-size:20px}
/* varlık avatarı — tablo dışı kullanımlar (performans, 52 haftalık, tutar) */
.heat .av,.lvr .av,.amt .av{display:grid;place-items:center;font-size:12px;font-weight:700;font-family:var(--mono);flex:none;border-radius:8px}
.heat .av.ic,.lvr .av.ic,.amt .av.ic{background:linear-gradient(145deg,#fff8e1,#ffe9b0);box-shadow:inset 0 0 0 1px rgba(184,134,11,.25)}
.heat .av.g-doviz,.lvr .av.g-doviz,.amt .av.g-doviz{background:linear-gradient(145deg,var(--navy-2),var(--blue));color:#fff}
.heat .av.ic.g-metal,.lvr .av.ic.g-metal,.amt .av.ic.g-metal{background:linear-gradient(145deg,#f6f8fa,#dfe6ed);box-shadow:inset 0 0 0 1px rgba(90,110,130,.25)}
.heat .av .ico{width:18px;height:18px}.lvr .av .ico{width:16px;height:16px}
html[data-theme="dark"] .heat .av.ic,html[data-theme="dark"] .lvr .av.ic,html[data-theme="dark"] .amt .av.ic{background:rgba(228,181,69,.12);box-shadow:inset 0 0 0 1px rgba(228,181,69,.3)}
@media (pointer:coarse){.pt.rich .nm a{padding:5px 0;margin:0;min-height:30px}.heat td.pn a{min-height:36px}.lvr .h a{min-height:32px}}

/* ===== Hızlı tutar v2 ===== */
.amt-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px 0;flex-wrap:wrap;font-size:12px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}
.seg button{border:0;background:none;color:var(--muted);padding:7px 12px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.seg button.on{background:var(--navy);color:#fff}
html[data-theme="dark"] .seg button.on{background:var(--gold-soft);color:var(--gold-2)}
.amt .ah{gap:9px;padding:9px 12px}
.amt .ah .unit{margin-left:auto;font-size:12px;color:var(--muted);font-weight:500;white-space:nowrap}
.amt .al a{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid var(--line-soft);color:inherit}
.amt .al a:hover{background:var(--surface-2)}
.amt .al .qty{display:inline-flex;align-items:baseline;gap:4px;color:var(--muted);font-size:12px}.amt .al .qty em{font-style:normal;font-weight:700;font-size:13px;color:var(--text);background:var(--surface-2);border-radius:6px;padding:1px 7px}
.amt .al b{font-size:14px}
.amt.side-b .al b{color:var(--down)}
/* ===== Rehber v2 ===== */
.guides.v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.guides.v2 a{display:grid;grid-template-columns:38px 1fr;grid-template-areas:"gi gt" "gm gm";gap:6px 12px;padding:14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);transition:border-color .15s,box-shadow .15s;color:inherit}
.guides.v2 a:hover{border-color:var(--gold-line);box-shadow:var(--shadow)}
.guides.v2 .gi{grid-area:gi;width:38px;height:38px;border-radius:11px;background:var(--gold-soft);display:grid;place-items:center;color:#b8860b}.guides.v2 .gi svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.guides.v2 .gt{grid-area:gt;display:grid;gap:3px;min-width:0}.guides.v2 .gt b{font-size:14px;line-height:1.25}.guides.v2 .gt span{font-size:12px;color:var(--muted);line-height:1.4}
.guides.v2 .gm{grid-area:gm;display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.guides.v2 .gm i{font-style:normal;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);background:var(--surface-2);border-radius:6px;padding:2px 7px}
@media (max-width:900px){.guides.v2{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.guides.v2{grid-template-columns:1fr}}
.amt .ah .nmu{display:grid;gap:1px;min-width:0}.amt .ah .nmu a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amt .ah .unit{margin-left:0}

/* ===== Piyasa Nabzı v2 ===== */
.pulse .mood,.pulse .mood.up,.pulse .mood.dn,.pulse .mood.mix{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border-radius:12px;padding:12px 14px}
.pulse .mood .mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.pulse .mood .ml{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.pulse .mood .m{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;background:rgba(255,255,255,.12);color:#fff}
.pulse .mood.up .m{background:rgba(110,231,168,.2);color:#6ee7a8}.pulse .mood.dn .m{background:rgba(255,138,122,.2);color:#ff9a8c}.pulse .mood.mix .m{background:rgba(242,193,78,.2);color:#f2c14e}
.pulse .dist{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;background:rgba(255,255,255,.08)}
.pulse .dist i{display:block;height:100%}.pulse .dist .u{background:#3fd071}.pulse .dist .f{background:rgba(255,255,255,.28)}.pulse .dist .d{background:#ff6b5b}
.pulse .gl{display:flex;justify-content:space-between;margin-top:8px;font-size:12.5px;color:rgba(255,255,255,.8)}.pulse .gl b{font-size:14px;color:#fff;margin-right:3px}
.pulse .gl .u b{color:#6ee7a8}.pulse .gl .d b{color:#ff9a8c}
.pulse .gauge{display:none}
.pulse .bwi b{display:flex;align-items:center;gap:7px;font-size:13px}.pulse .bwi .av{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11.5px;font-weight:700;font-family:var(--mono);flex:none;font-style:normal}
.pulse .bwi .av.ic{background:linear-gradient(145deg,#fff8e1,#ffe9b0);box-shadow:inset 0 0 0 1px rgba(184,134,11,.25)}.pulse .bwi .av.g-doviz{background:linear-gradient(145deg,var(--navy-2),var(--blue));color:#fff}.pulse .bwi .av.ic.g-metal{background:linear-gradient(145deg,#f6f8fa,#dfe6ed)}
.pulse .bwi .av .ico{width:14px;height:14px}
/* ===== 10.000 ₺ v2 ===== */
.whatif .wamt{margin:0 16px 8px;display:inline-flex}.whatif .wamt button{padding:5px 10px;font-size:12px}
.whatif .wr{padding:7px 0}.whatif .wr .h span{font-weight:600}.whatif .wr .h b{font-size:14px}
.whatif .wr:first-child .h b{color:var(--up)}
/* ===== 30 gün mini grafik: aralık düğmeleri segment ===== */
.card .chart .rng a,.card .chart .rng button{border-radius:8px;font-weight:600}
/* ===== bankalar kutusu: en iyi rozet ===== */
.bk .n .best{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--up);background:var(--up-soft,#e6f6ec);border-radius:5px;padding:1px 6px;margin-left:6px;vertical-align:middle}
/* ===== hızlı cevaplar ===== */
.faql a{transition:background .12s}.faql a:hover{background:var(--surface-2)}

.pill.live-pill{background:var(--up-soft,#e6f6ec);color:var(--up);font-weight:700}

/* font-floor v2 */
/* mobil küçük kart: taşma güvenliği (yazı büyütme sonrası) */
@media (max-width:699px){
  .tile>*{min-width:0}
  .tile .lbl i{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .tile .sub{min-width:0;flex-wrap:wrap}.tile .sub .chg{flex:none}
  .tile:not(.main) .rb{grid-template-columns:1fr;gap:0}.tile:not(.main) .rb span{display:none}.tile:not(.main) .rb i{min-width:0}
  .tile .tabs2{font-size:12px}.tile .tabs2 span{flex-wrap:wrap;row-gap:0}.tile .tabs2 b{flex:1 1 auto;text-align:right;min-width:0}
  .tile:not(.main) .rb{font-size:11px}
}
/* masaüstü küçük kart: yazı büyütme sonrası taşma güvenliği */
@media (min-width:1101px){
  .tile .lbl i{font-size:11px}
  .tile .sub{flex-wrap:wrap}.tile .sub>span:first-child{overflow:visible;text-overflow:clip}.tile .sub .chg{flex:none}
  .tile .tabs2{font-size:12px}.tile .tabs2 span{flex-wrap:wrap;row-gap:0}.tile .tabs2 b{flex:1 1 auto;text-align:right;min-width:0}
  .tile:not(.main) .rb{font-size:11px;letter-spacing:-.01em}.tile:not(.main) .rb i{min-width:28px}
}
@media (min-width:1101px) and (max-width:1500px){.tile:not(.main) .rb span{display:none}.tile:not(.main) .rb{grid-template-columns:1fr;gap:0}}

/* ===== grup sayfaları (/altin, /doviz, /gumus) ===== */
.ghead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.ghead>div:first-child{min-width:0;flex:1 1 420px}
.ghead .lead{margin-bottom:0}
.gstat{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;flex:none;box-shadow:var(--shadow)}
.gstat b{font-size:16px;color:var(--text);margin-right:4px}.gstat .up b{color:var(--up)}.gstat .dn b{color:var(--down)}
.gstat .clk{display:inline-flex;align-items:center;gap:6px}.gstat .dot{width:7px;height:7px;border-radius:50%;background:var(--up);display:inline-block}
.hero.ghero{grid-template-columns:repeat(4,1fr);margin:14px 0 12px}
@media (max-width:900px){.hero.ghero{grid-template-columns:1fr 1fr}}
@media (max-width:360px){.hero.ghero{grid-template-columns:1fr}}
.seg-tabs{margin:0;flex:none}
.gmods{margin-top:14px}
.movers{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;padding:6px 16px 14px}
.movers .mt{display:block;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);padding:6px 0 4px}
.movers .mv{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 8px;border-radius:10px;color:inherit;border:1px solid transparent}
.movers .mv:hover{background:var(--surface-2);border-color:var(--line)}
.movers .mv .av{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:700;font-family:var(--mono);background:linear-gradient(145deg,#fff8e1,#ffe9b0);box-shadow:inset 0 0 0 1px rgba(184,134,11,.25)}
.movers .mv .av.g-doviz{background:linear-gradient(145deg,var(--navy-2),var(--blue));color:#fff}.movers .mv .av.g-metal{background:linear-gradient(145deg,#f6f8fa,#dfe6ed)}
.movers .mv .av .ico{width:18px;height:18px}
.movers .mv .t{display:grid;min-width:0}.movers .mv .t b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movers .mv .t small{font-size:12.5px;color:var(--muted)}
@media (max-width:560px){.movers{grid-template-columns:1fr}}
/* ===== banka karşılaştırma v2 ===== */
.bkps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 14px}
.bkp{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:2px;box-shadow:var(--shadow);border-left:3px solid var(--line)}
.bkp>span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:700}
.bkp b{font-size:20px;font-weight:600;letter-spacing:-.01em}
.bkp small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bkp.ref{border-left-color:var(--gold)}.bkp.good{border-left-color:var(--up)}.bkp.good b{color:var(--up)}.bkp.warn{border-left-color:var(--down)}
@media (max-width:900px){.bkps{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.bkps{grid-template-columns:1fr}}
.pt.bank2 th,.pt.bank2 td{padding:10px 12px;vertical-align:middle}
.pt.bank2 td:first-child{display:flex;align-items:center;gap:11px;min-width:220px;font-weight:500}
.pt.bank2 .bl{width:36px;height:36px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;flex:none;overflow:hidden;font-family:var(--mono);font-size:12px;font-weight:700}
.pt.bank2 .bl img{width:28px;height:28px;object-fit:contain;display:block}
.pt.bank2 .bl.ref{background:linear-gradient(145deg,#fff8e1,#ffe9b0);border-color:rgba(184,134,11,.3)}.pt.bank2 .bl .ico{width:18px;height:18px}
.pt.bank2 .bn{display:grid;min-width:0;line-height:1.25}.pt.bank2 .bn b{font-size:14.5px;font-weight:600}.pt.bank2 .bn small{font-size:12px;color:var(--muted);font-weight:400}
.pt.bank2 .best{display:inline-block;font-style:normal;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--up);background:var(--up-soft,#e6f6ec);border-radius:5px;padding:1px 6px;margin-left:6px;vertical-align:middle}
.pt.bank2 .best.buy{color:var(--blue);background:var(--blue-soft)}
.pt.bank2 tr.refrow2 td{background:var(--gold-soft)}
.pt.bank2 td.sell{font-weight:700}
.pt.bank2 .sp{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-width:120px}
.pt.bank2 .sp i{display:block;height:6px;border-radius:3px;background:var(--surface-3);position:relative;overflow:hidden}
.pt.bank2 .sp i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);background:var(--muted);border-radius:3px}
.pt.bank2 .sp.tight i::after{background:var(--up)}.pt.bank2 .sp.wide i::after{background:var(--down)}
.pt.bank2 .sp .num{font-size:13px;min-width:52px;text-align:right}
.pt.bank2 td.act{width:40px;text-align:right}.pt.bank2 .go{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--muted);border:1px solid var(--line)}.pt.bank2 .go:hover{color:var(--blue);border-color:var(--blue)}
@media (max-width:700px){.pt.bank2 td:first-child{min-width:170px}.pt.bank2 .sp{min-width:90px}.pt.bank2 .bn small{white-space:normal}}

/* liste: sparkline sütunu dar konteynerde gizli (aralık etiketiyle çakışmasın) */
.card .tw{container-type:inline-size;position:relative}
.pt.rich td.spark,.pt.rich th.spark{min-width:96px}
@container (max-width:980px){.pt.rich td.spark,.pt.rich th.spark{display:none}}
/* banka karşılaştırma: mobilde kart düzeni (yatay kaydırma yok) */
@media (max-width:700px){
  .pt.bank2{display:block;min-width:0}.pt.bank2 thead{display:none}.pt.bank2 tbody{display:block}
  .pt.bank2 tr{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"name name" "buy sell" "sp diff";gap:6px 12px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}
  .pt.bank2 tr.refrow2{background:var(--gold-soft)}.pt.bank2 tr.refrow2 td{background:none}
  .pt.bank2 td,.pt.bank2 td:first-child{display:block;padding:0;border:0;min-width:0;text-align:left}
  .pt.bank2 td:first-child{grid-area:name;display:flex;margin-bottom:2px}
  .pt.bank2 td:nth-child(2){grid-area:buy}.pt.bank2 td:nth-child(3){grid-area:sell}.pt.bank2 td:nth-child(4){grid-area:sp}.pt.bank2 td:nth-child(5){grid-area:diff;text-align:right}.pt.bank2 td.act{display:none}
  .pt.bank2 td:nth-child(2)::before,.pt.bank2 td:nth-child(3)::before,.pt.bank2 td:nth-child(4)::before,.pt.bank2 td:nth-child(5)::before{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:600;font-family:var(--sans);margin-bottom:1px}
  .pt.bank2 td:nth-child(2)::before{content:"Alış"}.pt.bank2 td:nth-child(3)::before{content:"Satış"}.pt.bank2 td:nth-child(4)::before{content:"Makas"}.pt.bank2 td:nth-child(5)::before{content:"Piyasaya fark"}
  .pt.bank2 td:nth-child(2),.pt.bank2 td:nth-child(3){font-size:16px;font-family:var(--mono)}
  .pt.bank2 .sp{min-width:0;grid-template-columns:1fr auto}.pt.bank2 .sp .num{min-width:0}
  .pt.bank2 .bn b{white-space:normal}
}

.pt.bank2 tr.sus td{opacity:.7}.pt.bank2 tr.sec td{padding:12px 12px 6px}.pt.bank2 tr.sec span{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#8a96a3}.pt.bank2 tr.sec small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
@media (max-width:700px){.pt.bank2 tr.sec{display:block}.pt.bank2 tr.sec td{display:block}}

/* kontrast: alt bilgi mini kartlarında değişim pili */
.ft .mini i .chg{background:transparent;color:inherit;padding:0}
/* grup başlık özeti dar ekranda sarar; banka rozet boyutu ≥11px */
@media (max-width:600px){.gstat{flex:1 1 100%;flex-wrap:wrap;gap:8px 12px;min-width:0}.gstat span{white-space:nowrap}}
.pt.bank2 .best{font-size:11px}
/* ana kart mini grafiği: dar/dik sütun yerine tam genişlikte alçak şerit (24 saatlik dakikalık seri) */
@media (min-width:700px){
  .hero:not(.phero) .tile.main{grid-template-areas:"mh mh" "mval mval" "ref ref" "range range";grid-template-rows:auto 1fr auto auto;align-content:stretch;row-gap:6px}
  .hero:not(.phero) .tile.main .mval .val{font-size:40px}
}

/* ana kart: mini grafik kaldırıldı (yan kartların boyunu uzatıyordu) */
.hero:not(.phero) .tile.main .spark{display:none}

/* ===== kart diyeti: büyük rakam önde, tekrar eden satırlar yok ===== */
.tile:not(.main) .tabs2{display:none}
.hero:not(.phero) .tile:not(.main) .val{font-size:34px;margin:8px 0 4px;letter-spacing:-.02em}
@media (min-width:1101px){.tile:not(.main) .val{font-size:34px}}
@media (min-width:1101px) and (max-width:1320px){.tile:not(.main) .val{font-size:30px}}
@media (max-width:699px){.tile:not(.main) .val{font-size:28px}}
.tile:not(.main) .sub{margin-top:2px;font-size:13px;flex-wrap:nowrap;gap:8px}.tile:not(.main) .sub .chg{font-size:12.5px;padding:3px 8px}
.tile:not(.main) .spark{margin-top:10px;height:36px}
.tile:not(.main) .range{margin-top:6px}
/* aralık çubuğu: rakamlar iki uçta, her genişlikte görünür */
.tile:not(.main) .rb,.tile:not(.main) .rb span{display:grid;font-size:11px}
.tile:not(.main) .rb{grid-template-columns:auto 1fr auto;gap:6px}.tile:not(.main) .rb span{display:inline;white-space:nowrap}.tile:not(.main) .rb i{min-width:28px}
@media (min-width:1101px) and (max-width:1500px){.tile:not(.main) .rb span{display:inline}.tile:not(.main) .rb{grid-template-columns:auto 1fr auto;gap:6px}}
@media (max-width:699px){.tile:not(.main) .rb span{display:inline}.tile:not(.main) .rb{grid-template-columns:auto 1fr auto;gap:6px}}
/* ana kart: pil + ₺ farkı yan yana */
.tile.main .mchg{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding-bottom:0}
@media (min-width:700px){.hero:not(.phero) .tile.main .mval{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}}
/* ana kart: fiyat solda, pil + ₺ farkı sağda tek satır */
@media (min-width:700px){.hero:not(.phero) .tile.main .mval{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;justify-items:start}.hero:not(.phero) .tile.main .mval .val{text-align:left;margin:0}}
/* dört beyaz kart: ince altın gradyan çerçeve + sıcak, hafif gölge (premium) */
.hero:not(.phero) .tile:not(.main){border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#f3d688 0%,#c98f12 40%,#e6b93f 70%,#f6e2a0 100%) border-box;box-shadow:0 1px 2px rgba(15,31,46,.05),0 10px 26px rgba(184,134,11,.10)}
.hero:not(.phero) .tile:not(.main):hover{box-shadow:0 2px 4px rgba(15,31,46,.06),0 14px 32px rgba(184,134,11,.18);transform:translateY(-1px)}
html[data-theme="dark"] .hero:not(.phero) .tile:not(.main){background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(242,193,78,.55),rgba(201,143,18,.35) 50%,rgba(242,193,78,.55)) border-box;box-shadow:none}

/* kart çerçevesi varlık sınıfına göre: altın/ziynet = altın, gümüş/metal = gümüş, dolar = yeşil, euro = mavi, diğer döviz = lacivert */
.hero:not(.phero) .tile.g-metal{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#eef1f5 0%,#8f9bab 40%,#c9d1da 70%,#f2f4f7 100%) border-box;box-shadow:0 1px 2px rgba(15,31,46,.05),0 10px 26px rgba(96,110,126,.14)}
.hero:not(.phero) .tile.c-usdtry{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#bfe3cc 0%,#1f7a45 40%,#5fbf85 70%,#d9f0e2 100%) border-box;box-shadow:0 1px 2px rgba(15,31,46,.05),0 10px 26px rgba(31,122,69,.12)}
.hero:not(.phero) .tile.c-eurtry{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#bcd2f0 0%,#0f4c81 40%,#4d8fd1 70%,#d6e4f7 100%) border-box;box-shadow:0 1px 2px rgba(15,31,46,.05),0 10px 26px rgba(15,76,129,.12)}
.hero:not(.phero) .tile.g-doviz:not(.c-usdtry):not(.c-eurtry){background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#c5d0dd 0%,#14263c 40%,#3a5f85 70%,#d9e1ea 100%) border-box;box-shadow:0 1px 2px rgba(15,31,46,.05),0 10px 26px rgba(20,38,60,.12)}
html[data-theme="dark"] .hero:not(.phero) .tile.g-metal{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(200,210,222,.6),rgba(140,152,168,.35) 50%,rgba(200,210,222,.6)) border-box;box-shadow:none}
html[data-theme="dark"] .hero:not(.phero) .tile.c-usdtry{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(82,221,139,.55),rgba(31,122,69,.4) 50%,rgba(82,221,139,.55)) border-box;box-shadow:none}
html[data-theme="dark"] .hero:not(.phero) .tile.c-eurtry{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(90,169,255,.55),rgba(15,76,129,.45) 50%,rgba(90,169,255,.55)) border-box;box-shadow:none}
html[data-theme="dark"] .hero:not(.phero) .tile.g-doviz:not(.c-usdtry):not(.c-eurtry){background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(150,175,205,.5),rgba(58,95,133,.4) 50%,rgba(150,175,205,.5)) border-box;box-shadow:none}

/* kart başlığında varlık simgesi (liste rozetleriyle aynı dil) */
.tile .lbl b{display:flex;align-items:center;gap:8px;min-width:0}
.tile .lbl .av{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-weight:700;flex:none;font-style:normal;background:linear-gradient(145deg,#fff8e1,#ffe9b0);box-shadow:inset 0 0 0 1px rgba(184,134,11,.25);color:#6a4a00}
.tile .lbl .av.g-doviz{background:linear-gradient(145deg,var(--navy-2),var(--blue));color:#fff;box-shadow:none}
.tile .lbl .av.g-metal{background:linear-gradient(145deg,#f6f8fa,#dfe6ed);box-shadow:inset 0 0 0 1px rgba(96,110,126,.25)}
.tile .lbl .av .ico{width:15px;height:15px}
.tile.c-usdtry .lbl .av{background:linear-gradient(145deg,#1f7a45,#3fb46e)}.tile.c-eurtry .lbl .av{background:linear-gradient(145deg,#0f4c81,#3b82c4)}
html[data-theme="dark"] .tile .lbl .av{background:var(--gold-soft);color:var(--gold-2);box-shadow:none}
/* kart başlığı: simge + ad tek satır, birim adın altında (kırpılma yok) */
.tile:not(.main) .lbl{flex-wrap:wrap;gap:2px 8px;align-items:center}
.tile:not(.main) .lbl b{white-space:nowrap;font-size:15px}
.tile:not(.main) .lbl i{flex:1 0 100%;padding-left:34px;font-size:11px;white-space:nowrap;overflow:visible}
.tile:not(.main) .val{margin-top:6px}
@media (max-width:699px){.tile:not(.main) .sub{flex-wrap:wrap;gap:4px 8px}.tile:not(.main) .sub .chg{flex:none}}

.rb.flat i::after{opacity:.55}
/* ===== Oranlar: kompakt liste (yükseklik ~1/2) ===== */
.rt{display:flex;flex-direction:column;gap:0;padding:2px 16px 8px}
.rt .rti{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"ic k v" "ic sub v";column-gap:12px;row-gap:1px;align-items:center;padding:9px 0 9px 0;border:0;border-top:1px solid var(--line-soft);border-radius:0;background:none}
.rt .rti:first-child{border-top:0}
.rt .rti .ic{position:static;grid-area:ic;width:32px;height:32px;border-radius:9px}
.rt .rti .k{grid-area:k;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text)}
.rt .rti small{grid-area:sub;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.rt .rti b{grid-area:v;font-size:16px;font-weight:700;text-align:right;white-space:nowrap;padding-left:8px}
.rt .rti.ok b{color:var(--up)}.rt .rti.warn b{color:#b45309}
@media (max-width:480px){.rt .rti small{white-space:normal}}
/* ===== Seviyeler: veri yokken kısa mesaj, kart eşit yükseklikte uzamasın ===== */
.grid2>.card{align-self:start}

/* fiyat alarmı: kompakt çağrı kartı */
.alarm-cta{padding:4px 16px 16px;display:grid;gap:10px}.alarm-cta p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5}.alarm-cta .btn{justify-self:start}
/* hızlı tutar: 4 grup tek sıra */
@media (min-width:900px){.amt{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ===== araç şeridi: 6 düğme tam genişlik, kesik yok ===== */
@media (min-width:700px){.home .quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;-webkit-mask-image:none;mask-image:none;gap:10px}.home .quick a{justify-content:center;white-space:nowrap}}
/* ===== piyasa sekmeleri: varlık rengiyle ===== */
.tabs[data-tabs="home"] button{position:relative;padding-left:22px}
.tabs[data-tabs="home"] button::before{content:"";position:absolute;left:9px;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:var(--tc,#9aa5b1)}
.tabs[data-tabs="home"] .t-altin{--tc:#d9a520}.tabs[data-tabs="home"] .t-ziynet{--tc:#b8741a}.tabs[data-tabs="home"] .t-doviz{--tc:#0f4c81}.tabs[data-tabs="home"] .t-metal{--tc:#7d8a99}
.tabs[data-tabs="home"] .t-altin:hover{color:#8a5f00;background:#fff4d6}.tabs[data-tabs="home"] .t-ziynet:hover{color:#7a4a0d;background:#fdebd2}.tabs[data-tabs="home"] .t-doviz:hover{color:#0f4c81;background:#e2eef9}.tabs[data-tabs="home"] .t-metal:hover{color:#4b5563;background:#eceff3}
.tabs[data-tabs="home"] .t-altin.on{background:linear-gradient(135deg,#c98f12,#e6b93f);color:#1a1200;box-shadow:0 2px 8px rgba(201,143,18,.35)}
.tabs[data-tabs="home"] .t-ziynet.on{background:linear-gradient(135deg,#a8651a,#d59a4a);color:#fff;box-shadow:0 2px 8px rgba(168,101,26,.35)}
.tabs[data-tabs="home"] .t-doviz.on{background:linear-gradient(135deg,#0f4c81,#3b82c4);color:#fff;box-shadow:0 2px 8px rgba(15,76,129,.35)}
.tabs[data-tabs="home"] .t-metal.on{background:linear-gradient(135deg,#6b7785,#9aa5b1);color:#fff;box-shadow:0 2px 8px rgba(107,119,133,.35)}
.tabs[data-tabs="home"] button.on::before{background:rgba(255,255,255,.85)}

/* araç şeridi 7 düğme */
@media (min-width:700px){.home .quick{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media (min-width:700px) and (max-width:1100px){.home .quick{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* kartlarda "Alış" belirgin */
.tile:not(.main) .sub>span:first-child{font-size:13.5px;font-weight:600;color:var(--text)}
.tile:not(.main) .sub>span:first-child [data-f="b"]{font-weight:700}
/* ===== Piyasa Fiyatları listesi: daha belirgin (tüm sekmeler) ===== */
.pt.rich td{padding:12px 12px}
.pt.rich .nm a{font-size:16px;font-weight:700}
.pt.rich .nm small{font-size:12.5px}
.pt.rich td.buy{font-size:15.5px;font-weight:600;color:var(--text)}
.pt.rich td.buy .split small{font-size:12.5px;color:var(--muted)}
.pt.rich td.sell .split{font-size:19px;font-weight:800;letter-spacing:-.01em}
.pt.rich td.sell .split small{font-size:13px}
.pt.rich td.sell .cur,.pt.rich td.sell .u{font-size:12.5px}
.pt.rich .chg{font-size:13px;font-weight:700;padding:3px 8px}
.pt.rich td.rng .rb{font-size:12px}
.pt.rich tr.sec td span{font-size:12.5px;letter-spacing:.09em}
.pt.rich thead th{font-size:12px}
@media (max-width:699px){.pt.rich .nm a{font-size:15.5px}.pt.rich td.sell .split{font-size:17px}.pt.rich td.buy{font-size:14px}}

/* ===== Piyasa Fiyatları: profesyonel terminal ölçeği ===== */
.pt.rich td{padding:13px 12px}
.pt.rich .nm a{font-size:16.5px;font-weight:700}
.pt.rich .nm .unit{font-size:12px}
.pt.rich td.buy{font-size:16.5px;font-weight:600;color:var(--text)}
.pt.rich td.buy .split small{font-size:13px}
.pt.rich td.sell .split{font-size:21px;font-weight:800}
.pt.rich td.sell .split small{font-size:14px}
.pt.rich td.sell .cur{font-size:13px;margin-left:3px}
.pt.rich .chg{font-size:13.5px;padding:4px 9px}
.pt.rich td.chgc small,.pt.rich td .abs{font-size:12.5px}
.pt.rich td.rng .rb{font-size:12.5px}.pt.rich td.rng .rb i{height:5px}
.pt.rich tr.sec td span{font-size:13px}.pt.rich tr.sec td small{font-size:12px}
.pt.rich thead th,.pt.rich thead th button{font-size:12.5px}
.card .desc{font-size:13px;line-height:1.45}
@media (max-width:699px){.pt.rich .nm a{font-size:16px}.pt.rich td.sell .split{font-size:18px}.pt.rich td.buy{font-size:14.5px}}
/* kart alış satırı: taşma yerine sarma; orta genişlikte biraz küçük */
.tile:not(.main) .sub{flex-wrap:wrap;min-width:0}
@media (min-width:1101px) and (max-width:1500px){.tile:not(.main) .sub>span:first-child{font-size:12.5px}.tile:not(.main) .sub .chg{font-size:12px;padding:3px 7px}}
/* kart fiyatı kutuya göre ölçeklenir (dar kartta $ / ₺ kesilmesin) */
.hero:not(.phero) .tile:not(.main){container-type:inline-size}
.hero:not(.phero) .tile:not(.main) .val{display:flex;align-items:baseline;gap:5px;min-width:0;white-space:nowrap}
.hero:not(.phero) .tile:not(.main) .val small{flex:none}
/* ana kart: 700px+ tüm genişliklerde alan atamaları (tablet düzeni bozulmasın) */
@media (min-width:700px){
  .hero:not(.phero) .tile.main{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;align-content:space-between;row-gap:8px}
  .hero:not(.phero) .tile.main .mh{grid-area:mh}.hero:not(.phero) .tile.main .mval{grid-area:mval}.hero:not(.phero) .tile.main .ref{grid-area:ref}.hero:not(.phero) .tile.main .range{grid-area:range}
  .hero:not(.phero) .tile.main .mh{display:flex;align-items:center;gap:10px}.hero:not(.phero) .tile.main .mh .lbl b{white-space:nowrap}.hero:not(.phero) .tile.main .mlive{margin-left:auto;flex:none}
}
@media (min-width:700px) and (max-width:1100px){.hero:not(.phero) .tile.main{grid-template-rows:auto auto 1fr auto;align-content:stretch;row-gap:10px}.hero:not(.phero) .tile.main .ref{align-self:start}.hero:not(.phero) .tile.main .mval .val{font-size:44px}}

/* kart fiyatı: kutu genişliğine göre CSS taban ölçeği (JS'e bağımlı değil); yanıp sönme dolgusu kutu içinde kalsın */
.hero:not(.phero) .tile:not(.main) .val{font-size:clamp(20px,17.5cqw,34px);overflow:visible}
.tile:not(.main) .val.flash-up,.tile:not(.main) .val.flash-dn{padding:0 4px;margin-left:-4px}
/* kart alış satırı: sabit iki sütun (alış | pil), yanıp sönme yerleşimi oynatmaz */
.hero:not(.phero) .tile:not(.main) .sub{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;flex-wrap:nowrap;margin-top:4px}
.hero:not(.phero) .tile:not(.main) .sub>span:first-child{white-space:nowrap;overflow:hidden;min-width:0;font-size:clamp(11.5px,7cqw,13.5px)}
.hero:not(.phero) .tile:not(.main) .sub .chg{flex:none;font-size:clamp(11px,6.4cqw,12.5px);padding:3px 7px}
.hero:not(.phero) .tile:not(.main) .sub [data-f="b"].flash-up,.hero:not(.phero) .tile:not(.main) .sub [data-f="b"].flash-dn{padding:0 2px;margin:0 -2px;border-radius:4px}
@media (min-width:1101px) and (max-width:1500px){.hero:not(.phero) .tile:not(.main) .sub>span:first-child{font-size:clamp(11.5px,7cqw,13.5px)}}
@media (max-width:699px){.hero:not(.phero) .tile:not(.main) .sub{display:grid}}
@media (max-width:699px){.hero:not(.phero) .tile:not(.main) .sub{grid-template-columns:1fr;gap:5px}.hero:not(.phero) .tile:not(.main) .sub>span:first-child{font-size:13px;overflow:visible}.hero:not(.phero) .tile:not(.main) .sub .chg{justify-self:start;font-size:12px}}

/* karşılaştırma çıktısı: çubuk + kaynak satırı */
.calc .out .cmpbar{display:block;height:6px;border-radius:3px;background:var(--surface-3);margin:0 0 4px;overflow:hidden}.calc .out .cmpbar i{display:block;height:100%;background:linear-gradient(90deg,#c98f12,#f2c14e);border-radius:3px}
.calc .out .cmpsrc{display:block;font-size:11.5px;color:var(--muted);font-weight:400;margin-top:2px}
.calc .out b+small{display:block;font-size:11.5px;color:var(--muted);font-weight:400;text-align:right}
.calc details.manual{margin-top:8px}.calc details.manual summary{cursor:pointer;font-size:13px;color:var(--blue);font-weight:600}.calc details.manual .row3{margin-top:8px}

/* ana ekrana ekle: adım kartı */
.pwa-sheet{position:fixed;inset:0;z-index:60;background:rgba(11,28,44,.55);display:flex;align-items:flex-end;justify-content:center;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px))}
.pwa-sheet .ps{background:var(--surface);color:var(--text);border-radius:16px;padding:16px 18px;width:100%;max-width:460px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.pwa-sheet .ph{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pwa-sheet .ph b{font-size:17px}
.pwa-sheet .x{border:0;background:var(--surface-2);width:34px;height:34px;border-radius:9px;font-size:20px;color:var(--muted);cursor:pointer}
.pwa-sheet ol{margin:6px 0 10px 20px;padding:0;font-size:14.5px;line-height:1.55}.pwa-sheet li{margin:6px 0}
.pwa-sheet .btn{width:100%;margin-top:6px}

/* fiyat kaynağı etiketi: gerçek sağlayıcı dışındaki değerler ziyaretçiye açıkça işaretlenir */
.pill.warn{background:#fff3cd;color:#8a5a00;border:1px solid #f0d488}
.nm small .pill{margin-left:6px;font-size:11.5px;padding:1px 5px;vertical-align:middle}
.phero .lbl .pill{margin-left:8px;font-size:11px;padding:2px 6px}

/* Hesaplayıcı sayfası: sunucuda hesaplanmış örnek sonuç kutusu.
   Googlebot formu doldurup butona basmaz; sayfayı boş form olarak görür.
   Bu kutu, aracın ne ürettiğini hem kullanıcıya hem tarayıcıya ilk bakışta gösterir. */
.ornek-kutu{border:1px solid var(--gold-line,#e6d5a8);background:linear-gradient(180deg,rgba(242,193,78,.10),rgba(242,193,78,.03));border-radius:12px;padding:12px 14px;margin:0 0 14px}
.ornek-kutu .ok-b{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2,#9a7a2e);margin-bottom:6px}
.ornek-kutu .ok-i ul{margin:0;padding-left:18px}
.ornek-kutu .ok-i li{margin:0 0 4px;font-size:14px}
.ornek-kutu .ok-i li:last-child{margin-bottom:0}
html[data-theme="dark"] .ornek-kutu{border-color:rgba(242,193,78,.28);background:linear-gradient(180deg,rgba(242,193,78,.08),transparent)}

/* Grafik: gerçek tam ekran (Fullscreen API). Düğme yalnız tarayıcı destekliyorsa görünür —
   çalışmayan bir özelliği vaat etmemek için JS `hidden`ı kaldırıyor. */
.ctools .cfs{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--muted);
  border-radius:9px;padding:5px 10px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.ctools .cfs:hover{background:var(--surface-2,#f2f5f8);color:var(--text)}
.ctools .cfs svg{flex:none}
.chart.is-fs{background:var(--bg);padding:18px 20px;display:flex;flex-direction:column;justify-content:center}
.chart.is-fs .cwrap{flex:1;min-height:0}
.chart.is-fs .chart-svg{height:100%;width:100%}
.chart:fullscreen{background:var(--bg)}
@media (max-width:560px){.ctools .cfs span{display:none}.ctools .cfs{padding:5px 8px}}

/* ---------- Hata bildirimi kutusu ---------- */
.bdlg{border:none;border-radius:16px;padding:0;max-width:480px;width:calc(100% - 32px);background:var(--surface);color:var(--text);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.bdlg::backdrop{background:rgba(6,14,24,.55);backdrop-filter:blur(2px)}
.bdlg-in{padding:20px 22px 18px;display:grid;gap:12px}
.bdlg-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bdlg-h h2{margin:0;font-size:17px}
.bdlg-x{border:none;background:none;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px;border-radius:8px}
.bdlg-x:hover{color:var(--text);background:var(--surface-2,#f2f5f8)}
.bdlg-p{margin:0;font-size:13.5px;color:var(--muted)}
.bdlg-l{display:grid;gap:5px;font-size:13px;font-weight:600}
.bdlg-l small{font-weight:400;color:var(--muted)}
.bdlg-l select,.bdlg-l input,.bdlg-l textarea{font:inherit;font-weight:400;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);width:100%}
.bdlg-l textarea{resize:vertical;min-height:88px}
.bdlg-l select:focus,.bdlg-l input:focus,.bdlg-l textarea:focus{outline:2px solid var(--gold,#f2c14e);outline-offset:1px;border-color:transparent}
.bdlg-a{display:flex;gap:8px;justify-content:flex-end;margin-top:2px}
.bdlg-msg{font-size:13px;padding:8px 11px;border-radius:9px}
.bdlg-msg.ok{background:rgba(31,107,74,.12);color:#1f6b4a}
.bdlg-msg.err{background:rgba(163,57,47,.12);color:#a3392f}
.bdlg-kv{margin:0;font-size:11.5px;color:var(--faint,#8a949f);line-height:1.5}
@media (max-width:480px){.bdlg-in{padding:16px 16px 14px}}

/* ---------- Widget yapılandırıcı ---------- */
.wz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:16px 0}
@media (max-width:900px){.wz{grid-template-columns:1fr}}
.wz-form,.wz-onizleme{display:grid;gap:16px;align-content:start}
.wz-tips{display:grid;gap:8px}
.wz-tip{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;cursor:pointer;transition:border-color .15s,background .15s}
.wz-tip:hover{background:var(--surface-2,#f7f9fb)}
.wz-tip input{margin-top:3px;accent-color:var(--gold,#f2c14e)}
.wz-tip:has(input:checked){border-color:var(--gold,#f2c14e);background:rgba(242,193,78,.07)}
.wz-tip span{display:grid;gap:2px}
.wz-tip b{font-size:14px}
.wz-tip small{color:var(--muted);font-size:12px}
.wz-urun{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.wz-chk{display:flex;align-items:center;gap:7px;font-size:13.5px;padding:5px 2px;cursor:pointer}
.wz-chk input{accent-color:var(--gold,#f2c14e)}
.wz-gor{display:grid;gap:10px}
.wz-l{display:grid;gap:5px;font-size:13px;font-weight:600}
.wz-l select{font:inherit;font-weight:400;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text)}
.wz-prev{border:1px dashed var(--line);border-radius:11px;padding:10px;background:var(--surface-2,#f7f9fb)}
.wz-kod-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.wz-ta{width:100%;font-family:var(--mono,Consolas,monospace);font-size:11.5px;line-height:1.5;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);resize:vertical}

/* Kaç TL sayfalarında tüm küratörlü miktarların kompakt dizini (öksüz sayfa kalmasın diye) */
.qgrid{display:flex;flex-wrap:wrap;gap:6px}
.qgrid a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;font:600 13px/1 var(--mono),monospace;color:var(--text);text-decoration:none;background:var(--surface-2)}
.qgrid a:hover{border-color:var(--gold);color:var(--gold)}

/* /bankalar hub: ürün karşılaştırma kartları */
.bhub{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.bhub-kart{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);text-decoration:none;color:var(--text)}
.bhub-kart:hover{border-color:var(--gold)}
.bhub-kart>b{font-size:15px;margin-bottom:2px}
.bhub-satir{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted)}
.bhub-satir .num{color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}
.bhub-cta{margin-top:4px;font-size:12.5px;font-weight:600;color:var(--gold-ink)}

/* Çerez rıza bandı: "Reddet" ve "Kabul et" eşit ağırlıkta (KVKK Çerez Rehberi iyi uygulaması) */
.rz{position:fixed;left:12px;bottom:12px;z-index:90;width:340px;max-width:calc(100vw - 24px);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.22);padding:11px 12px;font-size:12.5px;line-height:1.45}
.rz p{margin:0 0 9px;color:var(--muted)}.rz a{color:var(--text);text-decoration:underline;text-underline-offset:2px}
.rz-t{display:grid;gap:5px;margin:0 0 9px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:9px;background:var(--surface-2)}
.rz-t label{display:flex;gap:7px;align-items:baseline;font-weight:600;font-size:12.5px}.rz-t small{font-weight:400;color:var(--muted);font-size:11.5px}
.rz-d{display:flex;gap:6px;align-items:center}
.rz-btn{flex:1;min-height:32px;padding:0 10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:8px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.rz-btn:hover{border-color:var(--gold-line)}
.rz-btn:focus-visible,.rz-lnk:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.rz-lnk{flex:0 0 auto;background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:2px;font:inherit;font-size:12px;cursor:pointer;padding:4px 2px}
@media (max-width:520px){.rz{left:8px;right:8px;bottom:8px;width:auto;max-width:none}}
@media print{.rz{display:none}}
/* Kurumsal sayfalardaki bilgi tabloları (Çerez Politikası envanteri vb.) */
.prose .tw{overflow-x:auto;margin:10px 0 16px;border:1px solid var(--line);border-radius:10px}
.prose .tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.prose .tbl th,.prose .tbl td{padding:9px 10px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}
.prose .tbl th{background:var(--surface-2);font-size:12px;color:var(--muted)}
.prose .tbl tr:last-child td{border-bottom:0}
.prose .tbl small{color:var(--muted)}
/* 1101–1439 px: tam menü + arama + canlı hap birlikte sığmıyordu (1180 px'te 144 px, 1366 px'te 21 px yatay taşma). */
@media (min-width:1101px) and (max-width:1439px){
  .search{min-width:0;flex:0 1 210px}
  .live .num{display:none}
  nav.main .nl{padding:9px 9px}
}
/* 1101–1279 px: 7 menü öğesi sığmaz → menü düğmesi (≤1100 kuralının aynısı); arama ve canlı hap kalır */
@media (min-width:1101px) and (max-width:1279px){nav.main{display:none}.menu-btn{display:grid}.search{min-width:160px;margin-left:auto}.live .num{display:none}}
/* SPK standart uyarı notu (piyasa notları) */
.ytd{margin:6px 16px 16px;padding:10px 12px;border-left:3px solid var(--gold);background:var(--surface-2);border-radius:0 8px 8px 0;font-size:12.5px;line-height:1.55;color:var(--muted)}
.ytd b{color:var(--text)}
/* Bülten onay metni ve KVKK başvuru formu */
.subf-onay{display:block;margin-top:6px;font-size:11.5px;line-height:1.45;opacity:.85}.subf-onay a{text-decoration:underline}
.kvf{display:grid;gap:12px;padding:14px 16px}.kvf label{display:grid;gap:5px;font-size:13px;font-weight:600}.kvf label small{font-weight:400;font-size:12px;color:var(--muted)}
.kvf input:not([type=checkbox]),.kvf select,.kvf textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:9px 11px;font:inherit;font-size:14px}
.kvf .kvf-chk{display:flex;gap:8px;align-items:flex-start;font-weight:500}.kvf .btn{justify-self:start}
/* koyu zeminli şeritlerde (üst bant, alt bilgi) yanıp sönme renk değiştirmez, yalnız hafif hale */
.ticker .flash-up,.ft .flash-up{animation-name:fum}.ticker .flash-dn,.ft .flash-dn{animation-name:fdm}
.form label small,.calc label small{font-size:12px}

/* ===================== SADE GÖRÜNÜM (23 Eylül 2026) =====================
   Rakamlar normal yazı tipinin eşit genişlikli rakamlarıyla (daktilo tipi yalnız kod için),
   yanıp sönme arka plan kutusu yerine kısa renk değişimi, ana sayfa kutuları tek düz zeminde. */
:root{--mono:var(--sans);--code:"IBM Plex Mono","Plex Mono FB",ui-monospace,Consolas,monospace}
body{font-variant-numeric:tabular-nums}
code,kbd,pre,samp,.gf,.pf-io textarea,.search kbd{font-family:var(--code)}
.num{letter-spacing:0}
@keyframes fu{0%,40%{color:var(--up)}100%{color:inherit}}
@keyframes fd{0%,40%{color:var(--down)}100%{color:inherit}}
@keyframes fum{0%,40%{color:#6ee7a8}100%{color:inherit}}
@keyframes fdm{0%,40%{color:#ff9a8c}100%{color:inherit}}
.flash-up,.flash-dn{animation-duration:1.1s;border-radius:0}
.tile .val.flash-up,.tile .val.flash-dn{padding:0;margin-left:0;border-radius:0}

/* ana kutu */
.hero .tile.main.sade{display:flex!important;flex-direction:column;gap:0;padding:18px 20px 16px;background:#0f2438!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 28px rgba(11,28,44,.22)!important;color:#e8edf4;border-radius:14px;align-content:start}
.hero .tile.main.sade::before,.hero .tile.main.sade::after{display:none!important}
.hero .tile.main.sade:hover{transform:none;border-color:rgba(255,255,255,.16)!important}
.hero .tile.main.sade .mh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0}
.hero .tile.main.sade .mn{font-size:15px;font-weight:600;color:#fff}
.hero .tile.main.sade .mt{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#8fa3b8;white-space:nowrap}
.hero .tile.main.sade .mt i{width:6px;height:6px;border-radius:50%;background:#3ddc84;flex:none}
.hero .tile.main.sade .mt.off i{background:#f2c14e}
.hero .tile.main.sade .val{font-size:44px;font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:14px 0 4px;color:#fff;text-shadow:none;text-align:left}
.hero .tile.main.sade .val small{font-size:22px;font-weight:500;color:#8fa3b8}
.hero .tile.main.sade .mchg{display:flex;align-items:baseline;gap:8px;justify-content:flex-start;padding:0;flex-wrap:wrap}
.hero .tile.main.sade .chg,.hero .tile.main.sade .chg.up,.hero .tile.main.sade .chg.dn{background:none;padding:0;border-radius:0;font-size:14px;font-weight:600}
.hero .tile.main.sade .chg.up{color:#6ee7a8}.hero .tile.main.sade .chg.dn{color:#ff8a7a}.hero .tile.main.sade .chg.flat{color:#8fa3b8}
.hero .tile.main.sade .abs{font-size:13.5px;color:#8fa3b8;white-space:nowrap}
.hero .tile.main.sade .abs .up-c,.hero .tile.main.sade .abs .dn-c{color:inherit}
.hero .tile.main.sade .mbs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.hero .tile.main.sade .mbs span{display:block;font-size:12px;color:#8fa3b8}
.hero .tile.main.sade .mbs b{font-size:16px;font-weight:600;color:#fff;white-space:nowrap}
.hero .tile.main.sade .mbs b span{display:inline;font-size:inherit;color:inherit}
.hero .tile.main.sade .mbs small{font-size:13px;color:#8fa3b8;font-weight:500}
.hero .tile.main.sade .range{margin-top:12px}
.hero .tile.main.sade .rl{display:block;font-size:12px;color:#8fa3b8;margin-bottom:4px}
.hero .tile.main.sade .rb{font-size:12px;color:#8fa3b8}
.hero .tile.main.sade .rb i{background:rgba(255,255,255,.14)}
.hero .tile.main.sade .rb i::after{box-shadow:none}
html[data-theme="dark"] .hero .tile.main.sade{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:none!important;color:var(--text)}
html[data-theme="dark"] .hero .tile.main.sade .mn,html[data-theme="dark"] .hero .tile.main.sade .val,html[data-theme="dark"] .hero .tile.main.sade .mbs b{color:var(--text)}
html[data-theme="dark"] .hero .tile.main.sade .mt,html[data-theme="dark"] .hero .tile.main.sade .val small,html[data-theme="dark"] .hero .tile.main.sade .abs,html[data-theme="dark"] .hero .tile.main.sade .mbs span,html[data-theme="dark"] .hero .tile.main.sade .mbs small,html[data-theme="dark"] .hero .tile.main.sade .rl,html[data-theme="dark"] .hero .tile.main.sade .rb{color:var(--muted)}
html[data-theme="dark"] .hero .tile.main.sade .mbs{border-top-color:var(--line)}

/* beyaz kutular */
.hero .tile.sade:not(.main){background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:0 1px 2px rgba(15,31,46,.04)!important;padding:16px 18px 14px}
.hero .tile.sade:not(.main):hover{transform:none;box-shadow:0 6px 18px rgba(15,31,46,.08)!important;border-color:#c9d4df!important}
html[data-theme="dark"] .hero .tile.sade:not(.main){box-shadow:none!important}
html[data-theme="dark"] .hero .tile.sade:not(.main):hover{border-color:var(--muted)!important}
.tile.sade:not(.main) .lbl{display:grid;gap:1px;justify-content:start}
.tile.sade:not(.main) .lbl b{font-size:14px;font-weight:600;color:var(--text)}
.tile.sade:not(.main) .lbl i{font-size:12px;letter-spacing:0;color:var(--muted);text-transform:none}
.tile.sade:not(.main) .val{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:10px 0 4px}
.tile.sade:not(.main) .val small{font-size:15px;color:var(--muted)}
.tile.sade:not(.main) .sub{justify-content:space-between;align-items:baseline}
.tile.sade:not(.main) .sub .chg,.tile.sade:not(.main) .sub .chg.up,.tile.sade:not(.main) .sub .chg.dn{background:none;padding:0;border-radius:0;font-size:13px}
.tile.sade:not(.main) .sub .al{color:var(--muted);font-size:12px}
.tile.sade:not(.main) .sub .al b{color:var(--text);font-weight:600}
@media (max-width:720px){.hero .tile.main.sade .val{font-size:38px}.hero .tile.main.sade .val small{font-size:19px}.tile.sade:not(.main) .val{font-size:22px}}
@media (max-width:400px){.hero .tile.main.sade{padding:16px}.hero .tile.main.sade .val{font-size:34px}.tile.sade:not(.main){padding:12px 12px 10px}.tile.sade:not(.main) .val{font-size:19px}.tile.sade:not(.main) .val small{display:inline;font-size:13px}}

/* başlık altındaki durum satırı: tek satır, sakin */
.status{background:transparent;border-color:rgba(255,255,255,.14)}
.status i{box-shadow:none}

.hero .tile.main.sade .mh{align-self:stretch;width:100%}
.hero .tile.main.sade>*{align-self:stretch}
.tile.sade:not(.main) .lbl{justify-items:start;text-align:left}
.tile.sade:not(.main) .lbl i{padding-left:0;margin-left:0}
.tile.sade .val{display:block;padding-left:0;margin-left:0;text-align:left}

/* koyu zeminde (ana kutu, üst bant) yanıp sönme açık tonlarda: koyu yeşil/kırmızı lacivert üstünde okunmuyordu */
.hero .tile.main.sade .flash-up,.summary .flash-up,.top .flash-up{animation-name:fum}
.hero .tile.main.sade .flash-dn,.summary .flash-dn,.top .flash-dn{animation-name:fdm}
html[data-theme="dark"] .hero .tile.main.sade .flash-up{animation-name:fu}html[data-theme="dark"] .hero .tile.main.sade .flash-dn{animation-name:fd}
/* hızlı erişim düğmeleri: renkli ikon kareleri ve renkli alt çizgi yerine tek renk, sade */
.quick a,.quick a:nth-child(n){--qa:var(--muted);--qb:transparent;border-bottom:1px solid var(--line);box-shadow:none}
.quick a svg{background:none;padding:0;width:17px;height:17px}
.quick a:hover,.quick a:nth-child(n):hover{border-color:var(--text);color:var(--text);--qa:var(--text)}
.quick a:hover svg{transform:none}
html[data-theme="dark"] .quick a,html[data-theme="dark"] .quick a:nth-child(n){--qa:var(--muted);--qb:transparent}

/* ===================== SADE TABLO VE BAŞLIKLAR (23 Eylül 2026) ===================== */
/* bölüm başlıkları: altın çubuk ve altın renkli yazı yerine sade başlık */
.card>h2::before,html[data-theme="dark"] .card>h2::before{display:none}
.card>h2,html[data-theme="dark"] .card>h2{color:var(--text);font-weight:600;letter-spacing:0}
/* piyasa sekmeleri: renkli noktalar ve degradeler yerine tek tip bölümlü düğme */
.tabs[data-tabs="home"] button{padding-left:12px}
.tabs[data-tabs="home"] button::before{display:none}
.tabs[data-tabs="home"] button:hover,.tabs[data-tabs="home"] button:nth-child(n):hover{color:var(--text);background:var(--surface-2)}
.tabs[data-tabs="home"] button.on,.tabs[data-tabs="home"] button.on:nth-child(n),.tabs[data-tabs="home"] .t-altin.on,.tabs[data-tabs="home"] .t-ziynet.on,.tabs[data-tabs="home"] .t-doviz.on,.tabs[data-tabs="home"] .t-metal.on{background:var(--tab-on);color:var(--tab-on-ink);box-shadow:var(--shadow)}
/* banka sekmesi: ayırt edici kalsın ama degradesiz ve "okunmamış bildirim" noktası olmadan */
.tabs button.hot,html[data-theme="dark"] .tabs button.hot{background:transparent;color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px var(--line);margin-left:6px}
.tabs button.hot::after{display:none}
.tabs button.hot.on,html[data-theme="dark"] .tabs button.hot.on{background:var(--tab-on);color:var(--tab-on-ink);box-shadow:var(--shadow)}
/* tablo: her satırdaki yön çizgisi (piyasa düşünce tüm tablo kırmızı çizgili görünüyordu); yön değişim sütununda */
.pt.rich tr.row.r-up td.p,.pt.rich tr.row.r-dn td.p,.pt.rich tr.row.r-up,.pt.rich tr.row.r-dn{box-shadow:none}
/* grup başlıkları: altın çubuk yok */
.pt.rich tr.sec td span{padding-left:0}
.pt.rich tr.sec td span::before{display:none}
/* birim etiketi: renkli rozet yerine sade küçük yazı */
.pt.rich .nm .unit,html[data-theme="dark"] .pt.rich .nm .unit{background:none;color:var(--muted);font-family:var(--sans);font-weight:400;letter-spacing:0;padding:0;font-size:12px;text-transform:none}
/* ikon kareleri: altın degrade yerine düz, nötr zemin */
.pt.rich .av.ic,.pt.rich .av.ic.g-metal,html[data-theme="dark"] .pt.rich .av.ic,html[data-theme="dark"] .pt.rich .av.ic.g-metal{background:var(--surface-2);box-shadow:none}

/* ===================== PİYASA NOTLARI (23 Eylül 2026) ===================== */
.not-bas{margin:6px 0 16px}
.not-bas .ph{margin:6px 0 8px;line-height:1.25}
.not-tur{display:inline-block;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em}
.not-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--muted);margin:0}
.not-makale{min-width:0}
.not-govde{font-size:16px;line-height:1.75;max-width:70ch}
.not-govde p{margin:0 0 14px}
.not-zaman{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin:18px 0 12px;max-width:70ch}
.not-gezinme{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.not-gezinme a{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);text-decoration:none}
.not-gezinme a:hover{border-color:var(--muted)}
.not-gezinme a.sag{text-align:right}
.not-gezinme small{font-size:12px;color:var(--muted)}
.not-gezinme span{font-size:13.5px;font-weight:600;line-height:1.35}
.not-liste{display:grid;gap:10px;margin-bottom:16px}
.not-kart{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none}
.not-kart:hover{border-color:var(--muted)}
.not-tarih{display:grid;justify-items:center;padding:8px 0;border-radius:10px;background:var(--surface-2);line-height:1.1}
.not-tarih b{font-size:24px;font-weight:600}
.not-tarih span{font-size:12px;color:var(--muted);margin-top:2px}
.not-kart-ic h2{font-size:16.5px;font-weight:600;margin:4px 0 6px;line-height:1.35}
.not-kart-ic p{margin:0;font-size:14px;color:var(--muted);line-height:1.55}
.sayfalama{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 16px;font-size:14px}
.sayfalama a{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);text-decoration:none}
@media (max-width:640px){.not-kart{grid-template-columns:56px 1fr;gap:12px;padding:14px}.not-tarih b{font-size:20px}.not-gezinme{grid-template-columns:1fr}.not-gezinme a.sag{text-align:left}.not-govde{font-size:15.5px}}
.not-govde{padding:0}
.not-canli a{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.not-canli .num{white-space:nowrap}.not-canli .num b{font-weight:600}
.not-canli .chg{background:none;padding:0;margin-left:6px;font-size:12.5px}
/* geniş makaslı satırlar: yarı saydamlık kontrastı eşiğin altına düşürüyordu (erişilebilirlik) */
.pt.bank2 tr.sus td{opacity:1}.pt.bank2 tr.sus td .bn b{color:var(--muted)}
.pt.bank2 tr.sec span{color:var(--muted)}