.mz-secim { position: sticky; top: 78px; }
.mz-tarifler { max-height: 58vh; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }

.mz-tarif {
  display: flex; align-items: center; gap: 8px; width: 100%; text-align: left;
  background: none; border: 1px solid transparent; border-radius: 8px; padding: 4px 6px; cursor: pointer;
}
.mz-tarif:hover { background: rgba(255,255,255,.04); border-color: var(--ucuz-border); }
.mz-tarif .ikon { width: 30px; height: 30px; background-size: 720px 390px; }
.mz-tarif .mz-ad { flex: 1 1 auto; min-width: 0; font-size: .8rem; color: #cdd4de; }
.mz-tarif .mz-ad b { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mz-tarif .mz-ad span { display: block; font-size: .7rem; color: var(--ucuz-sonuk2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mz-tarif .mz-ekle { color: var(--ucuz-sonuk2); font-size: .9rem; flex: 0 0 auto; }
.mz-tarif:hover .mz-ekle { color: var(--ucuz-gold); }
.mz-bos { color: var(--ucuz-sonuk2); font-size: .84rem; padding: 10px 4px; }

.mz-plan { display: flex; flex-direction: column; gap: 6px; }
.mz-satir {
  display: flex; align-items: center; gap: 10px;
  background: var(--ucuz-dark); border: 1px solid var(--ucuz-border);
  border-radius: 9px; padding: 7px 10px;
}
.mz-satir .ikon { width: 30px; height: 30px; background-size: 720px 390px; }
.mz-satir .mz-ad { flex: 1 1 auto; min-width: 0; }
.mz-satir .mz-ad b { display: block; font-size: .84rem; font-weight: 600; color: var(--ucuz-metin); }
.mz-satir .mz-ad span { display: block; font-size: .72rem; color: var(--ucuz-info); }
.mz-adet { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.mz-adet button {
  width: 26px; height: 26px; border-radius: 6px; cursor: pointer; line-height: 1;
  background: var(--ucuz-card); border: 1px solid var(--ucuz-border); color: #9aa5b4;
  display: flex; align-items: center; justify-content: center;
}
.mz-adet button:hover { color: var(--ucuz-metin); border-color: var(--ucuz-sonuk3); }
.mz-adet input { width: 58px; text-align: center; font-variant-numeric: tabular-nums; }
.mz-sil { background: none; border: 0; color: var(--ucuz-sonuk2); cursor: pointer; padding: 2px 4px; }
.mz-sil:hover { color: #d06565; }

#tablo .ikon { display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-size: 720px 390px; }
#tablo tbody td { vertical-align: middle; }
#tablo .mz-mad { font-weight: 600; color: var(--ucuz-metin); font-size: .86rem; }
#tablo .mz-kaynak { display: block; font-size: .7rem; color: var(--ucuz-sonuk2); margin-top: 1px; }
#tablo input.fiyat { width: 130px; text-align: right; font-variant-numeric: tabular-nums; }
#tablo .mz-uret {
  font-size: .7rem; padding: 2px 8px; border-radius: 6px; cursor: pointer; white-space: nowrap;
  background: var(--ucuz-dark); border: 1px solid var(--ucuz-border); color: var(--ucuz-info);
}
#tablo .mz-uret:hover { border-color: var(--ucuz-info); }
#tablo .mz-uret.is-acik { background: rgba(122,162,247,.12); color: var(--ucuz-info); border-color: rgba(122,162,247,.45); }

.mz-acilanlar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 10px; }
.mz-acilanlar .k { color: #7a8592; font-size: .76rem; }
.mz-acilanlar button {
  display: inline-flex; align-items: center; gap: 5px; cursor: pointer;
  background: rgba(122,162,247,.1); border: 1px solid rgba(122,162,247,.35);
  color: var(--ucuz-info); border-radius: 7px; padding: 2px 8px; font-size: .74rem;
}
.mz-acilanlar button:hover { background: rgba(122,162,247,.2); }

.mz-satis-satir { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.mz-satis-satir .mz-ad { flex: 1 1 auto; font-size: .84rem; color: #cdd4de; min-width: 0; }
.mz-satis-satir input { width: 150px; text-align: right; font-variant-numeric: tabular-nums; }
.mz-satis-satir .adet { color: var(--ucuz-sonuk2); font-size: .76rem; flex: 0 0 auto; }

@media (max-width: 991px) { .mz-secim { position: static; } .mz-tarifler { max-height: 34vh; } }