/* Стили для валидации форм */
.phone-error, .name-error {
    color: #ff4444 !important;
    font-size: 12px !important;
    margin-top: 3px !important;
    min-height: 16px !important;
    line-height: 16px !important;
    display: none !important;
    position: relative !important;
    font-weight: normal !important;
}

input[type=text] {

 
 
 color: #1f1f1f;
 font-family: 'firago-bookitalic';
 font-size: 15px;
 padding: 12px 20px;
 margin: 8px 0;
 border-radius: 25px;
 box-sizing: border-box;
 border: none;
 text-align: left;
 display: block;
 margin-left: auto;
 margin-right: auto;
 
 position: relative;
 width: 310px;
 height: 60px;
 box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
 font-feature-settings: "case" on;
  
  
}

input[type=tel] {
 
  
 
  color: #1f1f1f;
  font-family: 'firago-bookitalic';
  font-size: 15px;
  padding: 12px 20px;
  margin: 8px 0;
  border-radius: 25px;
  box-sizing: border-box;
  border: none;
  text-align: left;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  position: relative;
  width: 310px;
  height: 60px;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  font-feature-settings: "case" on;
 
}

::placeholder {
  color: #808080;
  font-family: 'firago-bookitalic';
  font-size: 18px;
  font-feature-settings: "case" on;
  

  }

#order input.valid {
    border-color: #28a745 !important;
}

#order input.invalid {
    border-color: #dc3545 !important;
}

/* Стили для intl-tel-input */
.iti {
    width: 100% !important;
}

.iti__flag-container {
    border-right: 1px solid #ddd !important;
    cursor: default !important;
    pointer-events: none !important;
}

.iti__selected-dial-code {
    color: #333 !important;
}

/* Скрываем стрелку выпадающего списка */
.iti__arrow {
    display: none !important;
}

/* Убираем hover эффекты для флага */
.iti__flag-container:hover {
    background-color: transparent !important;
}