/* Form Row - Flexbox approach for form fields - Add this to your CSS */
.form-row {
    display: flex !important;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
}

.form-field {
    flex: 1 1 50% !important;
    max-width: 50% !important;
    box-sizing: border-box;
}

/* Mobile: stack to 100% */
@media (max-width: 768px) {
    .form-field {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
    
    .form-row {
        gap: 0;
    }
}