/* Lebensmittelpreise (Angebote) and Steam prices: compact cards and a table that scrolls on its own on narrow screens. */
.pr-food, .pr-steam { margin-top: 16px; display: flex; flex-direction: column; gap: 10px; }
.pr-product-list { display: flex; flex-direction: column; gap: 4px; margin-bottom: 8px; }
.pr-product { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; font-weight: 400; }
.pr-product input { width: auto; flex: none; }
.pr-product small, .pr-table small, .pr-chain small { color: var(--k-muted, #8aa); display: block; font-size: .78rem; }
.pr-food, .pr-steam, .pr-food > *, .pr-steam > * { min-width: 0; max-width: 100%; }
.pr-table-wrap { overflow-x: auto; max-width: 100%; }
.pr-table { border-collapse: collapse; width: 100%; font-size: .9rem; }
.pr-table th, .pr-table td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--k-line, #2a3a4a); vertical-align: top; }
.pr-table tr.best td { background: var(--k-accent-soft, rgba(34,195,230,.12)); }
.pr-table tr.stale td { opacity: .72; }
.pr-item { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--k-line, #2a3a4a); }
.pr-linked { color: var(--k-accent, #22c3e6); font-size: .85rem; } .pr-unlinked { color: var(--k-muted, #8aa); font-size: .85rem; }
.pr-pick { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
.pr-pick-list { display: flex; flex-direction: column; gap: 4px; flex-basis: 100%; }
.pr-chain { border: 1px solid var(--k-line, #2a3a4a); border-radius: 10px; padding: 8px 12px; margin-top: 6px; display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; }
.pr-chain.complete { border-color: var(--k-accent, #22c3e6); }
.pr-chain small { flex-basis: 100%; }
.pr-total { font-weight: 600; }
.pr-games { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.pr-game { border: 1px solid var(--k-line, #2a3a4a); border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }
.pr-game.sale { border-color: #50c88c; }
.pr-price { font-weight: 600; } .pr-price small { font-weight: 400; color: #50c88c; }
.pr-target { max-width: 120px; }