.kesif-baslik { padding-bottom: var(--b4); }
.kesif-baslik p { color: var(--metin-2); }

.kesif-arac { position: sticky; top: calc(var(--ust-ofset, var(--ust-yuk)) + env(safe-area-inset-top, 0px)); z-index: calc(var(--z-ust) - 1); margin-bottom: var(--b4); background: var(--zemin-cam); -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); border-block-end: var(--k-ince) solid transparent; transition: top var(--sure-yavas) var(--egri), border-color var(--sure-orta) var(--egri), box-shadow var(--sure-orta) var(--egri); }
.kesif-arac.yapisik { border-block-end-color: var(--cizgi); box-shadow: var(--golge-1); }
.kesif-arac-ic { display: flex; align-items: center; gap: var(--b2); min-height: 60px; padding-block: var(--b2); }
.kesif-sayfa-ac { flex: none; gap: 6px; padding-inline: 14px; }
.kesif-sayfa-ac .cip-sayi { margin-inline-start: 2px; }
.kesif-turler { display: flex; flex: 0 1 auto; gap: var(--b1); min-width: 0; padding: 3px; overflow-x: auto; scrollbar-width: none; border: var(--k-ince) solid var(--cizgi-2); border-radius: var(--r-yuvarlak); background: var(--zemin); }
.kesif-turler::-webkit-scrollbar { display: none; }
.kesif-turler .cip { min-height: 36px; padding-inline: var(--b3); border-color: transparent; }
.kesif-turler .cip::before { inset: -4px -2px; }
.kesif-turler .cip:hover { border-color: transparent; background: var(--zemin-3); }
.kesif-turler .cip.secili { background: var(--ana-yumusak); border-color: var(--ana-cizgi); color: var(--metin); }
.kesif-acicilar { display: none; align-items: center; gap: 6px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; padding-block: var(--b1); }
.kesif-acicilar::-webkit-scrollbar { display: none; }
.kesif-acici { position: relative; display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 40px; padding-inline: 14px 10px; border: var(--k-ince) solid var(--cizgi-2); border-radius: var(--r-yuvarlak); background: transparent; color: var(--metin-2); font: var(--ag-orta) var(--yazi-14)/1 var(--govde-yazi); white-space: nowrap; transition: background-color var(--sure-hizli) var(--egri), border-color var(--sure-hizli) var(--egri), color var(--sure-hizli) var(--egri); }
.kesif-acici::before { content: ""; position: absolute; inset: -2px 0; }
.kesif-acici .ikon { width: 16px; height: 16px; color: var(--soluk); transition: transform var(--sure-orta) var(--egri); }
.kesif-acici:hover { border-color: var(--soluk); color: var(--metin); }
.kesif-acici.etkin { border-color: var(--ana-cizgi); background: var(--ana-yumusak); color: var(--metin); }
.kesif-acici[aria-expanded="true"] { border-color: var(--ana); color: var(--metin); }
.kesif-acici[aria-expanded="true"] .ikon-asagi { transform: rotate(180deg); }
.kesif-acici--sira { flex: none; margin-inline-start: auto; width: var(--dokunma); min-height: var(--dokunma); padding: 0; justify-content: center; }
.kesif-acici--sira [data-kesif-sira-ad], .kesif-acici--sira .ikon-asagi { display: none; }
.kesif-acici--sira .ikon-sirala { width: 20px; height: 20px; color: var(--metin-2); }

.kesif-gizli-onay { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; }

.kesif-sayfa { position: fixed; inset: 0; z-index: var(--z-modal); display: flex; align-items: flex-end; justify-content: center; background: var(--karart); opacity: 0; visibility: hidden; transition: opacity var(--sure-orta) var(--egri), visibility 0s linear var(--sure-orta); }
.kesif-sayfa.acik { opacity: 1; visibility: visible; transition-delay: 0s; }
.kesif-sayfa-ic { display: flex; flex-direction: column; width: 100%; max-height: 90dvh; border: var(--k-ince) solid var(--cizgi); border-block-end: 0; border-radius: var(--r-l) var(--r-l) 0 0; background: var(--zemin-2); box-shadow: var(--golge-3); transform: translateY(24px); transition: transform var(--sure-yavas) var(--egri-cik); }
.kesif-sayfa.acik .kesif-sayfa-ic { transform: none; }
.kesif-sayfa-ust { position: relative; display: flex; align-items: center; justify-content: space-between; gap: var(--b3); min-height: 60px; padding: var(--b2) var(--b2) var(--b2) var(--b5); padding-inline: var(--b5) var(--b2); border-block-end: var(--k-ince) solid var(--cizgi); }
.kesif-sayfa-ust::before { content: ""; position: absolute; top: 6px; inset-inline-start: 50%; width: 36px; height: 4px; margin-inline-start: -18px; border-radius: var(--r-yuvarlak); background: var(--cizgi-2); }
.kesif-sayfa-ust h2 { margin: 0; font-size: var(--yazi-18); }
.kesif-sayfa-ust .modal-kapat { position: static; }
.kesif-sayfa-govde { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: var(--b2) var(--b5) var(--b5); }
.kesif-sayfa-alt { display: flex; gap: var(--b3); padding: var(--b3) var(--b5) calc(var(--b3) + var(--guvenli-alt)); border-block-start: var(--k-ince) solid var(--cizgi); background: var(--zemin-2); }
.kesif-sayfa-alt .dugme { flex: 1 1 0; min-width: 0; }
.kesif-sayfa-alt .dugme-ana { flex-grow: 2; }
.kesif-sayfa-alt .dugme-ana.sayiyor { color: var(--ana-uzeri); opacity: .85; }

