/* Recipe, grain and everyday pages share the same quantity controls. */
:is(.pd-qty,.product-qty) button:is([data-q],[data-step]){display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:10px;line-height:1;transition:background-color 160ms ease,transform 120ms ease}
:is(.pd-qty,.product-qty) button:is([data-q="-1"],[data-step="-1"]){background:#d4ede0;color:#2d6a4f}
:is(.pd-qty,.product-qty) button:is([data-q="1"],[data-step="1"]){background:#52a275;color:#fff}
:is(.pd-qty,.product-qty) button svg{display:block;width:22px;height:22px;stroke-width:2.5;pointer-events:none}
:is(.pd-qty,.product-qty) button:disabled{opacity:.35;cursor:not-allowed}
:is(.pd-qty,.product-qty) button:focus-visible{outline:2px solid #2d6a4f;outline-offset:3px}
:is(.pd-qty,.product-qty) button:is([data-q="-1"],[data-step="-1"]):not(:disabled):active{background:#a5cfb8;box-shadow:none}
:is(.pd-qty,.product-qty) button:is([data-q="1"],[data-step="1"]):not(:disabled):active{background:#1e4c37;box-shadow:none}
@media(hover:hover) and (pointer:fine){
 :is(.pd-qty,.product-qty) button:is([data-q="-1"],[data-step="-1"]):not(:disabled):hover{background:#b9ddc9}
 :is(.pd-qty,.product-qty) button:is([data-q="1"],[data-step="1"]):not(:disabled):hover{background:#245b42}
 :is(.pd-qty,.product-qty) button:is([data-q="-1"],[data-step="-1"]):not(:disabled):active{background:#a5cfb8}
 :is(.pd-qty,.product-qty) button:is([data-q="1"],[data-step="1"]):not(:disabled):active{background:#1e4c37}
 .bulk-state-switch .form-chip:not(.active):hover{background:#f0f7f2;border-color:#9ebba9}
}
.bulk-state-switch .form-chip{min-height:60px;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease}
.bulk-state-switch .form-chip:focus-visible{outline:2px solid #2d6a4f;outline-offset:3px}
.bulk-state-switch .form-chip:not(.active):active{background:#e0eee5;border-color:#9ebba9}
.standard-quantity .quantity-note{font-size:12px;color:#8a8f88}
@media(max-width:360px){.standard-quantity input{width:64px}.standard-quantity .quantity-note{flex-basis:100%;padding-left:64px}}
@media(prefers-reduced-motion:reduce){:is(.pd-qty,.product-qty) button,.bulk-state-switch .form-chip{transition:none}}