:root {
  --cz-r1: #ffc700; --cz-r2: #72c9d8; --cz-r3: #da7e98; --cz-r4: #abdb5e;
  --cz-r5: #d9a05d; --cz-r6: #a672a9; --cz-r7: #7fb3ff; --cz-r8: #e7e7e7;
  --cz-yuzey3: #262c31;
  --cz-uyari: #ffae00; --cz-uyari-zemin: rgba(255, 174, 0, .16);
  --cz-golge: 0 4px 4px rgba(0, 0, 0, .3), 0 8px 12px 6px rgba(0, 0, 0, .15);
  --cz-ust: 80px;
}
:root[data-bs-theme="light"] {
  --cz-r1: #c99a00; --cz-r2: #0b7a7c; --cz-r3: #b03a62; --cz-r4: #3d7a0b;
  --cz-r5: #a0611a; --cz-r6: #7a4d8a; --cz-r7: #2458b8; --cz-r8: #4a5560;
  --cz-yuzey3: #e3e8ec;
  --cz-uyari: #9a6400; --cz-uyari-zemin: rgba(154, 100, 0, .12);
  --cz-golge: 0 8px 24px rgba(15, 19, 22, .18);
}

.ky-bas {
  background: radial-gradient(70% 120% at 0% 0%, rgba(255, 199, 0, .08), transparent 55%), linear-gradient(180deg, var(--ucuz-panel), var(--ucuz-dark));
  border-bottom: 1px solid var(--ucuz-border);
}
.ky-bas-ic { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 48px; padding-top: 40px; padding-bottom: 52px; }
.ky-bas-yazi { display: grid; justify-items: start; gap: 18px; min-width: 0; }
.ky-bas .yol { padding: 0; }
.ky-bas .yol ol { max-width: none; margin: 0; padding: 0; }
.ky-bas .yol li:last-child { display: none; }
.ky-baslik {
  margin: 0; color: var(--ucuz-metin); letter-spacing: -.03em; text-wrap: balance;
  font: 850 clamp(calc(var(--px) * 24), 3vw, calc(var(--px) * 28))/1.08 var(--yt-baslik);
}
@media (min-height: 961px) { .ky-baslik { font-size: clamp(calc(var(--px) * 30), 5vw, calc(var(--px) * 44)); } }
.ky-ozet { margin: 0; font-size: calc(var(--px) * 19); line-height: calc(var(--px) * 30); color: var(--ucuz-sonuk); }
.ky-yazar { display: flex; align-items: center; gap: 12px; line-height: calc(var(--px) * 24); }
.ky-yazar-simge { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border: 1px solid var(--ucuz-border); border-radius: 50%; background: var(--ucuz-yukselti); }
.ky-yazar-simge img { width: 26px; height: auto; }
.ky-yazar b { display: block; font-size: calc(var(--px) * 15); line-height: calc(var(--px) * 24); color: var(--ucuz-metin); }
.ky-yazar-alt { font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk3); }
.ky-kapak { aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid var(--ucuz-border); border-radius: 22px; background: var(--ucuz-yukselti); box-shadow: 0 30px 60px rgba(0, 0, 0, .45); }
.ky-kapak img { display: block; width: 100%; height: 100%; object-fit: cover; }