.kesif-bolum { min-width: 0; margin: 0; padding: var(--b5) 0; border: 0; border-block-end: var(--k-ince) solid var(--cizgi); }
.kesif-bolum:last-child { border-block-end: 0; }
.kesif-bolum-ad { float: left; width: 100%; margin: 0 0 var(--b3); padding: 0; font: var(--ag-kalin) var(--yazi-16)/1.3 var(--gosterim); color: var(--metin); }
.kesif-bolum-ad + * { clear: both; }
.kesif-bolum-alt { display: none; }
.kesif-bolum-arac { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2); margin-bottom: var(--b3); }
.kesif-mini-ara { position: relative; display: flex; align-items: center; flex: 1 1 200px; min-width: 0; }
.kesif-mini-ara .ikon { position: absolute; inset-inline-start: 12px; width: 18px; height: 18px; color: var(--soluk); pointer-events: none; }
.kesif-mini-ara input { width: 100%; min-height: var(--dokunma); padding-block: 0; padding-inline: 38px var(--b3); border: var(--k-ince) solid var(--alan-cizgi); border-radius: var(--r-yuvarlak); background: var(--zemin); color: var(--metin); font-size: 15px; transition: border-color var(--sure-hizli) var(--egri), box-shadow var(--sure-hizli) var(--egri); }
.kesif-mini-ara input::placeholder { color: var(--soluk); opacity: 1; }
.kesif-mini-ara input:focus { outline: none; border-color: var(--ana); box-shadow: 0 0 0 3px var(--ana-yumusak); }
.kesif-servislerim .ikon { color: var(--ana-acik); }
.kesif-servislerim[aria-pressed="true"] .ikon { fill: currentColor; }
.kesif-kaydet { min-height: 36px; font-size: var(--yazi-14); }
.kesif-grup + .kesif-grup { margin-top: var(--b4); }
.kesif-grup-ad { margin: 0 0 var(--b2); color: var(--soluk); font: var(--ag-orta) var(--yazi-13)/1.35 var(--govde-yazi); letter-spacing: 0; }
.kesif-logolar { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: var(--b2); }
.kesif-logo { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; padding: 10px 6px var(--b2); border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-m); background: var(--zemin); text-align: center; cursor: pointer; transition: border-color var(--sure-hizli) var(--egri), background-color var(--sure-hizli) var(--egri); }
.kesif-logo:hover { border-color: var(--soluk); }
.kesif-logo.secili { border-color: var(--ana-cizgi); background: var(--ana-yumusak); }
.kesif-logo.odak, .kesif-serit.odak, .kesif-secenek.odak, .kesif-cip.odak, .kesif-segment > label.odak { outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-bosluk); }
.kesif-logo-gorsel { position: relative; display: block; width: 44px; height: 44px; }
.kesif-logo-gorsel img, .kesif-logo-gorsel .logo-harf { display: grid; width: 44px; height: 44px; border-radius: 22%; object-fit: cover; box-shadow: inset 0 0 0 1px var(--kart-cerceve); }
.kesif-logo-gorsel img { background: var(--zemin-3); }
.kesif-tik { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--ana); color: var(--ana-uzeri); opacity: 0; transform: scale(.6); transition: opacity var(--sure-hizli) var(--egri), transform var(--sure-orta) var(--egri-cik); }
.kesif-tik .ikon { width: 13px; height: 13px; stroke-width: 3; }
.kesif-logo-gorsel .kesif-tik { position: absolute; top: -7px; inset-inline-end: -7px; box-shadow: 0 0 0 2px var(--zemin-2); }
.secili > .kesif-tik, .secili .kesif-tik { opacity: 1; transform: none; }
.kesif-logo-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; min-height: 2.5em; color: var(--metin-2); font: var(--ag-orta) var(--yazi-12)/1.25 var(--govde-yazi); overflow-wrap: anywhere; }
.kesif-logo.secili .kesif-logo-ad { color: var(--metin); }
.kesif-logo small { margin-top: -4px; color: var(--soluk); font-size: 11px; line-height: 1.2; }
.kesif-grup--kisa .kesif-logo:nth-child(n+13) { display: none; }
.kesif-grup-daha { margin-top: var(--b2); }
.kesif-bos-not { margin: var(--b2) 0 0; color: var(--soluk); font-size: var(--yazi-14); }

.kesif-seritler { display: grid; gap: 6px; }
.kesif-serit { position: relative; display: flex; align-items: center; gap: var(--b3); min-height: 56px; padding: var(--b2) var(--b3); border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-m); background: var(--zemin); cursor: pointer; transition: border-color var(--sure-hizli) var(--egri), background-color var(--sure-hizli) var(--egri); }
.kesif-serit:hover { border-color: var(--soluk); }
.kesif-serit.secili { border-color: var(--serit-renk); background: var(--ana-yumusak); }
.kesif-serit-nokta { flex: none; width: 12px; height: 12px; border-radius: 50%; background: var(--serit-renk); box-shadow: 0 0 0 3px color-mix(in srgb, var(--serit-renk) 22%, transparent); }
.kesif-serit-metin { display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.3; }
.kesif-serit-metin strong { font: var(--ag-kalin) 15px/1.3 var(--gosterim); }
.kesif-serit-metin small { color: var(--soluk); font-size: var(--yazi-13); }
.kesif-serit .kesif-tik { flex: none; }

.kesif-cipler { gap: var(--b2); }
.kesif-cip { cursor: pointer; user-select: none; }

.kesif-aralik { display: grid; grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr); align-items: end; gap: var(--b2); margin-bottom: var(--b3); }
.kesif-aralik .alan { gap: var(--b1); }
.kesif-aralik .alan-etiket { color: var(--soluk); font-size: var(--yazi-13); font-weight: var(--ag-orta); }
.kesif-aralik .secim { width: 100%; font-variant-numeric: tabular-nums; }
.kesif-aralik-tire { height: 2px; margin-bottom: 21px; border-radius: 2px; background: var(--cizgi-2); }

