.quantity-shortcuts { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.quantity-shortcuts button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:7px 10px; border:1px solid #cbd0d9; border-radius:5px; background:#fff; color:#373d48; font-size:14px; line-height:1.4; font-weight:600; font-variant-numeric:tabular-nums; cursor:pointer; transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out; }
.quantity-shortcuts button:hover { border-color:#b7430a; background:#fff8f2; }
.quantity-shortcuts button[aria-pressed="true"] { border-color:#b7430a; background:#fff1e7; color:#973909; }
.quantity-shortcuts button svg { width:14px; height:14px; flex-shrink:0; visibility:hidden; }
.quantity-shortcuts button[aria-pressed="true"] svg { visibility:visible; }
.quantity-shortcuts button:focus-visible { outline:2px solid #973909; outline-offset:3px; }
.quantity-shortcuts button:disabled { border-color:#dce0e6; background:#f5f6f8; color:#6b7280; cursor:not-allowed; }
.quantity-shortcut-choice { margin:9px 0 0; color:#5c6370; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
@media(max-width:639px) { .quantity-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; } .quantity-shortcuts button { min-height:44px; padding-inline:5px; gap:4px; } }
@media(prefers-reduced-motion:reduce) { html:not([data-motion="full"]) .quantity-shortcuts button { transition:none; } }