.ky-govde { display: grid; grid-template-columns: minmax(0, 760px) 340px; justify-content: space-between; gap: 48px; padding-top: 48px; }
.ky-ana { min-width: 0; }
.ky-ray { position: sticky; top: calc(var(--ust-gorunen, var(--cz-ust)) + 24px); align-self: start; display: grid; gap: 18px; transition: top .22s ease-out; }
@media (prefers-reduced-motion: reduce) { .ky-ray { transition: none; } }
.ky-kutu { display: grid; gap: 14px; padding: 20px; border: 1px solid var(--ucuz-border); border-radius: 18px; background: var(--ucuz-panel); line-height: calc(var(--px) * 24); }
.ky-kutu-baslik { font-size: calc(var(--px) * 12); font-weight: 700; line-height: calc(var(--px) * 24); letter-spacing: .1em; text-transform: uppercase; color: var(--ucuz-sonuk); }
.ky-icerik { gap: 2px; max-height: 60vh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--ucuz-border) transparent; font-size: calc(var(--px) * 14); }
.ky-icerik .ky-kutu-baslik { margin-bottom: 8px; }
.ky-icerik a { padding: 6px 0 6px 14px; border-left: 2px solid var(--ucuz-border); color: var(--ucuz-sonuk3); line-height: calc(var(--px) * 20); text-decoration: none; transition: color .15s ease-out, border-color .15s ease-out; }
.ky-icerik a:hover { color: var(--ucuz-metin); }
.ky-icerik a.is-on { color: var(--ucuz-metin); border-left-color: var(--ucuz-gold); }

.ky-fiyat { background: radial-gradient(120% 100% at 100% 0%, rgba(11, 125, 68, .22), transparent 60%), var(--ucuz-panel); color: inherit; text-decoration: none; transition: border-color .15s ease-out; }
.ky-fiyat:hover { border-color: var(--ucuz-border-guc); color: inherit; text-decoration: none; }
.ky-fiyat-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.ky-fiyat-sv { font-size: calc(var(--px) * 17); font-weight: 700; color: var(--ucuz-metin); }
.ky-fiyat-saat { display: inline-flex; align-items: center; gap: 6px; font-size: calc(var(--px) * 12); color: var(--ucuz-green-yazi); white-space: nowrap; }
.ky-fiyat-saat::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--ucuz-green-yazi); box-shadow: 0 0 0 4px var(--ucuz-green-zayif); }
.ky-fiyat-sayi { font: 800 calc(var(--px) * 54)/1 var(--yt-ekran); letter-spacing: .01em; font-variant-numeric: tabular-nums; color: var(--ucuz-metin); }
.ky-fiyat-sayi small { margin-left: 4px; font: 600 calc(var(--px) * 18) var(--yt-metin); color: var(--ucuz-sonuk); }
.ky-fiyat-alt { font-size: calc(var(--px) * 14); color: var(--ucuz-sonuk); }
.ky-fiyat-alt b { color: var(--ucuz-metin); }
.ky-daha { display: inline-flex; align-items: center; gap: 6px; font-size: calc(var(--px) * 15); font-weight: 600; color: var(--ucuz-gold-yazi); }
.ky-daha svg { width: 16px; height: 16px; transition: transform .15s ease-out; }
.ky-fiyat:hover .ky-daha svg { transform: translateX(3px); }

.ky-paylas { display: flex; flex-wrap: wrap; gap: 8px; }
.ky-paylas a, .ky-paylas button { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--ucuz-border); border-radius: var(--r-md); background: var(--ucuz-panel); color: var(--ucuz-sonuk); cursor: pointer; transition: color .15s ease-out, border-color .15s ease-out; }
.ky-paylas a:hover, .ky-paylas button:hover { color: var(--ucuz-metin); border-color: var(--ucuz-border-guc); }
.ky-paylas svg { width: 17px; height: 17px; }
.ky-paylas button.is-tamam { color: var(--ucuz-green-yazi); border-color: var(--ucuz-green-yazi); }

