.shopping-page{padding-bottom:5rem}.shopping-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.shopping-toolbar h2{margin:0}.shopping-group{margin-top:1rem}.shopping-group h3{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin:0 0 .5rem;padding-bottom:.35rem;font-size:.8rem}.shopping-group ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.shopping-row{background-color:color-mix(in srgb, var(--color-surface) 50%, var(--color-surface-alt));border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);align-items:center;gap:.6rem;padding:.3rem .6rem;display:flex;position:relative}.shopping-row.has-badge{padding-right:6.5rem}.special-badge{pointer-events:none;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.shopping-row:hover{background-color:var(--color-surface-alt)}.shopping-row:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.shopping-row input[type=checkbox]{width:1.15rem;height:1.15rem;min-height:26px;accent-color:var(--color-brand);cursor:pointer;flex-shrink:0}.shopping-row-label{flex:1;line-height:1.3}.shopping-row.is-checked{opacity:.55;background-color:var(--color-bg)}.shopping-row.is-checked .shopping-row-label{text-decoration:line-through}