#badge{min-width:1.6em;padding:2px 7px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);text-align:center;font-size:var(--t-xs)}
.btn{padding-inline:var(--s-5)}
.filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-4);max-width:900px;margin-inline:auto}
.f{display:grid;flex:1 1 200px;min-width:0}
input:not([type=checkbox],[type=radio],[type=range]),select,textarea{border-radius:var(--r-pill);padding-inline:18px;background:var(--bg)}
.count,.note,.empty p,.blurb,.opt{margin:0;font-size:var(--t-sm);color:var(--ink-2)}
.count{margin:var(--s-5) auto;text-align:center}
.products,.lines{list-style:none;margin:0;padding:0}
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
@media (min-width:360px) and (max-width:599px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.products .pic{aspect-ratio:1}.products .prod h3{font-size:1.1rem}.products .field{grid-template-columns:1fr}.products .blurb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--t-sm)}}
.prod{display:grid;align-content:start;gap:var(--s-3);min-width:0}
.pic{position:relative;display:grid;place-items:center;aspect-ratio:4/5;border-radius:var(--r-card);background:var(--sunk);color:var(--ink-2);overflow:hidden}
.pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.prod:hover .pic img{transform:scale(1.03)}
.tag{position:absolute;top:12px;left:12px;margin:0;padding:4px 10px;border-radius:var(--r-pill);background:var(--sunk-0);font:600 .68rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.prod h3{font:500 1.6rem/1.12 var(--serif);margin-top:var(--s-2)}
.row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-2)}
.price{font:600 1.05rem/1.2 var(--sans)}
.st{margin:0;font:600 var(--t-xs)/1.2 var(--sans)}.good{color:var(--good)}.warn{color:color-mix(in srgb,var(--warn) 80%,var(--ink))}.bad{color:var(--bad)}
.prod .btn{margin-top:var(--s-2)}
.prod .btn-secondary{border-color:var(--accent);color:var(--accent)}