.etk-sayfa { max-width:1200px; margin:0 auto; }

.etk-etiket { font-size:.66rem; text-transform:uppercase; letter-spacing:.14em; color:var(--ucuz-sonuk2); }
.etk-ad { margin-top:6px; font-size:1.7rem; font-weight:800; line-height:1.2; color:var(--ucuz-metin); text-wrap:balance; }
.etk-ad i { color:var(--ucuz-gold); font-size:1.3rem; margin-right:4px; }
.etk-kalan {
  margin-top:8px; font-size:3.2rem; font-weight:800; line-height:1.05;
  font-variant-numeric:tabular-nums; color:var(--ucuz-gold);
}
.etk-kalan.is-soon { color:var(--ucuz-red); animation:etkPulse .5s ease-in-out infinite alternate; }
@keyframes etkPulse { from { opacity:1; } to { opacity:.5; } }
.etk-alt { font-size:.84rem; line-height:1.6; min-height:1.2rem; }

.etk-seanslar { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.etk-pill {
  border:1px solid var(--ucuz-border); background:var(--ucuz-dark); color:var(--ucuz-metin2);
  border-radius:8px; padding:3px 10px; font-size:.8rem; font-weight:600;
  font-variant-numeric:tabular-nums; white-space:nowrap;
}
.etk-pill.is-past { opacity:.35; }
.etk-pill.is-hedef { color:var(--ucuz-gold); border-color:rgba(242,179,61,.45); background:rgba(242,179,61,.08); }

#bildirimBtn.is-acik { border-color:rgba(242,179,61,.5); color:var(--ucuz-gold); }

.etk-liste { border:1px solid var(--ucuz-border); border-radius:10px; overflow:hidden; }
.etk-satir {
  display:flex; align-items:center; gap:10px; padding:9px 12px;
  border-bottom:1px solid rgba(36,44,59,.5); font-size:.86rem;
}
.etk-satir:last-child { border-bottom:0; }
.etk-satir .zm { width:52px; flex-shrink:0; font-weight:700; color:var(--ucuz-sonuk); font-variant-numeric:tabular-nums; }
.etk-satir .ikon { width:22px; flex-shrink:0; text-align:center; color:var(--ucuz-sonuk2); }
.etk-satir .ad {
  flex:1; min-width:0; display:flex; align-items:center; gap:6px; flex-wrap:wrap;
  font-weight:600; color:var(--ucuz-metin);
}
.etk-satir .dur { flex-shrink:0; font-size:.76rem; color:var(--ucuz-sonuk); font-variant-numeric:tabular-nums; text-align:right; }
.etk-satir.is-past { opacity:.38; }
.etk-satir.is-now { background:rgba(58,208,125,.07); }
.etk-satir.is-now .dur { color:var(--ucuz-green); font-weight:700; }
.etk-satir.is-next { background:rgba(242,179,61,.08); }
.etk-satir.is-next .zm, .etk-satir.is-next .ikon, .etk-satir.is-next .dur { color:var(--ucuz-gold); }

@media (max-width:575.98px) {
  .etk-ad { font-size:1.3rem; }
  .etk-kalan { font-size:2.4rem; }
  .etk-satir { padding:8px 10px; gap:8px; }
  .etk-satir .zm { width:46px; }
}