.number-controls{display:inline-flex;gap:5px;margin-left:10px;vertical-align:middle}.number-btn{width:32px;height:32px;border:1px solid #ccc;background-color:#f8f9fa;color:#333;font-size:18px;font-weight:700;cursor:pointer;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;user-select:none;line-height:1;padding:0}.number-btn:hover{background-color:#e9ecef;border-color:#999}.number-btn:active{background-color:#dee2e6;transform:scale(.95)}.number-btn:focus{outline:2px solid #06c;outline-offset:2px}.minus-btn{color:#dc3545}.minus-btn:hover{background-color:#dc3545;border-color:#dc3545;color:white}.plus-btn{color:#28a745}.plus-btn:hover{background-color:#28a745;border-color:#28a745;color:white}.flexi .number-controls{display:inline-flex;align-items:center;margin-left:8px}@media (max-width:768px){.number-controls{margin-left:5px}.number-btn{width:28px;height:28px;font-size:16px}.flexi .number-controls{margin-left:5px}}.flexi{display:flex;align-items:center;flex-wrap:wrap}.flexi input[type=number]{flex:0 0 auto}.flexi .number-controls{flex:0 0 auto}