/* assets/css/payment-form.css */
.carddetails {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.payment_card_number {
    width: 100%; /* Takes full width */
    max-width: 300px; /* Optional: Set a max-width if needed */
}

.form-row-second-line {
    display: flex;
    gap: 15px;
}

.form-row-wide {
    width: 100%;
}

.form-row-first, 
.form-row-middle, 
.form-row-last {
    flex: 1;
}

@media (max-width: 768px) {
    .form-row-second-line {
        flex-direction: column;
    }
}