.ky-yazi { max-width: 640px; color: var(--ucuz-metin2); font-size: calc(var(--px) * 17); line-height: 1.75; }
.ky-yazi > * { margin: 0; }
.ky-yazi > * + * { margin-top: 18px; }
.ky-yazi h2 { margin-top: 56px; color: var(--ucuz-metin); font: 700 calc(var(--px) * 26)/1.25 var(--yt-baslik); letter-spacing: -.015em; text-wrap: balance; scroll-margin-top: calc(var(--cz-ust) + 24px); }
.ky-yazi h3 { margin-top: 36px; color: var(--ucuz-metin); font: 650 calc(var(--px) * 20)/1.35 var(--yt-baslik); letter-spacing: normal; text-wrap: balance; scroll-margin-top: calc(var(--cz-ust) + 24px); }
.ky-yazi h2 + *, .ky-yazi h3 + * { margin-top: 12px; }
.ky-yazi a { color: var(--ucuz-gold-yazi); text-decoration: underline 1px; text-decoration-color: color-mix(in srgb, currentColor 45%, transparent); text-underline-offset: 3px; transition: text-decoration-color .15s ease-out; }
.ky-yazi a:hover { text-decoration-color: currentColor; }
.ky-yazi strong { color: var(--ucuz-metin); font-weight: 600; }
.ky-yazi ul { display: grid; gap: 8px; padding-left: 0; list-style: none; }
.ky-yazi ul li { position: relative; padding-left: 22px; }
.ky-yazi ul li::before { content: ''; position: absolute; top: calc(.875em - 3px); left: 4px; width: 6px; height: 6px; border-radius: 50%; background: var(--ucuz-sonuk3); }
.ky-tablo-kap { overflow-x: auto; border: 1px solid var(--ucuz-border); border-radius: 14px; }
.ky-tablo { width: 100%; border-collapse: collapse; font-size: calc(var(--px) * 15); line-height: calc(var(--px) * 22); font-variant-numeric: tabular-nums; }
.ky-tablo th { padding: 10px 16px; background: var(--ucuz-yukselti); color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); font-weight: 600; text-align: left; white-space: nowrap; }
.ky-tablo td { padding: 10px 16px; border-top: 1px solid var(--ucuz-border); }

.ky-ilgili { margin: 64px 0 72px; padding: 56px 0 72px; border-top: 1px solid var(--ucuz-border); }
.ky-ilgili h2 { margin: 0 0 24px; color: var(--ucuz-metin); font: 750 calc(var(--px) * 24)/1 var(--yt-baslik); letter-spacing: normal; }
.ky-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 24px; }
.ky-kart { display: grid; align-content: start; min-width: 0; color: inherit; text-decoration: none; }
.ky-kart:hover { color: inherit; text-decoration: none; }
.ky-kart-kapak { aspect-ratio: 16 / 10; overflow: hidden; border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-yukselti); }
.ky-kart-kapak img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.ky-kart:hover .ky-kart-kapak img { transform: scale(1.035); }
.ky-kart-govde { display: grid; gap: 10px; min-width: 0; padding: 16px 2px 0; }
.ky-kart h3 { margin: 0; color: var(--ucuz-metin); font: 650 calc(var(--px) * 19)/calc(var(--px) * 26) var(--yt-baslik); letter-spacing: -.01em; text-wrap: balance; transition: color .15s ease-out; }
.ky-kart:hover h3 { color: var(--ucuz-gold-yazi); }
.ky-kart p { display: -webkit-box; margin: 0; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: calc(var(--px) * 15); line-height: calc(var(--px) * 23); color: var(--ucuz-sonuk); }
.ky-kart-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: calc(var(--px) * 13); color: var(--ucuz-sonuk3); }
.ky-kart-meta i { width: 3px; height: 3px; border-radius: 50%; background: var(--ucuz-pasif); }

