.quantity-selector{display:inline-flex;align-items:center;background:#1565c0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.quantity-selector:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.quantity-btn{background:transparent;border:none;color:#fff;width:40px;height:40px;font-size:22px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quantity-btn:hover{background:#ffffff1a}.quantity-btn:active{background:#fff3;transform:scale(.95)}.quantity-btn.minus{border-right:1px solid rgba(255,255,255,.2)}.quantity-btn.plus{border-left:1px solid rgba(255,255,255,.2)}.quantity-display{color:#fff;font-size:18px;font-weight:500;min-width:40px;text-align:center;padding:0 5px}.remove-btn{background:transparent;border:none;color:#fff;padding:10px 15px;font-size:16px;font-weight:500;cursor:pointer;border-left:1px solid rgba(255,255,255,.2);transition:all .2s ease;white-space:nowrap}.remove-btn:hover{background:#ffffff1a}.remove-btn:active{background:#fff3}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.quantity-display.animate{animation:pulse .2s ease}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-btn:disabled:hover{background:transparent}@media screen and (max-width: 576px){.quantity-selector-block{flex-direction:column-reverse;align-items:center;gap:10px}}.quantity-selector-container{text-align:center;position:relative}