
        .form-validation-toast {
            position: fixed;
            right: 24px;
            bottom: 24px;
            transform: translateY(12px);
            z-index: 99999;
            min-width: min(420px, calc(100vw - 32px));
            max-width: calc(100vw - 32px);
            padding: 14px 18px;
            border-radius: 8px;
            background: #b42318;
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
            opacity: 0;
            pointer-events: none;
            transition: opacity .2s ease, transform .2s ease;
        }

        .form-validation-toast.show {
            opacity: 1;
            transform: translateY(0);
        }

        @media (max-width: 576px) {
            .form-validation-toast {
                right: 16px;
                bottom: 16px;
                min-width: auto;
                width: calc(100vw - 32px);
                max-width: calc(100vw - 32px);
            }
        }

        .form-control.form-field-error,
        input.form-field-error,
        select.form-field-error,
        textarea.form-field-error {
            border-color: #b42318 !important;
        }
    