@media (max-width: 1000px) {
  .ky-bas-ic { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-top: 24px; }
  .ky-kapak { aspect-ratio: 16 / 9; order: -1; }
  .ky-govde { grid-template-columns: minmax(0, 1fr); }
  .ky-ray { position: static; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
  .ky-icerik { display: none; }
}
@media (max-width: 960px) { .ky-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  :root { --cz-ust: 64px; }
  .ky-kapak { border-radius: 16px; }
  .ky-izgara { grid-template-columns: minmax(0, 1fr); }
  .ky-yazi { font-size: calc(var(--px) * 16); }
  .ky-yazi > * + * { margin-top: 16px; }
  .ky-yazi h2 { margin-top: 44px; font-size: calc(var(--px) * 22); }
  .ky-yazi h3 { margin-top: 30px; font-size: calc(var(--px) * 18); }
  .ky-yazi h2 + *, .ky-yazi h3 + * { margin-top: 10px; }
}

.kh-sayfa .sayfa-basi { margin-bottom: 14px; }
.kh-giris { max-width: 70ch; margin: 0 0 78px; color: var(--ucuz-metin); font-size: calc(var(--px) * 17); line-height: calc(var(--px) * 29); }
.kh-giris a { color: var(--ucuz-gold-yazi); text-decoration: underline; text-decoration-color: var(--ucuz-gold-cizgi); text-underline-offset: 3px; }
.kh-giris a:hover { text-decoration-color: currentColor; }

.cz { display: grid; grid-template-columns: minmax(0, 1fr); gap: 30px; min-width: 0; margin-bottom: calc(104px - 1.5rem); }
.cz h2, .cz h3, .cz h4, .cz p, .cz ol, .cz ul { margin: 0; }

.cz-sayilar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 30px; }
.cz-sayi-kart { display: grid; align-content: start; gap: 4px; min-width: 0; padding: 20px 24px; border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel); }
.cz-sayi-deger { color: var(--ucuz-gold-yazi); font: 500 calc(var(--px) * 30)/calc(var(--px) * 36) var(--yt-sayi); font-variant-numeric: tabular-nums; }
.cz-sayi-et { color: var(--ucuz-metin); font-size: calc(var(--px) * 14); font-weight: 500; line-height: calc(var(--px) * 20); }
.cz-sayi-alt { color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 16); }

.cz-kart { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; min-width: 0; }
.cz-araclar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.cz-araclar > * { min-width: 0; }
.cz-ara { position: relative; flex: 1 1 260px; max-width: 380px; }
.cz-ara-kutu { position: relative; display: block; margin: 0; }
.cz-ara-kutu > svg { position: absolute; top: 14px; left: 15px; width: 20px; height: 20px; color: var(--ucuz-sonuk); pointer-events: none; }
.cz-ara .giris { padding-left: 45px; font-size: calc(var(--px) * 15); font-weight: 400; }
.cz-sonuclar { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 20; margin: 0; padding: 6px; list-style: none; border: 1px solid var(--ucuz-border-guc); border-radius: var(--r-lg); background: var(--ucuz-panel); box-shadow: var(--cz-golge); }
.cz-sonuclar[hidden] { display: none; }
.cz-secenek { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 10px; border-radius: var(--r-md); cursor: pointer; }
.cz-secenek span { display: inline-flex; align-items: center; gap: 8px; color: var(--ucuz-metin); font-weight: 600; }
.cz-secenek small { color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 12); white-space: nowrap; }
.cz-secenek.is-aktif { background: var(--ucuz-yukselti); }
.cz-secenek.is-bos { color: var(--ucuz-sonuk); cursor: default; }
.cz-secenek i, .cz-ipucu-bas i, .cz-p-baslik i { flex: none; width: 8px; height: 8px; border-radius: 50%; }

.cz-filtre-kap, .cz-filtre-pencere, .cz-filtre-govde { display: contents; }
.cz-filtre-ac, .cz-filtre-ust, .cz-filtre-alt, .cz-filtre-baslik { display: none; }
.cz-araclar .ikili { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.cz-araclar .ikili::-webkit-scrollbar { display: none; }
.cz-araclar .ikili > button { flex: none; padding: 0 12px; font-size: calc(var(--px) * 14); }
.cz-gorunum { margin-left: auto; }
.cz-filtre-sayi { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--r-tam); background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font-size: calc(var(--px) * 12); font-weight: 600; }
.cz-filtre-sayi[hidden] { display: none; }

.cz-hizli { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cz-hizli-et { margin-right: 4px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 24); }

