.form-group.has-error input,
    .form-group.has-error select,
    .form-group.has-error textarea {
        border-color: #ef4444 !important;
    }

    .form-group .error-message {
        color: #ef4444;
        font-size: 0.85rem;
        margin-top: 5px;
        display: block;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 768px) {
        .form-grid-2 {
            grid-template-columns: 1fr !important;
            gap: 1rem !important;
        }

        .form-container {
            padding: 1.5rem !important;
        }

        .order-summary {
            padding: 1.5rem !important;
        }

        .section-header {
            padding: 4rem 1.5rem 2.5rem !important;
        }

        .section-header h1 {
            font-size: 1.5rem !important;
        }

        .section-header p {
            font-size: 0.9rem !important;
        }

        .input-field {
            padding: 0.8rem !important;
            font-size: 0.9rem !important;
        }

        .btn-submit {
            font-size: 1rem !important;
            padding: 0.8rem !important;
        }
    }