/* Size stays beside the price, with clear tap targets for every collection. */
.piece-variant-picker{margin:0 0 22px;scroll-margin:24px}
.piece-variant-picker:empty{display:none}
.piece-variant-picker:focus-visible{outline:2px solid var(--fg);outline-offset:5px}
.piece-single-choice{display:flex;align-items:center;gap:18px;font:13px/1.5 Arial,Helvetica,sans-serif}
.piece-single-choice>span{color:var(--muted)}
.piece-single-choice>strong{font-weight:500}
.piece-option-group{border:0;margin:0 0 16px;padding:0;min-width:0}
.piece-option-group legend{padding:0;margin:0 0 10px;font:500 13px/1.5 Arial,Helvetica,sans-serif}
.piece-option-buttons{display:flex;flex-wrap:wrap;gap:8px}
#panel .piece-size-button{min-width:52px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--fg);font:400 13px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0}
#panel .piece-size-button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
#panel .piece-size-button:hover:not(:disabled){border-color:var(--fg)}
#panel .piece-size-button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
#panel .piece-size-button:disabled{opacity:.45;cursor:not-allowed}
.piece-size-button small{display:block;font-size:9px;line-height:1.5}
#panel .piece-selection-status{font:400 11px/1.5 Arial,Helvetica,sans-serif;color:var(--muted);margin:10px 0 0}
#panel .piece-selection-status:empty{display:none}
.bag-change-size{min-height:36px;padding:6px 0;font:11px/1.5 Arial,Helvetica,sans-serif;text-decoration:underline;text-underline-offset:4px;color:var(--fg)}
@media(max-width:700px){.piece-variant-picker{margin:0 0 18px}.piece-option-buttons{gap:8px}#panel .piece-size-button{padding:10px 14px}}