.cz-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.cz-cip { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border: 1px solid var(--ucuz-border); border-radius: var(--r-md); background: var(--ucuz-yukselti); color: var(--ucuz-metin); font: 600 calc(var(--px) * 13)/1 var(--yt-metin); white-space: nowrap; cursor: pointer; transition: border-color .15s ease-out, background-color .15s ease-out; }
.cz-cip:hover { border-color: var(--ucuz-border-guc); background: var(--cz-yuzey3); }
.cz-cip i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--c); }
.cz-cip small { color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 12); font-weight: 500; font-variant-numeric: tabular-nums; }

.cz-govde { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 24px; }
.cz-ana { min-width: 0; }
.cz-harita-kap { overflow: auto hidden; overscroll-behavior-x: contain; border-radius: var(--r-md); }
.cz-harita-ic { position: relative; width: max-content; }
.cz-agac { display: none; grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); align-items: start; gap: 28px 32px; }
.cz[data-gorunum] .cz-agac:not([hidden]) { display: grid; }
.cz-harita-kap[hidden], .cz-gosterge[hidden] { display: none; }
@media (max-width: 759px) {
  .cz:not([data-gorunum]) .cz-harita-kap, .cz:not([data-gorunum]) .cz-gosterge { display: none; }
  .cz:not([data-gorunum]) .cz-agac { display: grid; }
}

.cz-gosterge { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--ucuz-border); color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 24); }
.cz-gosterge span { display: inline-flex; align-items: center; gap: 8px; }
.cz-gosterge svg { flex: none; width: 26px; height: 14px; }
.cz-gosterge .cz-gosterge-not { margin-left: auto; color: var(--ucuz-sonuk3); }

.cz-svg { display: block; font-family: var(--yt-metin); -webkit-user-select: none; user-select: none; }
.cz-izgara { stroke: var(--ucuz-border); stroke-width: 1px; }
.cz-yil { fill: var(--ucuz-sonuk3); text-anchor: middle; font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; }
.cz-olay { fill: var(--ucuz-sonuk); }
.cz-olay-et { fill: var(--ucuz-sonuk); font-size: 11px; font-weight: 600; }
.cz-simdi { stroke: var(--ucuz-sonuk); stroke-width: 1px; stroke-dasharray: 3 4; }
.cz-simdi-et { fill: var(--ucuz-metin); text-anchor: end; }
.cz-ayrac { stroke: var(--ucuz-border-guc); stroke-width: 1px; }
.cz-aile { fill: var(--ucuz-sonuk); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; paint-order: stroke; stroke: var(--ucuz-panel); stroke-width: 4px; stroke-linejoin: round; }
.cz-hat { cursor: pointer; outline: none; transition: opacity .15s ease-out; }
.cz-dokun { fill: none; stroke: transparent; stroke-width: 14px; pointer-events: stroke; }
.cz-cizgi { fill: none; stroke: var(--c); stroke-width: 3px; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; transition: stroke-width .15s ease-out; }
.cz-hat.is-yakin .cz-cizgi { stroke-dasharray: 2 6; }
.cz-hat:hover .cz-cizgi, .cz-hat:focus-visible .cz-cizgi, .cz-hat.is-sec .cz-cizgi { stroke-width: 4.5px; }
.cz-hat:focus-visible .cz-dokun { stroke: var(--ucuz-gold-cizgi); stroke-width: 10px; stroke-linecap: round; }
.cz-isaret { cursor: pointer; transition: opacity .15s ease-out; }
.cz-nokta { fill: var(--c); stroke: var(--ucuz-panel); stroke-width: 2px; }
.cz-nokta.is-yakin { fill: var(--ucuz-panel); stroke: var(--c); stroke-dasharray: 2 2; }
.cz-halka { fill: var(--ucuz-panel); stroke: var(--c); stroke-width: 2.5px; }
.cz-katil { fill: var(--ucuz-panel); stroke: var(--c); stroke-width: 2px; }
.cz-canli { fill: var(--c); }
.cz-hale { fill: var(--c); opacity: .22; transform-box: fill-box; transform-origin: center; animation: cz-nabiz 2.4s ease-in-out infinite; }
.cz-ad { fill: var(--ucuz-metin); font-size: 11.5px; font-weight: 600; paint-order: stroke; stroke: var(--ucuz-panel); stroke-width: 4px; stroke-linejoin: round; }
.cz-isaret.is-sec .cz-ad { font-weight: 700; }
.cz-svg.has-sec .cz-hat:not(.is-on), .cz-svg.has-sec .cz-isaret:not(.is-on) { opacity: .14; }
.cz-kilavuz { stroke: var(--ucuz-gold); stroke-width: 1px; opacity: .55; pointer-events: none; }
@keyframes cz-nabiz { 0%, 100% { transform: scale(.75); opacity: .32; } 50% { transform: scale(1.3); opacity: .08; } }
@media (prefers-reduced-motion: reduce) { .cz-hale { animation: none; } }

