.quantity {
display: inline-flex !important;
align-items: center !important;
background: #ffffff !important;
border: 1px solid #E2E8F0 !important;
border-radius: 8px !important;
overflow: hidden !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important;
padding: 3px !important;
box-sizing: border-box !important;
} .quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.quantity input.qty {
-moz-appearance: textfield !important;
appearance: textfield !important; border: none !important;
outline: none !important;
box-shadow: none !important;
background: transparent !important;
text-align: center !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #111827 !important;
width: 45px !important;
height: 36px !important;
margin: 0 !important;
padding: 0 !important;
} .quantity .qty-btn {
background: #f9fafb !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
color: #374151 !important;
width: 34px !important;
height: 34px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 16px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
border-radius: 6px !important;
padding: 0 !important;
margin: 0 !important;
} .quantity .qty-btn:hover {
background-color: var(--season-text, #af9072) !important;
color: #ffffff !important;
}
.quantity .qty-btn:active {
transform: scale(0.95);
}