.kesif-yardim { margin: 0 0 var(--b3); color: var(--soluk); font-size: var(--yazi-13); }
.kesif-segment { display: flex; width: 100%; }
.kesif-segment > label { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--b1); flex: 1; min-width: 0; min-height: 40px; padding: 0 var(--b2); border-radius: 7px; color: var(--metin-2); font-size: var(--yazi-13); font-weight: var(--ag-orta); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; font-variant-numeric: tabular-nums; transition: background-color var(--sure-hizli) var(--egri), color var(--sure-hizli) var(--egri); }
.kesif-segment > label::before { content: ""; position: absolute; inset: -2px 0; }
.kesif-segment > label:hover { color: var(--metin); background: var(--zemin-3); }
.kesif-segment > label.secili { background: var(--ana-yumusak); color: var(--metin); box-shadow: inset 0 0 0 1px var(--ana-cizgi); }
.kesif-segment .ikon { width: 14px; height: 14px; color: var(--ana-acik); }
.kesif-segment > label.secili .ikon { fill: currentColor; }
.kesif-alt-baslik { margin: 0 0 var(--b2); color: var(--soluk); font-size: var(--yazi-13); font-weight: var(--ag-orta); }
.kesif-dil { margin-top: var(--b4); }
.kesif-dil .alan-etiket { color: var(--soluk); font-size: var(--yazi-13); font-weight: var(--ag-orta); }
.kesif-dil .secim { width: 100%; }

.kesif-liste { display: grid; gap: 2px; }
.kesif-secenek { position: relative; display: flex; align-items: center; justify-content: space-between; gap: var(--b3); min-height: var(--dokunma); padding: 0 var(--b3); border-radius: var(--r-s); color: var(--metin-2); font-size: 15px; cursor: pointer; transition: background-color var(--sure-hizli) var(--egri), color var(--sure-hizli) var(--egri); }
.kesif-secenek:hover { background: var(--zemin-3); color: var(--metin); }
.kesif-secenek.secili { color: var(--metin); font-weight: var(--ag-kalin); }

.kesif-ozet { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2) var(--b3); min-height: var(--dokunma); margin-bottom: var(--b4); }
.kesif-sayac { margin: 0; flex: none; transition: opacity var(--sure-hizli) var(--egri); }
.kesif-sonuc[aria-busy="true"] ~ .kesif-sayac, .kesif-govde.yukleniyor .kesif-sayac { opacity: .55; }
.kesif-etkin { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2); margin: 0; padding: 0; list-style: none; }
.kesif-etkin li { display: flex; }
.kesif-etkin .cip-kaldir { max-width: 240px; }
.kesif-etkin .cip-kaldir span { overflow: hidden; text-overflow: ellipsis; }
.kesif-etkin .cip-kaldir:hover { border-color: var(--hata); }
.kesif-etkin .cip-kaldir:hover .ikon { color: var(--hata-metin); }
.kesif-hepsi { min-height: 36px; font-size: var(--yazi-14); }
.kesif-etkin--orta { justify-content: center; margin-bottom: var(--b2); }

