
.modal-card .form-accept input[type="checkbox"] {
  position: static;
  opacity: 1;
  visibility: visible;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 1px solid var(--seryy);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  background-color: transparent;
}

 
.modal-card .form-field.incorrect input,
.modal-card .form-field.incorrect select {
  border-color: #ff4d4d !important;
  background-color: #fff5f5;
}
 
.modal-card .input-error {
  color: #ff4d4d;
  font-size: 12px;
  margin-top: 4px;
  display: block;
}

.shake {
  animation: shake 0.4s ease-in-out;
}

.error-message-main {
  color: red;
  margin-top: 10px;
}

@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}

/* Подсветка текста согласия */
.modal-card .form-accept.incorrect .form-accept__label {
  color: #ff4d4d;
}


.modal-card-form.loading {
    opacity: 0.5;
    pointer-events: none;  
    transition: opacity 0.3s ease;
}
 
.form-btn:disabled {
    cursor: wait;
    filter: grayscale(1);
}