@font-face{font-family:IBM Plex Sans;src:url(../fonts/IBMPlexSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(../fonts/IBMPlexSans-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(../fonts/IBMPlexSans-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(../fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(../fonts/IBMPlexMono-Medium.ttf) format("truetype");font-weight:500;font-display:swap}:root{--arka: #0b0e13;--ust: #080a0e;--kart: #10141b;--satir-alt: #0e1218;--satir-ustunde: #161b24;--girdi: #0e1218;--kenar: #1a1f28;--kenar-vurgu: #2a313d;--yazi: #e7ecf3;--yazi-ikincil: #c5cdd8;--soluk: #9aa4b2;--silik: #7d8796;--vurgu: #3d7bfa;--vurgu-ustunde: #5a90fb;--vurgu-soluk: #172a4d;--basari: #56d364;--tehlike: #ff7b72;--uyari: #e3b341;--yukari: #86c994;--asagi: #e0948e;--yukari-parlak: #62e37e;--asagi-parlak: #ff7a72;--govde: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--sayisal: "IBM Plex Mono", Consolas, ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--arka);color:var(--yazi);font-family:var(--govde);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}#uygulama{min-height:100vh;display:flex;flex-direction:column}button,input{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}.giris{flex:1;display:grid;place-items:center;padding:24px 16px}.giris-kart{width:min(400px,100%);background:var(--kart);border:1px solid var(--kenar);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column}.marka{display:flex;align-items:center;gap:12px}.marka strong{display:block;font-size:17px;font-weight:600}.marka span{display:block;font-size:12.5px;color:var(--silik)}.giris-kart .marka{margin-bottom:26px}.giris-kart label{font-size:13px;color:var(--soluk);margin-bottom:6px}.giris-kart input{background:var(--girdi);border:1px solid var(--kenar);border-radius:8px;padding:11px 12px;font-family:var(--sayisal);font-size:16px;text-transform:uppercase;letter-spacing:.04em}.giris-kart input:hover{border-color:var(--kenar-vurgu)}.giris-kart input:focus{border-color:var(--vurgu);outline:none}.ipucu{margin:6px 0 0;font-size:12.5px;color:var(--silik)}.hata{margin:12px 0 0;padding:9px 12px;border-radius:8px;background:#3a1d20;color:var(--tehlike);font-size:13.5px}button.ana{margin-top:18px;border:1px solid var(--vurgu);background:var(--vurgu);color:#fff;border-radius:8px;padding:11px 18px;font-weight:600;cursor:pointer}button.ana:hover{background:var(--vurgu-ustunde)}button.ana:disabled{opacity:.5;cursor:default}.ust{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;background:var(--ust);border-bottom:1px solid var(--kenar);position:sticky;top:0;z-index:2}.sag{display:flex;align-items:center;gap:18px}.baglanti{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--soluk);white-space:nowrap}.nokta{width:8px;height:8px;border-radius:50%;background:var(--silik)}.nokta[data-durum=canli]{background:var(--basari)}.nokta[data-durum=baglaniyor]{background:var(--uyari)}.nokta[data-durum=kopuk]{background:var(--tehlike)}button.metin{background:none;border:1px solid var(--kenar-vurgu);border-radius:8px;padding:6px 12px;font-size:13px;color:var(--yazi-ikincil);cursor:pointer;white-space:nowrap}button.metin:hover{background:var(--satir-ustunde);color:var(--yazi)}.icerik{flex:1;width:min(1100px,100%);margin:0 auto;padding:20px 24px 24px}.uyari{margin-bottom:14px;padding:10px 14px;border-radius:8px;background:#2a2412;border:1px solid #5c4813;color:#d29922;font-size:14px}.arac{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.arac input[type=search]{width:min(320px,100%);background:var(--girdi);border:1px solid var(--kenar);border-radius:8px;padding:8px 12px}.arac input[type=search]:focus{border-color:var(--vurgu);outline:none}.kategoriler{display:flex;flex-wrap:wrap;gap:8px}.kategori{background:transparent;border:1px solid var(--kenar-vurgu);border-radius:17px;padding:5px 14px;font-size:13.5px;color:var(--yazi-ikincil);cursor:pointer}.kategori:hover{color:var(--yazi)}.kategori[aria-pressed=true]{background:var(--vurgu-soluk);border-color:var(--vurgu);color:var(--yazi)}.tablo-kutu{background:var(--kart);border:1px solid var(--kenar);border-radius:14px;overflow:hidden}table.fiyatlar{width:100%;border-collapse:collapse}.fiyatlar th,.fiyatlar td{padding:11px 16px;text-align:left}.fiyatlar thead th{font-size:12px;font-weight:500;color:var(--silik);border-bottom:1px solid var(--kenar);text-transform:uppercase;letter-spacing:.04em}.fiyatlar tbody tr:nth-child(2n){background:var(--satir-alt)}.fiyatlar tbody tr:hover{background:var(--satir-ustunde)}.fiyatlar tbody th{font-weight:600}.fiyatlar .sayi{text-align:right;font-family:var(--sayisal);white-space:nowrap}.fiyatlar .fiyat{font-size:15.5px;font-weight:500}.fiyatlar .aciklama{color:var(--soluk)}.fiyatlar td.saat,.fiyatlar th.saat{color:var(--silik);font-size:13px}.alt-aciklama{display:none}.fiyat[data-yon=yukari]{color:var(--yukari)}.fiyat[data-yon=asagi]{color:var(--asagi)}.fiyat.parla[data-yon=yukari]{animation:parla-yukari .3s step-end}.fiyat.parla[data-yon=asagi]{animation:parla-asagi .3s step-end}@keyframes parla-yukari{0%,to{color:var(--yukari-parlak)}}@keyframes parla-asagi{0%,to{color:var(--asagi-parlak)}}@media(prefers-reduced-motion:reduce){.fiyat.parla{animation:none!important}}.bos{margin:0;padding:40px 16px;text-align:center;color:var(--soluk)}.alt{padding:14px 24px 18px;text-align:center;font-size:12px;color:var(--silik)}@media(max-width:640px){.ust{padding:12px 16px}.ust .marka span{display:none}.baglanti span:last-child{display:none}.icerik{padding:14px 12px 20px}.fiyatlar thead{display:none}.fiyatlar,.fiyatlar tbody{display:block}.fiyatlar tbody tr{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"sembol alis satis" "sembol saat saat";align-items:center;column-gap:14px;padding:10px 14px;border-bottom:1px solid var(--kenar)}.fiyatlar tbody tr:nth-child(2n){background:transparent}.fiyatlar th,.fiyatlar td{padding:0}.fiyatlar tbody th{grid-area:sembol}.fiyatlar td.aciklama{display:none}.alt-aciklama{display:block;font-weight:400;font-size:12px;color:var(--silik);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.fiyatlar td.fiyat:nth-of-type(2){grid-area:alis}.fiyatlar td.fiyat:nth-of-type(3){grid-area:satis}.fiyatlar td.saat{grid-area:saat;font-size:11.5px}.fiyatlar .fiyat{font-size:15px}.fiyatlar td.fiyat:before{content:attr(data-etiket);display:block;font-family:var(--govde);font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--silik)}}
