/* Spiżarnia — Zakupy (makieta 18, system v2). Klasy są kontraktem z js/ui/screens/zakupy.js; wpięte po screens.css. */

.zakupy { padding: 8px 0 0; flex: 1; }
.zakupy__field { margin: 0 16px; }

/* „masz: Skrzydełka · 3 op. · zamrażarka” — wyrównane z tekstem pola; pusta linia znika */
.zakupy__masz { margin: 6px 16px 0; padding: 0 14px; font: 500 var(--fs-chip)/1.35 var(--font-sans); color: var(--text-2); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.zakupy__masz:empty { display: none; }

/* chipy miejsca Sklep · Targ (36 px w celu 48 — pseudoelement w .chip) */
.zakupy__places { padding-bottom: 6px; }

/* nagłówki: „W koszyku · 4 ⌄” razem po lewej, „Wyczyść kupione” osobno po prawej */
.zakupy .group-head--split .group-head__btn { justify-content: flex-start; gap: 6px; }

/* wiersz zakupów (56): cały wiersz to jeden przycisk, kółko 24 jest bierne */
.shop-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 6px 16px; border-bottom: 1px solid var(--hairline); text-align: left; color: var(--ink); transition: color var(--ease); }
.shop-row .checkbox { transition: background var(--ease), box-shadow var(--ease), opacity var(--ease); }
.shop-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.shop-row__name { font: 500 var(--fs-body)/1.25 var(--font-name); overflow-wrap: anywhere; transition: opacity var(--ease); font-variant-numeric: tabular-nums; }
.shop-row__qty { font: 500 var(--fs-chip) var(--font-sans); color: var(--text-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
.shop-row__sub { font: 500 var(--fs-chip)/1.3 var(--font-sans); color: var(--text-2); margin-top: 1px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }

/* przekreślona (do 30 s po kliknięciu): zostaje na miejscu, nazwa przekreślona i wygaszona do .45 (system v2) */
.shop-row--struck .shop-row__name { text-decoration: line-through; opacity: .45; }
.shop-row--struck .shop-row__qty, .shop-row--struck .shop-row__sub { opacity: .45; }

/* w koszyku (48): bez przekreślenia, bez linii, kółko przygaszone */
.shop-row--cart { min-height: 48px; padding: 4px 16px; color: var(--text-2); border-bottom: 0; }
.shop-row--cart .checkbox { opacity: .6; }
.shop-row--cart .shop-row__qty { color: inherit; }
.zakupy__cart { padding: 4px 0 8px; }