.kesif-govde { padding-bottom: var(--b14); }
.kesif-sonuc { position: relative; }
.kesif-izgara { transition: opacity var(--sure-hizli) var(--egri); }
.kesif-sonuc.soluk-yukle .kesif-izgara { opacity: .45; }
.kesif-izgara.giris > .kart { animation: kesif-gir var(--sure-orta) var(--egri-cik) both; }
@keyframes kesif-gir { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.kesif-iskelet { pointer-events: none; }
.kesif-iskelet .iskelet-satir { border-radius: var(--r-xs); }
.kesif-iskelet .iskelet-satir:nth-child(2) { width: 82%; height: 14px; margin: 2px 0 0; }
.kesif-iskelet .iskelet-satir:nth-child(3) { width: 46%; height: 12px; margin: 0; }
.js .kesif-sonuc[data-js] .sayfalama { display: none; }
.kesif-daha { min-height: 92px; }
.kesif-daha .dugme { min-width: 200px; }
.kesif-onceki { display: flex; justify-content: center; margin: 0 0 var(--b6); }
.kesif-gozcu { position: relative; top: -600px; height: 1px; margin-bottom: -1px; pointer-events: none; visibility: hidden; }
.kesif-bos { margin-top: var(--b2); }
.kesif-bos > .ikon { width: 40px; height: 40px; color: var(--soluk); }
.kesif-hata { display: flex; flex-direction: column; align-items: center; gap: var(--b3); padding: var(--b8) var(--b5); border: var(--k-ince) dashed var(--cizgi-2); border-radius: var(--r-l); color: var(--metin-2); text-align: center; }

.kesif-solma.tasar-son { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
.kesif-solma.tasar-bas { -webkit-mask-image: linear-gradient(to right, transparent, #000 28px); mask-image: linear-gradient(to right, transparent, #000 28px); }
.kesif-solma.tasar-bas.tasar-son { -webkit-mask-image: linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, transparent, #000 28px, #000 calc(100% - 28px), transparent); }
[dir="rtl"] .kesif-solma.tasar-son { -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to left, #000 calc(100% - 28px), transparent); }
[dir="rtl"] .kesif-solma.tasar-bas { -webkit-mask-image: linear-gradient(to left, transparent, #000 28px); mask-image: linear-gradient(to left, transparent, #000 28px); }
[dir="rtl"] .kesif-solma.tasar-bas.tasar-son { -webkit-mask-image: linear-gradient(to left, transparent, #000 28px, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to left, transparent, #000 28px, #000 calc(100% - 28px), transparent); }
@media (max-width: 567px) {
  .kesif-arac-ic { gap: 6px; }
  .kesif-turler .cip { padding-inline: 10px; }
  .kesif-sayfa-ac { min-width: var(--dokunma); padding-inline: 10px 12px; }
}
@media (max-width: 479px) {
  .kesif-sayfa-ac > span:not(.cip-sayi) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
  .kesif-sayfa-ac { padding-inline: 10px; }
  .kesif-sayfa-ac .cip-sayi { margin-inline-start: -2px; }
}
@media (min-width: 568px) {
  .kesif-sayfa { justify-content: flex-end; align-items: stretch; }
  .kesif-sayfa-ic { width: min(440px, 100vw); max-height: none; height: 100%; border: 0; border-inline-start: var(--k-ince) solid var(--cizgi); border-radius: 0; transform: translateX(24px); }
  [dir="rtl"] .kesif-sayfa-ic { transform: translateX(-24px); }
  .kesif-sayfa-ust::before { display: none; }
  .kesif-sayfa-ust { padding-top: max(var(--b2), env(safe-area-inset-top, 0px)); }
  .kesif-sayfa-govde { padding-inline: var(--b6); }
  .kesif-sayfa-alt { padding-inline: var(--b6); }
}

@media (min-width: 1024px) {
  .kesif-sayfa-ac { display: none; }
  .kesif-acicilar { display: flex; }
  .kesif-turler { flex: none; }
  .kesif-acici--sira { width: auto; padding-inline: var(--b3) 10px; min-height: 40px; }
  .kesif-acici--sira::before { inset: -2px 0; }
  .js .kesif-sayfa { position: absolute; inset: 100% 0 auto; display: block; height: 0; background: none; opacity: 1; visibility: visible; transition: none; z-index: var(--z-acilir); }
  .js .kesif-sayfa-ic { display: block; width: auto; max-height: none; height: 0; border: 0; border-radius: 0; background: none; box-shadow: none; transform: none; transition: none; }
  .js .kesif-sayfa-ust, .js .kesif-sayfa-alt { display: none; }
  .js .kesif-sayfa-govde { padding: 0; overflow: visible; }
  .js .kesif-bolum { position: absolute; top: 6px; inset-inline-start: var(--kp-bas, var(--kenar)); width: min(360px, calc(100vw - 2 * var(--kenar))); max-height: var(--kp-yuk, calc(100vh - var(--ust-yuk) - 96px)); overflow-y: auto; overscroll-behavior: contain; padding: var(--b4) var(--b4) 0; border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--menu-zemin); box-shadow: var(--golge-2); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity var(--sure-orta) var(--egri), transform var(--sure-orta) var(--egri), visibility 0s linear var(--sure-orta); }
  .js .kesif-bolum.acik { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
  .js .kesif-bolum--genis { width: min(640px, calc(100vw - 2 * var(--kenar))); }
  .js .kesif-bolum--orta { width: min(520px, calc(100vw - 2 * var(--kenar))); }
  .js .kesif-bolum--sira { width: 300px; padding-bottom: var(--b2); }
  .js .kesif-bolum-ad { font-size: 15px; margin-bottom: var(--b3); }
  .js .kesif-bolum-alt { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: var(--b2); margin: var(--b4) calc(var(--b4) * -1) 0; padding: var(--b3) var(--b4); border-block-start: var(--k-ince) solid var(--cizgi); background: var(--menu-zemin); }
  .js .kesif-logolar { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); }
  .js .kesif-grup--kisa .kesif-logo:nth-child(n+13) { display: flex; }
  .js .kesif-grup-daha { display: none; }
}
@media (min-width: 1280px) {
  .kesif-acici--sira [data-kesif-sira-ad], .kesif-acici--sira .ikon-asagi { display: inline; }
  .kesif-acici--sira .ikon-asagi { display: block; }
}
@media (max-width: 1279px) and (min-width: 1024px) {
  .kesif-acici--sira { width: 40px; padding: 0; justify-content: center; }
}
html:not(.js) .kesif-sayfa { position: static; display: block; background: none; opacity: 1; visibility: visible; }
html:not(.js) .kesif-sayfa-ic { max-height: none; height: auto; border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); transform: none; box-shadow: none; }
html:not(.js) .kesif-sayfa-ust .modal-kapat, html:not(.js) .kesif-acicilar, html:not(.js) .kesif-sayfa-ac, html:not(.js) .kesif-acici--sira, html:not(.js) .kesif-mini-ara, html:not(.js) .kesif-sayfa-ust::before { display: none; }
html:not(.js) .kesif-arac { position: static; }

.kesif-saglayici { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--b2) var(--b4); align-items: center; padding: var(--b2) 0 var(--b8); }
.kesif-saglayici-logo img, .kesif-saglayici-logo .logo-harf { display: grid; width: 64px !important; height: 64px !important; border-radius: 22%; box-shadow: inset 0 0 0 1px var(--kart-cerceve); }
.kesif-saglayici-logo img { background: var(--zemin-3); }
.kesif-saglayici-metin { min-width: 0; }
.kesif-saglayici h1 { margin: 0 0 var(--b1); font-size: var(--yazi-36); overflow-wrap: anywhere; }
.kesif-saglayici-alt { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b1) var(--b2); margin: 0; color: var(--metin-2); font-size: 15px; }
.kesif-saglayici-alt .plaka { font-size: var(--yazi-12); }
.kesif-seritler-satir { display: flex; flex-wrap: wrap; gap: 6px; margin: var(--b3) 0 0; padding: 0; list-style: none; grid-column: 1 / -1; }
.kesif-serit-rozet { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 10px 0 var(--b2); border: var(--k-ince) solid var(--cizgi-2); border-radius: var(--r-yuvarlak); color: var(--metin-2); font-size: var(--yazi-13); font-weight: var(--ag-orta); }
.kesif-serit-rozet::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--serit-renk); }
.kesif-saglayici-eylem { display: flex; flex-wrap: wrap; gap: var(--b2); grid-column: 1 / -1; margin-top: var(--b2); }
.kesif-saglayici-eylem .dugme-ana { flex: 1 1 160px; }
.kesif-saglayici-eylem .dugme-cizgi { flex: 1 1 140px; }
.kesif-saglayici-eylem [aria-pressed="true"] .ikon { fill: currentColor; color: var(--ana-acik); }
@media (min-width: 568px) {
  .kesif-saglayici { grid-template-columns: 88px minmax(0, 1fr); }
  .kesif-saglayici-logo img, .kesif-saglayici-logo .logo-harf { width: 88px !important; height: 88px !important; }
}
@media (min-width: 800px) {
  .kesif-saglayici { grid-template-columns: 104px minmax(0, 1fr) auto; gap: var(--b2) var(--b6); padding-top: var(--b4); }
  .kesif-saglayici-logo { grid-row: span 2; align-self: start; }
  .kesif-saglayici-logo img, .kesif-saglayici-logo .logo-harf { width: 104px !important; height: 104px !important; }
  .kesif-seritler-satir { grid-column: 2; margin-top: 0; }
  .kesif-saglayici-eylem { grid-column: 3; grid-row: 1 / span 2; align-self: center; margin: 0; flex-wrap: nowrap; }
  .kesif-saglayici-eylem .dugme-ana, .kesif-saglayici-eylem .dugme-cizgi { flex: none; }
}
.kesif-ayrilan { margin: 0 0 var(--b10); }
.kesif-ayrilan .bos { align-items: flex-start; text-align: start; border-style: solid; border-color: var(--cizgi); background: var(--zemin-2); }
.kesif-ayrilan .bos p { margin: 0; }

.kesif-dizin-arac { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b3); margin: 0 0 var(--b6); }
.kesif-dizin-arac .kesif-mini-ara { flex: 1 1 240px; max-width: 360px; }
.kesif-dizin-arac .segment { flex: none; }
.kesif-dizin-arac .segment > button { min-height: 38px; }
.kesif-yalniz { display: inline-flex; align-items: center; gap: 10px; min-height: var(--dokunma); color: var(--metin-2); font-size: var(--yazi-14); font-weight: var(--ag-orta); cursor: pointer; }
.kesif-dizin-grup { margin: 0 0 var(--b10); }
.kesif-dizin-grup .bolum-ust small { color: var(--soluk); font: var(--ag-orta) var(--yazi-14)/1 var(--govde-yazi); font-variant-numeric: tabular-nums; }
.kesif-dizin { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.kesif-servis { position: relative; display: flex; }
.kesif-servis > a { display: flex; align-items: center; gap: var(--b3); flex: 1; min-width: 0; min-height: 76px; padding: 10px 56px 10px 10px; padding-inline: 10px 56px; border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-m); background: var(--zemin-2); color: var(--metin); transition: border-color var(--sure-hizli) var(--egri), background-color var(--sure-hizli) var(--egri); }
.kesif-servis > a:hover { border-color: var(--ana-cizgi); color: var(--metin); }
.kesif-servis > a:focus-visible { outline-offset: 2px; border-radius: var(--r-m); }
.kesif-servis img, .kesif-servis .logo-harf { width: 52px !important; height: 52px !important; flex: none; border-radius: 22%; box-shadow: inset 0 0 0 1px var(--kart-cerceve); }
.kesif-servis img { background: var(--zemin-3); }
.kesif-servis-metin { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kesif-servis-metin strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: var(--ag-kalin) 15px/1.25 var(--gosterim); overflow-wrap: anywhere; }
.kesif-servis-metin small { color: var(--soluk); font-size: var(--yazi-13); font-variant-numeric: tabular-nums; }
.kesif-noktalar { display: inline-flex; gap: 4px; margin-top: 3px; }
.kesif-noktalar i { width: 8px; height: 8px; border-radius: 50%; background: var(--serit-renk); }
.kesif-yildiz { position: absolute; top: 50%; inset-inline-end: 6px; display: grid; place-items: center; width: var(--dokunma); height: var(--dokunma); margin-top: -22px; padding: 0; border: 0; border-radius: var(--r-m); background: none; color: var(--soluk); transition: color var(--sure-hizli) var(--egri), background-color var(--sure-hizli) var(--egri), transform var(--sure-hizli) var(--egri); }
.kesif-yildiz:hover { background: var(--zemin-3); color: var(--metin); }
.kesif-yildiz:active { transform: scale(.92); }
.kesif-yildiz[aria-pressed="true"] { color: var(--ana-acik); }
.kesif-yildiz[aria-pressed="true"] .ikon { fill: currentColor; }
.kesif-yildiz .ikon { width: 20px; height: 20px; }
.kesif-dizin-kucuk { margin-top: var(--b3); }
.kesif-dizin-kucuk > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; min-height: var(--dokunma); color: var(--ana-acik); font-weight: var(--ag-kalin); font-size: var(--yazi-14); cursor: pointer; }
.kesif-dizin-kucuk > summary::-webkit-details-marker { display: none; }
.kesif-dizin-kucuk > summary .ikon { width: 16px; height: 16px; transition: transform var(--sure-orta) var(--egri); }
.kesif-dizin-kucuk[open] > summary .ikon { transform: rotate(180deg); }
.kesif-dizin-kucuk .kesif-dizin { margin-top: var(--b2); grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: var(--b2); }
.kesif-dizin-kucuk .kesif-servis > a { min-height: 60px; }
.kesif-dizin-kucuk .kesif-servis img, .kesif-dizin-kucuk .kesif-servis .logo-harf { width: 40px !important; height: 40px !important; }
.kesif-dizin-bos { display: none; }
.kesif-dizin-bos.goster { display: flex; }

.kesif-iz-ust { margin: 0; padding-top: var(--b5); }
.kesif-kisi { display: grid; grid-template-columns: 104px minmax(0, 1fr); grid-template-areas: "foto kimlik" "foto kunye" "ana ana"; gap: var(--b3) var(--b4); align-items: start; padding: var(--b4) 0 var(--b14); }
.kesif-kisi-yan { display: contents; }
.kesif-kisi-foto { grid-area: foto; display: block; width: 100%; height: auto; aspect-ratio: var(--oran-afis); object-fit: cover; border-radius: var(--r-m); background: var(--gorsel-zemin); }
.kesif-kisi-kunye { grid-area: kunye; align-self: start; }
.kesif-kisi-kimlik { grid-area: kimlik; align-self: end; min-width: 0; }
.kesif-kisi-kimlik h1 { margin: 0 0 var(--b2); font-size: var(--yazi-36); overflow-wrap: anywhere; }
.kesif-kisi-kimlik .rozet { min-height: 24px; padding-inline: var(--b2); font-size: var(--yazi-12); }
.kesif-kisi .kunye { grid-template-columns: max-content minmax(0, 1fr); gap: 6px var(--b3); font-size: var(--yazi-13); }
.kesif-kisi-ana { grid-area: ana; min-width: 0; margin-top: var(--b3); }
.kesif-kisi-bio { max-width: 72ch; margin: 0 0 var(--b1); color: var(--metin-2); white-space: pre-line; }
.kesif-kisi-bio.kirp { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.kesif-kisi-bio-ac { margin-bottom: var(--b2); }
.kesif-kisi-ana > .soluk { margin: 0; }
.kesif-kisi-ana .reklam-yuva { padding-inline: 0; }
.kesif-filmo-arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--b3); margin: var(--b8) 0 var(--b4); }
.kesif-filmo-arac h2 { margin: 0; }
.kesif-filmo-arac h2 small { color: var(--soluk); font: var(--ag-orta) var(--yazi-16)/1 var(--govde-yazi); font-variant-numeric: tabular-nums; }
.kesif-filmo-kontrol { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2); }
.kesif-filmo-kontrol .secim { min-height: 40px; font-size: var(--yazi-14); }
.kesif-filmo-kontrol .cip .sayi { color: var(--soluk); font-size: var(--yazi-12); }
.kesif-rol-kart { display: flex; flex-direction: column; min-width: 0; }
.kesif-rol { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-top: 2px; color: var(--soluk); font-size: var(--yazi-12); line-height: 1.35; overflow-wrap: anywhere; }
.kesif-rol-kart[hidden] { display: none; }
@media (min-width: 568px) {
  .kesif-kisi { grid-template-columns: 160px minmax(0, 1fr); gap: var(--b3) var(--b6); }
  .kesif-kisi .kunye { font-size: var(--yazi-14); }
}
@media (min-width: 1024px) {
  .kesif-kisi { grid-template-columns: 272px minmax(0, 1fr); grid-template-areas: "yan kimlik" "yan ana"; grid-template-rows: auto 1fr; gap: 0 var(--b12); padding-top: var(--b6); }
  .kesif-kisi-yan { grid-area: yan; display: block; position: sticky; top: calc(var(--ust-ofset, var(--ust-yuk)) + var(--b6)); transition: top var(--sure-yavas) var(--egri); }
  .kesif-kisi-foto { margin-bottom: var(--b5); border-radius: var(--r-l); }
  .kesif-kisi-foto--yok { width: 160px; }
  .kesif-kisi--fotosuz { grid-template-columns: 200px minmax(0, 1fr); }
  .kesif-kisi-kimlik { align-self: start; }
  .kesif-kisi-kimlik h1 { font-size: var(--yazi-48); }
  .kesif-kisi-ana { margin-top: var(--b4); }
}
@media (min-width: 1680px) { .kesif-kisi { grid-template-columns: 300px minmax(0, 1fr); } }

