.shop-tabs{border-bottom:2px solid var(--line);scrollbar-width:thin;gap:4px;margin-bottom:22px;display:flex;overflow-x:auto}.shop-tabs button{font:600 .98rem var(--head);color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;flex:none;align-items:center;gap:8px;margin-bottom:-2px;padding:14px 16px 12px;display:inline-flex}.shop-tabs button span{font:700 .74rem var(--body);background:var(--paper);color:var(--muted);border-radius:999px;padding:2px 7px}.shop-tabs button:hover{color:var(--ink)}.shop-tabs button[aria-selected=true]{color:var(--blue-d);border-bottom-color:var(--blue)}.shop-tabs button[aria-selected=true] span{background:var(--blue);color:#fff}.machine-pick{background:var(--blue-50);border-radius:14px;margin-bottom:18px;padding:18px}.machine-pick .flabel{margin:0 0 12px;display:block}.mp-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.mp-row button{font:600 .92rem var(--head);color:var(--ink);background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px;display:flex}.mp-row button:hover{border-color:var(--blue-100)}.mp-row button[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100)}.mp-row img{object-fit:contain;width:100%;height:78px}@media (max-width:760px){.mp-row{display:flex;overflow-x:auto}.mp-row button{flex:0 0 120px}}.subrow{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.subrow button,.pill{border:1.5px solid var(--line-cool);color:var(--ink);background:#fff;border-radius:999px;padding:9px 15px;font-size:.92rem}.subrow button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.pill{align-items:center;gap:8px;display:inline-flex}.pill i{border:2px solid var(--line-cool);border-radius:5px;width:18px;height:18px;display:inline-block;position:relative}.pill.on{border-color:var(--blue);color:var(--blue-d)}.pill.on i{background:var(--blue);border-color:var(--blue)}.pill.on i:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.shop-bar{top:calc(var(--hdr) + 1px);z-index:20;background:#fff;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;padding:10px 0;display:flex;position:sticky}.shop-q{border:1.5px solid var(--line-cool);background:#fff;border-radius:999px;flex:260px;align-items:center;gap:8px;min-width:0;padding:0 8px 0 14px;display:flex}.shop-q:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-100)}.shop-q svg{width:18px;height:18px;color:var(--muted);flex:none}.shop-q input{font:inherit;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:10px 0}.shop-q button{background:var(--paper);width:28px;height:28px;color:var(--muted);border:0;border-radius:50%;place-items:center;display:grid}.shop-q button svg{width:14px;height:14px}.shop-bar .seg small{color:var(--muted);margin-left:3px;font-size:.74rem}.shop-bar .seg button:disabled{opacity:.4;cursor:default}.shop-sort{width:210px}.shop-sort .lb-btn{border-radius:999px;padding:10px 16px}@media (max-width:760px){.shop-bar{position:static}.shop-sort{width:100%}.shop-bar .seg{flex-wrap:nowrap;width:100%;overflow-x:auto}.shop-bar .seg button{flex:none}}.shop-info{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 16px;margin:4px 0 18px;font-size:.94rem;display:flex}.shop-info b{color:var(--ink)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{background:var(--blue-50);color:var(--blue-d);border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.chips button svg{width:13px;height:13px}.chips button:hover{background:var(--blue-100)}.chips .clear{color:var(--muted);background:0 0;font-weight:400;text-decoration:underline}.shop-empty{text-align:center;background:var(--paper);border-radius:14px;padding:60px 20px}.shop-more{justify-content:center;margin-top:30px;display:flex}
