.du-turler { display: flex; width: fit-content; max-width: 100%; margin-top: 20px; overflow-x: auto; }
.du-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; margin-top: 24px; }
@media (max-width: 991.98px) { .du-duzen { grid-template-columns: minmax(0, 1fr); } }
.du-bas { margin: 0 0 12px; font: 700 calc(var(--px) * 20)/1.3 var(--yt-baslik); letter-spacing: normal; color: var(--ucuz-metin); }
.du-liste { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.du-k { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; padding: 16px 18px; border: 1px solid var(--ucuz-border); border-radius: var(--r-xl); background: var(--ucuz-panel); }
.du-k.is-elle { border-color: var(--ucuz-gold-cizgi); }
.du-tarih { display: grid; align-content: start; justify-items: center; padding-top: 2px; text-align: center; color: var(--ucuz-sonuk); }
.du-tarih b { font: 800 calc(var(--px) * 24)/1 var(--yt-sayi); font-variant-numeric: tabular-nums; color: var(--ucuz-metin); }
.du-tarih span { font-size: calc(var(--px) * 12); }
.du-tarih small { font-size: calc(var(--px) * 11); }
.du-yazi { min-width: 0; }
.du-tur {
  display: inline-block; margin: 0 6px 6px 0; padding: 1px 8px; border: 1px solid var(--ucuz-border); border-radius: var(--r-tam);
  font-size: calc(var(--px) * 11); font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--ucuz-metin2);
}
.du-tur.is-bakim { border-color: var(--ucuz-red-yazi); color: var(--ucuz-red-yazi); }
.du-tur.is-guncelleme { border-color: var(--ucuz-info-cizgi); color: var(--ucuz-info-yazi); }
.du-tur.is-etkinlik { border-color: var(--ucuz-green-cizgi); color: var(--ucuz-green-yazi); }
.du-tur.is-etiket { border-color: var(--ucuz-gold-cizgi); background: var(--ucuz-gold-zayif); color: var(--ucuz-gold-yazi); }
.du-baslik { margin: 0; font: 600 calc(var(--px) * 17)/1.35 var(--yt-baslik); letter-spacing: normal; color: var(--ucuz-metin); overflow-wrap: anywhere; }
.du-ozet { margin: 6px 0 0; font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 21); color: var(--ucuz-metin2); overflow-wrap: anywhere; }
.du-bag { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: calc(var(--px) * 13); font-weight: 600; color: var(--ucuz-gold-yazi); }
.du-bos { color: var(--ucuz-sonuk); }
.du-yan { display: grid; gap: 16px; min-width: 0; }
@media (min-width: 992px) { .du-yan { position: sticky; top: calc(var(--ust-menu-h) + 16px); } }
.du-baglar { display: grid; gap: 4px; margin: 10px 0 0; padding: 0; list-style: none; }
.du-baglar a { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: var(--r-lg); color: var(--ucuz-metin); text-decoration: none; }
.du-baglar a:hover { background: rgba(var(--ust-rgb), .05); }
.du-baglar .oyun-simge { --boy: 36px; flex: none; }
.du-baglar a > span:last-child { display: grid; min-width: 0; }
.du-baglar small { font-size: calc(var(--px) * 12); color: var(--ucuz-sonuk); }
.du-sss { margin-top: 40px; }
.du-sss h2 { margin: 0 0 12px; font: 700 calc(var(--px) * 22)/1.3 var(--yt-baslik); letter-spacing: normal; color: var(--ucuz-metin); }
.du-sss details { margin-top: 8px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel); }
.du-sss summary { padding: 14px 18px; font-weight: 600; color: var(--ucuz-metin); cursor: pointer; }
.du-sss details p { margin: 0; padding: 0 18px 16px; color: var(--ucuz-metin2); }
@media (max-width: 575.98px) { .du-k { grid-template-columns: 48px minmax(0, 1fr); gap: 12px; padding: 14px; } }