/* ToolyLab — Birim Fiyat Karşılaştırma (çoklu ürün) */
.up-tool { max-width: 460px; margin: 0 auto; }

#upProducts { display: flex; flex-direction: column; gap: var(--spacing-md); }

/* Ürün bloğu */
.up-product {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--border-radius-sm);
}

/* Başlık satırı: düzenlenebilir ad + sil */
.up-phead { display: flex; align-items: center; gap: var(--spacing-sm); }
.up-name {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
  padding: 2px 2px 5px;
  color: var(--text-primary);
  font-size: 1rem;
  font-weight: 700;
  font-family: inherit;
}
.up-name:focus {
  outline: none;
  border-bottom-color: rgba(129, 140, 248, 0.8);
}
.up-name::placeholder { color: var(--text-muted); font-weight: 600; }
.up-remove {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--border-radius-sm);
  color: var(--text-secondary);
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  transition: var(--transition);
}
.up-remove[hidden] { display: none; }
.up-remove:hover { background: rgba(248, 113, 113, 0.18); border-color: rgba(248, 113, 113, 0.5); color: #fca5a5; }

/* Miktar — input tam genişlik (asla daralmaz), birim seçici altında */
.up-amount { display: flex; flex-direction: column; gap: var(--spacing-sm); }
.up-amount .calc-input,
.up-amount .calc-select { width: 100%; }

/* Ürün ekle */
.up-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: var(--spacing-sm);
  background: transparent;
  border: 1px dashed rgba(255, 255, 255, 0.22);
  border-radius: var(--border-radius-sm);
  color: var(--text-secondary);
  font-size: 0.95rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: var(--transition);
}
.up-add[hidden] { display: none; }
.up-add:hover { background: rgba(255, 255, 255, 0.05); color: var(--text-primary); border-color: rgba(129, 140, 248, 0.5); }
.up-add svg { width: 16px; height: 16px; }

/* Sonuç kutuları — en ucuz vurgusu */
.up-stats { margin-top: var(--spacing-sm); }
.up-stats .stat-val { font-size: 1.15rem; }
.stat-box.up-best { background: rgba(52, 211, 153, 0.14); border-color: rgba(52, 211, 153, 0.5); }
.stat-box.up-best .stat-val { color: #34d399; }

/* Mobilde kenar boşluklarını azalt */
@media (max-width: 640px) {
  .up-tool .calc-card { padding: var(--spacing-md) var(--spacing-sm); }
}