.quantity-selector .quantity-btn {
    background-color: #f8f9fa;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.quantity-selector .quantity-btn:hover {
    background-color: #e9ecef;
}

.quantity-selector .quantity-btn:active {
    transform: scale(0.95);
}

.quantity-selector .quantity-btn i {
    color: #495057;
    font-size: 0.875rem;
}

#quantity::-webkit-inner-spin-button,
#quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#quantity {
    -moz-appearance: textfield;
    appearance: textfield;
}

.product-info {
    animation: fadeInDown 0.3s ease;
}

.quantity-selector {
    animation: fadeInUp 0.3s ease 0.1s both;
}

#confirmQuantity {
    animation: fadeInUp 0.3s ease 0.2s both;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}