/* „Ile sztuk kupię za mój budżet?” na podstronie produktu (inc/product-budget.php, product-budget.js). Tabela: product.css. */
.mrf-p .bud .bin { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.mrf-p .bud .bin label { font-size: 14px; font-weight: 700; color: var(--ink); }
.mrf-p .bud .bfield { display: flex; align-items: center; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); padding: 0 12px; }
.mrf-p .bud .bfield:focus-within { border-color: var(--up); box-shadow: 0 0 0 3px var(--up-soft); }
.mrf-p .bud .bfield input { width: 150px; height: 42px; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; font: 800 18px var(--f-ui); color: var(--ink); font-variant-numeric: tabular-nums; outline: none; -moz-appearance: textfield; }
.mrf-p .bud .bfield input::-webkit-outer-spin-button, .mrf-p .bud .bfield input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mrf-p .bud .bcur { font-size: 14px; font-weight: 700; color: var(--muted); }
.mrf-p .bud .bpre { flex-wrap: wrap; }
.mrf-p .bud .bstats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--line); border-bottom: 1px solid var(--line); }
.mrf-p .bud .bstats:empty { display: none; }
.mrf-p .bud .bstats > div { background: var(--panel); padding: 14px 20px; }
.mrf-p .bud .bstats .sv { font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }
.mrf-p .bud .bstats .sv small { font-size: 13px; font-weight: 700; color: var(--muted); }
.mrf-p .bud .bstats .bnone { grid-column: 1 / -1; margin: 0; padding: 14px 20px; background: var(--panel); color: var(--muted); font-size: 14px; }
.mrf-p .bud .btag { display: inline-block; margin-left: 8px; font-size: 11px; font-weight: 800; color: var(--up-deep); background: var(--up-soft); border-radius: 999px; padding: 2px 8px; vertical-align: middle; }
.mrf-p .bud td .unk { white-space: nowrap; }
@media (max-width: 640px) {
	.mrf-p .bud .bin { padding: 16px; }
	.mrf-p .bud .bstats { grid-template-columns: 1fr 1fr; }
	.mrf-p .bud .bstats > div { padding: 12px 16px; }
	.mrf-p .bud .btag { display: none; }
}