.quantity-selector-container {
     display: inline-flex;
     align-items: center;
     background-color: #f8fafc;
     border: 1px solid #e2e8f0;
     border-radius: 10px;
     padding: 2px;
     transition: all 0.2s ease-in-out;
     width: fit-content;
 }

 .quantity-selector-container:hover {
     border-color: #46CB25;
     box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
 }

 .quantity-btn {
     width: 34px;
     height: 34px;
     border-radius: 8px !important;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     transition: all 0.2s ease;
     background: #fff;
     border: 1px solid transparent !important;
     color: #475569;
     font-weight: 500;
     cursor: pointer;
     font-size: 1.1rem;
 }

 .quantity-btn:hover:not(:disabled) {
     background: #46CB25;
     color: white;
     border-color: #46CB25 !important;
 }

 .quantity-btn:disabled {
     opacity: 0.4;
     cursor: not-allowed;
     background: #f1f5f9;
     color: #94a3b8;
 }

 .quantity-input {
     background: transparent !important;
     border: none !important;
     box-shadow: none !important;
     font-size: 1rem;
     font-weight: 700;
     width: 45px !important;
     padding: 0 !important;
     text-align: center;
     margin: 0 4px;
     color: #1e293b;
     pointer-events: none;
     outline: none !important;
 }

 /* Remove arrows and custom styles for number input */
 .quantity-input::-webkit-outer-spin-button,
 .quantity-input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 .quantity-input[type=number] {
     -moz-appearance: textfield;
     appearance: textfield;
 }