/* ORDER-1: страница «Заказать фотосъёмку» (/gallery/order.php) в новом дизайне.
   Никаких контактов на странице нет — только форма обращения.
   Цвета и размеры по эталону: акцент #00aeef, подсказки #8a949c. */

#photoorder {
  padding: 24px 0 40px;
}

.po-layout {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
}

.po-form-col {
  display: table-cell;
  width: 62%;
  vertical-align: top;
  padding-right: 32px;
}

.po-side {
  display: table-cell;
  width: 38%;
  vertical-align: top;
}

.po-form {
  display: block;
}

.po-form .auth-field {
  display: block;
  margin-bottom: 14px;
}

.po-form .auth-label {
  display: block;
  margin-bottom: 6px;
  font-family: 'Proxima Nova Regular', Arial, sans-serif;
  font-size: 13px;
  color: #1a1a1a;
}

.po-form .auth-input {
  width: 100%;
  box-sizing: border-box;
}

.po-select {
  height: 44px;
}

.po-textarea {
  min-height: 120px;
  resize: vertical;
  font-family: inherit;
}

.po-req {
  color: #c92a2a;
}

.po-submit {
  margin-top: 10px;
}

.po-note {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.5;
  color: #8a949c;
}

.po-msg {
  margin-bottom: 18px;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
}

.po-msg-ok {
  background: #e9f7fe;
  border-left: 3px solid #00aeef;
  color: #1a1a1a;
}

.po-msg-err {
  background: #fdecec;
  border-left: 3px solid #c92a2a;
  color: #1a1a1a;
}

.po-side-blk {
  margin-bottom: 18px;
  padding: 16px 18px;
  background: #f7f9fa;
  border-radius: 4px;
}

.po-side-title {
  margin-bottom: 8px;
  font-family: 'Proxima Nova Bold', Arial, sans-serif;
  font-size: 14px;
  color: #1a1a1a;
}

.po-side-text {
  font-size: 13px;
  line-height: 1.6;
  color: #4a555c;
}

.po-side-text a {
  color: #00aeef;
  text-decoration: none;
}

.po-side-text a:hover {
  text-decoration: underline;
}

.po-form .auth-captcha-row img {
  border: 1px solid #e3e8eb;
  border-radius: 4px;
}

/* ======================================================================
   ЗАКАЗ-ФОТООТЧЁТА-1 (05.10.2026): кегли и зоны нажатия формы
   ======================================================================
   Проверка задачи: «кегли ≥ 14 px, тап-зоны ≥ 44 px». На этой странице
   подписи полей были 13 px, а текст галочки согласия — 12 px: правило
   самой страницы (.po-form .auth-label) перебивало общее мобильное
   правило mobile_audit.css (там .auth-label и .auth-consent-text уже
   14 px, но у него специфичность ниже). Поэтому поднимаем размеры ЗДЕСЬ и
   только для своей страницы (#photoorder) — общие файлы (consent_v2.css,
   mobile_audit.css) не трогаем, регистрация и восстановление доступа не
   меняются.

   Галочка согласия: сама клетка 20×20, а строка галочки — не ниже 44 px
   (клетка внутри <label>, нажатие по строке тоже ставит галочку).
   Правило 11а: ни одного font-weight, только имена начертаний. */
#photoorder .po-form .auth-label,
#photoorder .po-form .po-req,
#photoorder .po-form .auth-captcha-reload,
#photoorder .po-form .cb-cp-field-arrow,
#photoorder .po-form .auth-consent,
#photoorder .po-form .auth-consent-text,
#photoorder .po-form .auth-consent-text a,
#photoorder .po-form .auth-consent-all,
#photoorder .po-form .auth-consent-editions {
  font-size: 14px;
}

#photoorder .po-note,
#photoorder .po-side-text {
  font-size: 14px;
}

#photoorder .po-form .auth-consent-line {
  display: flex;
  align-items: flex-start;
  min-height: 44px;
  padding: 2px 0;
}

#photoorder .po-form .auth-consent-box {
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  flex: none;
}

#photoorder .po-form .auth-consent-meta {
  padding-left: 28px;
}