.kesif-ara-ust { padding: var(--b7) 0 var(--b8); }
.kesif-ara-ust h1 { margin-bottom: var(--b4); overflow-wrap: anywhere; }
.kesif-ara-ust .buyuk-ara { max-width: 760px; }
.kesif-sekmeler { margin: calc(var(--b2) * -1) 0 var(--b6); }
.kesif-sekmeler .sekme small { margin-inline-start: 2px; }
.kesif-ara-kisiler { margin: 0 0 var(--b8); }
.kesif-kisiler { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.kesif-kisi-satir { display: flex; align-items: center; gap: var(--b3); min-height: 72px; padding: var(--b2) var(--b3) var(--b2) var(--b2); padding-inline: var(--b2) var(--b3); border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-m); background: var(--zemin-2); color: var(--metin); transition: border-color var(--sure-hizli) var(--egri); }
.kesif-kisi-satir:hover { border-color: var(--ana-cizgi); color: var(--metin); }
.kesif-kisi-satir img { width: 52px; height: 52px; flex: none; border-radius: 50%; object-fit: cover; background: var(--gorsel-zemin); }
.kesif-kisi-satir span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kesif-kisi-satir strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: var(--ag-kalin) 15px/1.3 var(--gosterim); }
.kesif-kisi-satir small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--soluk); font-size: var(--yazi-13); }
.kesif-oneriler { margin: 0 0 var(--b10); }
.kesif-oneriler h2 { margin: 0 0 var(--b3); font-size: var(--yazi-18); }
.kesif-oneriler .cipler { gap: var(--b2); }
.kesif-oneriler .cip .ikon { color: var(--soluk); }
.kesif-logo-serit { display: flex; flex-wrap: wrap; gap: var(--b2); margin: 0; padding: 0; list-style: none; }
.kesif-logo-serit a { display: block; border-radius: 22%; transition: transform var(--sure-hizli) var(--egri); }
.kesif-logo-serit a:hover { transform: translateY(-2px); }
.kesif-logo-serit img, .kesif-logo-serit .logo-harf { display: grid; width: 48px !important; height: 48px !important; border-radius: 22%; box-shadow: inset 0 0 0 1px var(--kart-cerceve); }
.kesif-logo-serit img { background: var(--zemin-3); }

