.triumphic-pdp,#cart-drawer,.triumphic-cart-page { --commerce-primary:#124a3b; --commerce-ink:#172421; --commerce-border:#17242126; --commerce-radius:6px; --commerce-control-height:56px; }
:is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) .quantity-selector-wrapper { display:block; }
:is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) .quantity-selector { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; width:144px; max-width:100%; height:var(--commerce-control-height); min-width:0; border:1px solid var(--commerce-border); border-radius:var(--commerce-radius); background:#fff; overflow:visible; }
:is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) .quantity-selector button { width:44px; height:calc(var(--commerce-control-height) - 2px); min-height:0; padding:10px; border:0; border-radius:5px; background:#f0f4f0; color:var(--commerce-primary); cursor:pointer; }
:is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) .quantity-selector input { width:100%; min-width:0; max-width:none; justify-self:stretch; box-sizing:border-box; height:calc(var(--commerce-control-height) - 2px); margin:0; padding:0; border:0; background:transparent; color:inherit; text-align:center; font:500 16px var(--triumphic-font-body); appearance:textfield; }
:is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) input::-webkit-inner-spin-button,:is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) input::-webkit-outer-spin-button { appearance:none; margin:0; }
:is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) .quantity-selector svg { width:14px; height:14px; --icon-stroke-width:1.5px; }
:is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) .quantity-selector :is(button,input):focus-visible { outline:2px solid var(--commerce-primary); outline-offset:2px; }
:is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) .quantity-selector button:disabled,.triumphic-pdp__quantity:disabled { opacity:.4; cursor:not-allowed; }

@media(hover:hover) { :is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) .quantity-selector button:not(:disabled):hover { background:#dfe9e1; } }
:is(.triumphic-pdp__quantity,#cart-drawer,.triumphic-cart-page) .quantity-selector button:not(:disabled):active { background:#cbdccd; }