.quantity-stepper{display:inline-flex;align-items:center;flex:0 0 auto;border:1px solid #d5bb88;border-radius:12px;background:#fffaf0;overflow:hidden;vertical-align:middle;transition:border-color .2s,box-shadow .2s}
.quantity-stepper:focus-within{border-color:#a87d32;box-shadow:0 0 0 3px #cead6c30}
.quantity-stepper button{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#886225;font:inherit;font-size:22px;line-height:1;cursor:pointer;touch-action:manipulation;transition:background .18s,color .18s,box-shadow .18s}
.quantity-stepper button:active:not(:disabled){background:#e8d4a9;box-shadow:inset 0 2px 5px #8e692520}
.quantity-stepper button:focus-visible{outline:2px solid #a87d32;outline-offset:-4px}
.quantity-stepper button:disabled{opacity:.35;cursor:default}
.product-store .quantity-row .quantity-stepper input,.commerce-store .cart-quantity .quantity-stepper input{appearance:textfield;-moz-appearance:textfield;width:44px;min-width:0;height:44px;min-height:44px;margin:0;padding:0 3px;border:0;border-left:1px solid #e7d8bc;border-right:1px solid #e7d8bc;border-radius:0;background:transparent;box-shadow:none;text-align:center;color:#704e20;font-size:16px;font-variant-numeric:tabular-nums}
.quantity-stepper input::-webkit-inner-spin-button,.quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(hover:hover){.quantity-stepper button:hover:not(:disabled){background:#f0e2c5;color:#684514}}
@media(prefers-reduced-motion:reduce){.quantity-stepper,.quantity-stepper button{transition:none}}