.cz-ipucu { position: absolute; top: 0; left: 0; z-index: 10; width: max-content; max-width: 280px; padding: 10px 12px; border: 1px solid var(--ucuz-border-guc); border-radius: var(--r-lg); background: var(--ucuz-panel); box-shadow: var(--cz-golge); color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 18); pointer-events: none; }
.cz-ipucu[hidden] { display: none; }
.cz .cz-ipucu p { margin: 4px 0 0; }
.cz-ipucu-bas { display: flex; align-items: center; gap: 8px; color: var(--ucuz-metin); font-size: calc(var(--px) * 14); font-weight: 600; }
.cz-ipucu-bas .cz-rozet { margin-left: auto; }
.cz-ipucu-alt { color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 12); }
.cz-ipucu-satir { display: flex; justify-content: space-between; gap: 24px; margin-top: 2px; color: var(--ucuz-metin); }
.cz-ipucu-satir b { font-variant-numeric: tabular-nums; }

.cz-rozet { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: var(--r-md); background: var(--ucuz-yukselti); color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 12); font-weight: 700; line-height: calc(var(--px) * 16); letter-spacing: .02em; text-transform: uppercase; }
.cz-rozet.is-acik { background: var(--ucuz-green-zayif); color: var(--ucuz-green-yazi); }
.cz-rozet.is-yakin { background: var(--cz-uyari-zemin); color: var(--cz-uyari); }

.cz-panel { display: grid; align-content: start; gap: 12px; min-width: 0; color: var(--ucuz-metin); }
.cz-p-ust { display: flex; justify-content: space-between; align-items: center; }
.cz-p-geri { padding: 0; border: 0; background: none; color: var(--ucuz-sonuk); font: 500 calc(var(--px) * 13)/calc(var(--px) * 20) var(--yt-metin); cursor: pointer; }
.cz-p-geri:hover { color: var(--ucuz-metin); }
.cz-p-kapat { display: none; justify-content: center; align-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid var(--ucuz-border); border-radius: var(--r-tam); background: var(--ucuz-yukselti); color: var(--ucuz-metin); cursor: pointer; }
.cz-p-baslik { display: flex; align-items: center; gap: 10px; color: var(--ucuz-metin); font: 600 calc(var(--px) * 24)/calc(var(--px) * 32) var(--yt-baslik); letter-spacing: normal; }
.cz-p-baslik i { width: 12px; height: 12px; }
.cz-rozetler { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; line-height: calc(var(--px) * 24); }
.cz-yillar { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 12); font-weight: 600; font-variant-numeric: tabular-nums; }
.cz-p-giris { font-size: calc(var(--px) * 15); line-height: calc(var(--px) * 22); }
.cz-p-not { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 20); }
.cz .cz-p-ara { display: flex; align-items: center; gap: 8px; margin-top: 8px; color: var(--ucuz-sonuk3); font: 700 calc(var(--px) * 12)/calc(var(--px) * 16) var(--yt-metin); letter-spacing: .02em; text-transform: uppercase; }
.cz-sayi { padding: 0 6px; border-radius: var(--r-tam); background: var(--ucuz-gold-zayif); color: var(--ucuz-gold-yazi); font-variant-numeric: tabular-nums; }
.cz-p-kucuk { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 18); }
.cz-p-son { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 24); }
.cz-p-son b { color: var(--ucuz-metin); }
.cz .cz-yol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0; list-style: none; }
.cz-yol li { display: inline-flex; align-items: center; gap: 6px; }
.cz-yol li + li::before { content: '→'; color: var(--ucuz-sonuk3); }
.cz .cz-satirlar { display: grid; gap: 6px; padding: 0; list-style: none; }
.cz-satirlar li { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 24); }

