/* Стили для валидации телефона */

/* Поле с ошибкой */
input#mdn.error {
  border: 2px solid #d32f2f !important;
  background-color: #ffebee !important;
}

/* Анимация при появлении ошибки */
input#mdn.error {
  animation: shake 0.3s ease-in-out;
}

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

/* Сообщение об ошибке */
.phone-error {
  display: none !important;
  visibility: hidden !important;
}

/* Placeholder стиль */
input#mdn::placeholder {
  color: #999;
  font-style: italic;
}

/* Фокус на поле */
input#mdn:focus {
  border-color: #4caf50;
  outline: none;
  box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
}

/* Валидное поле (можно добавить зеленую подсветку) */
input#mdn.valid {
  border-color: #4caf50;
}