/* Yakit tuketimi: dort birim kutusu; altta yol masrafi formu ve sonuc kartlari. */
.yk { display: grid; gap: 18px; }
.yk-alanlar { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.yk-giris { position: relative; }
.arac-panel .yk-giris input[type=text] { min-height: 58px; padding-right: 92px; font-size: 22px; font-weight: 650; font-variant-numeric: tabular-nums; }
.yk-giris span { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 13.5px; font-weight: 650; color: var(--muted); pointer-events: none; }
.yk input[aria-invalid=true] { border-color: #f87171; }
.yk-masraf { display: grid; gap: 14px; padding-top: 18px; border-top: 1px solid var(--line); }
.yk-masraf .arac-panel-baslik { margin: 0; font-size: 17px; }
.yk-gidis { align-self: end; padding-bottom: 12px; }
.yk-sonuclar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.yk-sonuclar .arac-sonuc > strong { font-size: 24px; }
@media (max-width: 480px) {
  .yk-alanlar { grid-template-columns: minmax(0, 1fr); }
  .yk-sonuclar .arac-sonuc { padding: 14px; }
  .yk-sonuclar .arac-sonuc > strong { font-size: 19px; }
}