/* Витрина: поля ввода живых форм (заявка, оформление заказа) и ловушка для ботов.
   Подключается только на публичной странице — в конструкторе формы нарисованы
   неактивными макетами (ui/site.css). Цвета — переменные темы: --s-accent, --s-bg, --s-ink, --s-r. */

/* Поля ввода: настоящая форма витрины и корзина */
input.s-input,
textarea.s-input {
  width: 100%;
  border: 0;
  outline: 0;
  color: var(--s-ink);
  font-size: 15px;
  opacity: 1;
  box-shadow: inset 0 0 0 1px rgba(29, 31, 26, 0.12);
  transition: box-shadow 0.14s ease-out;
}
textarea.s-input {
  min-height: 72px;
  resize: vertical;
}
input.s-input::placeholder,
textarea.s-input::placeholder {
  color: var(--s-ink);
  opacity: 0.5;
}
input.s-input:focus,
textarea.s-input:focus {
  box-shadow: inset 0 0 0 1.5px var(--s-ink);
}
.s-input[aria-invalid="true"] {
  box-shadow: inset 0 0 0 1.5px #b3261e;
}
.s-input[hidden] {
  display: none;
}
.s-form__note {
  font-size: 13px;
  line-height: 1.4;
}
.s-form__note:empty {
  display: none;
}
.s-form__note.is-ok {
  color: #2f6b3a;
  font-weight: 600;
}
.s-form__note.is-error {
  color: #b3261e;
}
.s-form__note.is-info {
  opacity: 0.7;
}
/* ловушка для ботов: в вёрстке есть, глазу и клавиатуре не видна */
.s-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}