.cz-grup { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; min-width: 0; }
.cz-grup-bas { display: flex; align-items: center; gap: 8px; color: var(--ucuz-sonuk); font: 700 calc(var(--px) * 12)/calc(var(--px) * 16) var(--yt-metin); letter-spacing: .04em; text-transform: uppercase; }
.cz-grup-bas i { width: 14px; height: 4px; border-radius: 2px; }
.cz .cz-dal, .cz .cz-dal ul { margin: 0; padding: 0; list-style: none; }
.cz .cz-dal ul { margin-left: 9px; padding-left: 16px; border-left: 1px solid var(--ucuz-border-guc); }
.cz-dal li { position: relative; padding: 3px 0; }
.cz-dal ul > li::before { content: ''; position: absolute; top: 18px; left: -16px; width: 12px; border-top: 1px solid var(--ucuz-border-guc); }
.cz-dugum { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 4px 8px; border: 1px solid transparent; border-radius: var(--r-md); background: none; color: var(--ucuz-metin); font: inherit; line-height: calc(var(--px) * 24); text-align: left; cursor: pointer; transition: background-color .15s ease-out, border-color .15s ease-out; }
.cz-dugum::before { content: ''; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--c); }
.cz-dugum:hover { background: var(--ucuz-yukselti); }
.cz-dugum.is-sec { border-color: var(--ucuz-gold); background: var(--ucuz-gold-zayif); }
.cz-dugum-ad { font-size: calc(var(--px) * 14); font-weight: 600; }
.cz-dugum-yil { color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 12); font-variant-numeric: tabular-nums; }
.cz-dugum.is-sec .cz-dugum-yil { color: var(--ucuz-sonuk); }
.cz-dugum-not { display: block; padding: 0 8px 2px 25px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 18); }

.cz-alt { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); align-items: start; gap: 30px; }
.kh-sayfa .cz-alt .ic-kart-baslik { margin: 0; line-height: calc(var(--px) * 28); }
.cz .cz-alt-not { margin-top: 6px; color: var(--ucuz-sonuk); }
.cz .cz-olaylar { display: grid; margin-top: 16px; padding: 0; list-style: none; }
.cz-olaylar li { display: grid; grid-template-columns: 136px minmax(0, 1fr); gap: 16px; padding: 10px 0; border-top: 1px solid var(--ucuz-border); }
.cz-olaylar li:first-child { padding-top: 0; border-top: 0; }
.cz-olay-tarih { color: var(--ucuz-sonuk); font-variant-numeric: tabular-nums; white-space: nowrap; }
.cz .cz-ikizler { display: grid; gap: 12px; margin-top: 16px; padding: 0; list-style: none; }
.cz-ikizler li { display: grid; grid-template-columns: 96px minmax(0, 1fr); align-items: center; gap: 12px; }
.cz-ikizler b { font-weight: 600; }

