/* ============================================================================
   21f-oferta-dodatki-stawki-km.css — okno „Zwolnij dodatki oferty”: sekcja „Stawki za km wg kraju” (20.10.2026)
   ----------------------------------------------------------------------------
   Tylko klasy kfx-km-… (własna przestrzeń nazw). Markup: okna/oferta-dodatki-zwolnienie-stawki-km.js; obramowanie sekcji bierze
   istniejące .ofd-pan. Same tokeny, zero !important. Telefon: css/9-telefon/33-oferta-dodatki-stawki-km.css.
   ============================================================================ */

.kfx-km-tab { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-sm); }
.kfx-km-w { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: center; gap: var(--s-2); padding: var(--s-2) var(--s-3); border-top: 1px solid var(--line-soft); font-size: var(--t-sm); }
.kfx-km-w.kfx-km-pelny { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); }
.kfx-km-w:first-child { border-top: 0; }
.kfx-km-h { background: var(--surface-2); color: var(--text-faint); font-size: var(--t-xs); font-weight: var(--w-strong); }
.kfx-km-w > .r { text-align: right; font-variant-numeric: tabular-nums; }
.kfx-km-kraj { display: flex; flex-direction: column; min-width: 0; }
.kfx-km-kraj b { font-weight: var(--w-bold); overflow-wrap: anywhere; }
.kfx-km-kraj small { color: var(--text-faint); font-size: var(--t-xs); }
.kfx-km-kraj small em { color: var(--warn-strong); font-style: normal; font-weight: var(--w-bold); }