.kesif-tur-ust .iz { margin-bottom: var(--b2); }
.kesif-komsu { margin: 0 0 var(--b2); }
@media (min-width: 1024px) { .kesif-komsu .cipler-kaydir { margin-inline: 0; padding-inline: 0; } }

.seo-sayfa { padding-top: var(--b5); padding-bottom: var(--b12); }
.seo-ust { margin-bottom: var(--b6); }
.seo-ust h1 { margin: 0 0 10px; font-size: var(--yazi-48); line-height: var(--sh-baslik); }
.seo-ust p { max-width: 72ch; margin: 0; color: var(--metin-2); font-size: var(--yazi-16); line-height: var(--sh-govde); }
.seo-iz { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; margin: 0 0 var(--b3); padding: 0; list-style: none; color: var(--soluk); font-size: var(--yazi-13); }
.seo-iz li { display: inline-flex; align-items: center; gap: 6px; }
.seo-iz li + li::before { content: ""; width: 6px; height: 6px; border-block-start: 1.5px solid currentColor; border-inline-end: 1.5px solid currentColor; transform: rotate(45deg); opacity: .6; }
[dir="rtl"] .seo-iz li + li::before { transform: rotate(-45deg); }
.seo-iz a { display: inline-flex; align-items: center; min-height: var(--dokunma); color: var(--soluk); }
.seo-iz a:hover { color: var(--metin); }
.seo-bos { display: flex; flex-direction: column; align-items: center; gap: var(--b3); padding: var(--b10) var(--b5); border: var(--k-ince) dashed var(--cizgi-2); border-radius: var(--r-l); color: var(--metin-2); text-align: center; }
.seo-bos .ikon { width: 40px; height: 40px; color: var(--soluk); }
.seo-bos p { margin: 0; max-width: 52ch; }
.seo-baglar { margin-top: var(--b12); }
.seo-baglar h2 { margin: 0 0 var(--b3); font-size: var(--yazi-18); }
.seo-baglar ul { display: flex; flex-wrap: wrap; gap: var(--b2); margin: 0; padding: 0; list-style: none; }
.seo-baglar a { position: relative; display: inline-flex; align-items: center; gap: var(--b2); min-height: var(--dokunma); padding: 0 var(--b4); border: var(--k-ince) solid var(--cizgi-2); border-radius: var(--r-yuvarlak); color: var(--metin-2); font-size: var(--yazi-14); font-weight: var(--ag-orta); transition: border-color var(--sure-hizli) var(--egri), color var(--sure-hizli) var(--egri); }
.seo-baglar a:hover { border-color: var(--soluk); color: var(--metin); }
.seo-baglar a img, .seo-baglar a .logo-harf { width: 24px !important; height: 24px !important; margin-inline-start: -8px; border-radius: 22%; }
.seo-izgara { margin-top: var(--b2); }
.seo-kart-not { position: absolute; inset-inline-start: 6px; top: 6px; z-index: 1; padding: 4px 7px 2px; border-radius: var(--r-xs); background: rgba(10, 14, 22, .78); color: #FFFFFF; font: var(--ag-agir) 11px/1.2 var(--gosterim); font-variant-numeric: tabular-nums; }
.seo-kart-not--ucretsiz { background: var(--serit-free); color: var(--ucretsiz-uzeri); }
.seo-kart-not--yeni { background: var(--ana); color: var(--ana-uzeri); }
.seo-kart-not--gidiyor { background: var(--hata); color: #FFFFFF; }
@container kart (min-width: 190px) { .seo-kart-not { inset-inline-start: var(--b2); top: var(--b2); } }

.kesif-yazi { max-width: var(--kap-dar); padding: var(--b8) 0 var(--b14); color: var(--metin-2); font-size: var(--yazi-16); line-height: var(--sh-uzun); }
.kesif-yazi > .iz { margin-bottom: var(--b4); }
.kesif-yazi h1 { margin: 0 0 var(--b3); color: var(--metin); }
.kesif-yazi-tarih { margin: 0 0 var(--b8); padding-bottom: var(--b5); border-block-end: var(--k-ince) solid var(--cizgi); color: var(--soluk); font-size: var(--yazi-14); }
.kesif-yazi-govde { overflow-wrap: break-word; }
.kesif-yazi-govde > :first-child { margin-top: 0; }
.kesif-yazi-govde h2 { margin: 2em 0 .6em; color: var(--metin); font-size: var(--yazi-22); line-height: 1.25; scroll-margin-top: calc(var(--ust-yuk) + var(--b4)); }
.kesif-yazi-govde h3 { margin: 1.6em 0 .5em; color: var(--metin); font-size: var(--yazi-18); line-height: 1.3; }
.kesif-yazi-govde h4 { margin: 1.4em 0 .4em; color: var(--metin); }
.kesif-yazi-govde p { margin: 0 0 1.1em; }
.kesif-yazi-govde ul, .kesif-yazi-govde ol { margin: 0 0 1.2em; padding-inline-start: 1.4em; }
.kesif-yazi-govde li { margin-bottom: .45em; padding-inline-start: .2em; }
.kesif-yazi-govde li::marker { color: var(--soluk); }
.kesif-yazi-govde strong { color: var(--metin); }
.kesif-yazi-govde a { color: var(--ana-acik); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.kesif-yazi-govde a:hover { text-decoration-thickness: 2px; }
.kesif-yazi-govde blockquote { margin: 1.4em 0; padding: var(--b2) var(--b5); border-inline-start: 3px solid var(--ana); color: var(--metin); }
.kesif-yazi-govde hr { margin: 2.2em 0; }
.kesif-yazi-govde code { padding: 1px 6px; border-radius: var(--r-xs); background: var(--zemin-3); font-size: .9em; }
.kesif-yazi-govde table { width: 100%; margin: 0 0 1.4em; border-collapse: collapse; font-size: var(--yazi-14); line-height: var(--sh-govde); }
.kesif-yazi-govde th, .kesif-yazi-govde td { padding: 10px var(--b3); border-block-end: var(--k-ince) solid var(--cizgi); text-align: start; vertical-align: top; }
.kesif-yazi-govde th { color: var(--metin); font-weight: var(--ag-kalin); }
.kesif-yazi-tablo { overflow-x: auto; }
.kesif-yazi-dizin { margin: 0 0 var(--b8); padding: var(--b4) var(--b5); border: var(--k-ince) solid var(--cizgi); border-radius: var(--r-l); background: var(--zemin-2); }
.kesif-yazi-dizin h2 { margin: 0 0 var(--b2); color: var(--metin); font-size: var(--yazi-14); }
.kesif-yazi-dizin ol { margin: 0; padding-inline-start: 1.3em; font-size: var(--yazi-14); line-height: var(--sh-govde); }
.kesif-yazi-dizin a { display: inline-flex; min-height: 32px; align-items: center; color: var(--metin-2); text-decoration: none; }
.kesif-yazi-dizin a:hover { color: var(--ana-acik); }

.kesif-yardim-kap { padding-bottom: var(--b14); }
.kesif-yardim-ust { max-width: var(--kap-dar); padding: var(--b8) 0 var(--b4); }
.kesif-yardim-ust h1 { margin-bottom: var(--b4); }
.kesif-yardim-ust .buyuk-ara { margin-bottom: var(--b3); }
.kesif-yardim-ust p { margin: 0; color: var(--metin-2); }
.kesif-yardim-izgara { display: grid; gap: var(--b8); }
.kesif-yardim-konular { display: flex; flex-wrap: wrap; gap: var(--b2); margin-bottom: var(--b8); }
.kesif-yardim-bolum { scroll-margin-top: calc(var(--ust-yuk) + var(--b4)); }
.kesif-yardim-bolum + .kesif-yardim-bolum { margin-top: var(--b8); }
.kesif-yardim-bolum h2 { margin: 0 0 var(--b2); font-size: var(--yazi-22); }
.kesif-sss details { border-block-end: var(--k-ince) solid var(--cizgi); }
.kesif-sss details:first-of-type { border-block-start: var(--k-ince) solid var(--cizgi); }
.kesif-sss summary { display: flex; align-items: center; justify-content: space-between; gap: var(--b3); min-height: 56px; padding: var(--b3) 0; color: var(--metin); font: var(--ag-kalin) var(--yazi-16)/1.4 var(--gosterim); cursor: pointer; list-style: none; transition: color var(--sure-hizli) var(--egri); }
.kesif-sss summary:hover { color: var(--ana-acik); }
.kesif-sss summary::-webkit-details-marker { display: none; }
.kesif-sss summary::after { content: ""; flex: none; width: 8px; height: 8px; margin-inline-end: 6px; border-block-end: 2px solid var(--soluk); border-inline-end: 2px solid var(--soluk); transform: rotate(45deg); transition: transform var(--sure-orta) var(--egri); }
.kesif-sss details[open] summary::after { transform: rotate(-135deg); }
.kesif-sss .kesif-sss-yanit { padding: 0 0 var(--b5); color: var(--metin-2); line-height: var(--sh-uzun); max-width: 72ch; }
.kesif-sss mark { padding: 0 2px; border-radius: 3px; background: var(--ana-yumusak); color: inherit; }
.kesif-yardim-destek { align-self: start; }
.kesif-yardim-destek h2 { font-size: var(--yazi-18); }
.kesif-yardim-destek p { color: var(--metin-2); }
.kesif-yardim-destek .dugme { width: 100%; }
.kesif-yardim-destek .kesif-eposta { display: block; margin-top: var(--b3); color: var(--soluk); font-size: var(--yazi-14); overflow-wrap: anywhere; }
.kesif-yardim-baglar { display: grid; gap: 2px; margin: var(--b4) 0 0; padding: var(--b4) 0 0; border-block-start: var(--k-ince) solid var(--cizgi); list-style: none; }
.kesif-yardim-baglar a { display: flex; align-items: center; min-height: var(--dokunma); color: var(--metin-2); font-size: var(--yazi-14); }
.kesif-yardim-baglar a:hover { color: var(--ana-acik); }
@media (min-width: 1100px) {
  .kesif-yardim-izgara { grid-template-columns: minmax(0, 1fr) 320px; gap: var(--b12); }
  .kesif-yardim-destek { position: sticky; top: calc(var(--ust-ofset, var(--ust-yuk)) + var(--b6)); transition: top var(--sure-yavas) var(--egri); }
}

@media (prefers-reduced-motion: reduce) {
  .kesif-izgara.giris > .kart { animation: none; }
}
.kesif-alt { height: var(--b14); }
.kesif-ara-bos-ray { margin-top: var(--b10); }
.kesif-ara-kisiler .bolum-ust, .kesif-oneriler .bolum-ust { margin-bottom: var(--b3); }
.kesif-ara-kisiler + .bolum-ust { margin-top: var(--b2); }
@media (min-width: 1100px) {
  .kesif-yazi.dizinli { display: grid; grid-template-columns: minmax(0, var(--kap-dar)) 260px; column-gap: var(--b12); max-width: calc(var(--kap-dar) + 260px + var(--b12)); }
  .kesif-yazi.dizinli > * { grid-column: 1; }
  .kesif-yazi.dizinli > .kesif-yazi-govde { grid-row: 4; }
  .kesif-yazi.dizinli > .kesif-yazi-dizin { grid-column: 2; grid-row: 4; align-self: start; position: sticky; top: calc(var(--ust-ofset, var(--ust-yuk)) + var(--b6)); transition: top var(--sure-yavas) var(--egri); margin: 0; padding: 0 0 0 var(--b5); padding-inline: var(--b5) 0; border: 0; border-inline-start: var(--k-ince) solid var(--cizgi); border-radius: 0; background: none; }
  .kesif-yazi.dizinli > .kesif-yazi-dizin ol { list-style: none; padding: 0; }
}
.kesif-yazi-dizin a[aria-current="true"] { color: var(--metin); font-weight: var(--ag-kalin); }
@media (min-width: 1100px) {
  .kesif-yazi.dizinli > .kesif-yazi-dizin li { position: relative; }
  .kesif-yazi.dizinli > .kesif-yazi-dizin a[aria-current="true"]::before { content: ""; position: absolute; inset-inline-start: calc(var(--b5) * -1 - 1px); top: 6px; bottom: 6px; width: 2px; border-radius: 2px; background: var(--ana); }
}
@media (min-width: 568px) and (max-width: 1023px) {
  .kesif-acici--sira { width: auto; padding-inline: var(--b3) 10px; }
  .kesif-acici--sira [data-kesif-sira-ad] { display: inline; }
  .kesif-acici--sira .ikon-asagi { display: block; }
}
@media (min-width: 1024px) { .kesif-kisi.kesif-kisi--fotosuz { grid-template-columns: 200px minmax(0, 1fr); } }