/* İndirim, KDV ve yüzde hesaplayıcı — UYG 97, 0.3.10 (23.10.2026; js/yuzde.js). Renkler yalnız tema değişkenlerinden. */
.yz-sekmeler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 4px; margin: 4px 0 12px; border: 1px solid var(--ln); border-radius: 999px; background: var(--sf); }
.yz-sekme { min-height: 44px; border: 0; border-radius: 999px; background: none; color: var(--tx); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; padding: 0 6px; }
.yz-sekme[aria-selected="true"] { background: var(--ac); color: var(--onac); }
.yz-ikili { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.yz-alan { display: flex; flex-direction: column; gap: 4px; margin: 6px 0; min-width: 0; }
.yz-giris-kap { position: relative; display: block; }
.yz-giris { min-height: 48px; font-size: 18px; font-weight: 600; padding-right: 34px; }
.yz-birim { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 16px; pointer-events: none; }
.yz-hizli, .yz-oranlar { margin: 6px 0 2px; }
.yz-hizli .secim, .yz-oranlar .secim { min-height: 44px; min-width: 52px; font: inherit; font-size: 15px; font-weight: 600; }
.yz-etiket { display: block; margin-top: 8px; }
.yz-sonuclar { margin-top: 10px; padding-top: 4px; border-top: 1px solid var(--ln); }
.yz-sonuc { display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  border: 0; border-bottom: 1px solid var(--ln); background: none; color: var(--tx); font: inherit; padding: 8px 2px; cursor: pointer; text-align: left; }
.yz-sonuc:last-child { border-bottom: 0; }
.yz-sonuc:active { background: color-mix(in srgb, var(--ac) 12%, transparent); }
.yz-deger { margin-left: auto; text-align: right; font-weight: 600; overflow-wrap: anywhere; min-width: 0; }
.yz-ana .yz-deger { font-size: 22px; font-weight: 700; color: var(--ac); }
.yz-alt { margin: 12px 0 0; font-size: 15px; }
.yz-ac { margin: 2px 0 4px; }
.yz-uyari { margin: 10px 0 4px; }
.yz-not { margin: 8px 4px; }
.kart h2 + .yz-ac { margin-top: -2px; }
.yz-tost { position: fixed; left: 50%; top: calc(env(safe-area-inset-top, 0px) + 12px); transform: translate(-50%, -12px); z-index: 60; max-width: calc(100% - 48px);
  padding: 10px 18px; border-radius: 999px; background: var(--tx); color: var(--bg); font-weight: 600; font-size: 14px; opacity: 0; pointer-events: none;
  transition: opacity .18s, transform .18s; box-shadow: 0 6px 18px rgba(0,0,0,.25); overflow-wrap: anywhere; }
.yz-tost.gorunur { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { .yz-tost { transition: none; } }