@media (min-width: 1120px) {
  .cz-hizli { display: none; }
  .cz-govde { grid-template-columns: minmax(0, 1fr) 320px; }
  .cz-panel { position: sticky; top: calc(var(--cz-ust) + 16px); max-height: calc(100vh - var(--cz-ust) - 32px); overflow-y: auto; overscroll-behavior: contain; padding-left: 24px; border-left: 1px solid var(--ucuz-border); }
}
@media (max-width: 1119px) {
  .cz-panel {
    position: fixed; left: 8px; right: 8px; bottom: 0; z-index: 150; max-height: 62vh; overflow-y: auto; overscroll-behavior: contain;
    padding: 16px 20px 24px; border: 1px solid var(--ucuz-border-guc); border-bottom: 0; border-radius: var(--r-xl) var(--r-xl) 0 0;
    background: var(--ucuz-panel); box-shadow: 0 -8px 32px rgba(0, 0, 0, .35); font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 20);
    visibility: hidden; transform: translateY(calc(100% + 24px)); transition: transform .22s ease-out, visibility 0s linear .22s;
  }
  .cz-panel.is-open { visibility: visible; transform: none; transition: transform .22s ease-out, visibility 0s; }
  .cz-panel .cz-p-kapat { display: inline-flex; }
}
@media (min-width: 768px) and (max-width: 1119px) {
  .cz-panel { left: auto; right: 16px; bottom: 16px; width: 420px; max-height: min(70vh, 640px); border-bottom: 1px solid var(--ucuz-border-guc); border-radius: var(--r-xl); box-shadow: var(--cz-golge); }
}
@media (max-width: 640px) {
  .cz, .cz-sayilar, .cz-alt { gap: 20px; }
  .kh-sayfa .ic-kart { padding: 20px; }
  .cz-filtre-ac { display: inline-flex; height: 40px; padding: 0 16px; }
  .cz-filtre-ac svg { width: 16px; height: 16px; }
  .cz-filtre-pencere:not([open]) { display: none; }
  .cz-filtre-pencere[open] {
    position: fixed; inset: auto 0 0; display: flex; flex-direction: column; width: auto; max-width: none; height: auto; max-height: 86vh;
    margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--ucuz-border); border-bottom: 0; border-radius: var(--r-xl) var(--r-xl) 0 0;
    background: var(--ucuz-panel); color: var(--ucuz-metin); box-shadow: var(--cz-golge); animation: cz-yukari .28s cubic-bezier(.2, .7, .2, 1);
  }
  .cz-filtre-pencere::backdrop { background: rgba(15, 15, 15, .6); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
  .cz-filtre-pencere[open] .cz-filtre-ust { position: relative; display: flex; flex: none; justify-content: space-between; align-items: center; gap: 12px; padding: 22px 20px 16px; border-bottom: 1px solid var(--ucuz-border); }
  .cz-filtre-ust b { font-size: calc(var(--px) * 16); }
  .cz-filtre-tutamak { position: absolute; top: 6px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 2px; background: var(--ucuz-border-guc); }
  .cz-filtre-kapat { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--r-md); background: transparent; color: var(--ucuz-sonuk); cursor: pointer; }
  .cz-filtre-kapat:hover { background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
  .cz-filtre-pencere[open] .cz-filtre-govde { display: grid; align-content: start; gap: 12px; min-height: 0; padding: 16px 20px 20px; overflow-y: auto; overscroll-behavior: contain; }
  .cz-filtre-pencere[open] .cz-filtre-baslik { display: block; margin: 4px 0 -4px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); font-weight: 600; }
  .cz-filtre-pencere[open] .cz-filtre-alt { display: flex; flex: none; padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--ucuz-border); }
  .cz-filtre-alt .dugme { flex: 1; }
  .cz-filtre-govde .ikili { flex-wrap: wrap; width: auto; height: auto; overflow: visible; }
  html:has(.cz-filtre-pencere[open]) { overflow: hidden; }
}
@media (max-width: 591px) {
  .cz-sayi-kart { padding: 16px; }
  .cz-sayi-deger { font-size: calc(var(--px) * 26); line-height: calc(var(--px) * 32); }
  .cz-ara { flex-basis: 100%; max-width: none; }
  .cz-gorunum { margin-left: 0; }
  .cz-gosterge .cz-gosterge-not { margin-left: 0; }
  .cz-olaylar li, .cz-ikizler li { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}
@keyframes cz-yukari { from { transform: translateY(100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .cz-filtre-pencere[open] { animation: none; } }