/* Стили формы «Задать вопрос» */
.ask-form{display:block}
.ask-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ask-brand .brand__ico{width:28px;height:28px}
.ask-brand__title{font-size:18px;font-weight:600}
.ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ask-grid .field{display:flex;flex-direction:column}
.field--full{grid-column:1 / -1}
.req{color:#c00;margin-left:4px}
.ask-actions{display:flex;gap:8px;align-items:center;margin-top:10px}
.ask-feedback{margin-top:8px;font-size:14px}
.ask-captcha{margin-top:10px;padding-top:8px;border-top:1px dashed #ddd}
.btn--ghost{background:#fff;border:1px solid #ddd}

/* Капча (встраиваемый виджет) */
.captcha-puzzle{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:420px}
.captcha-piece{width:100px;height:100px;border:1px solid #ccc;background:#f7f7f7;cursor:grab}
.captcha-piece img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.captcha-caption{
  margin:4px 0 8px;
  font-style:italic;
  color:#333;
  white-space: normal;       /* разрешаем переносы */
  overflow-wrap: anywhere;   /* перенос длинных слов */
  max-width: 100%;           /* не шире контейнера слева на мобиле */
}

.captcha-controls{display:flex;gap:8px;align-items:center;margin:6px 0}
.captcha-btn{padding:6px 10px;cursor:pointer}
.captcha-btn.alt{background:#f5f5f5;border:1px solid #ddd}
.captcha-attempts{color:#555}
.captcha-result{margin-top:6px}
.captcha-disabled{opacity:.6;pointer-events:none}

/* Окно КАПЧИ — фикс потолок как было */
#sbModalCaptcha .modal-card { max-width: 900px; }

/* Окно «Задать вопрос» — 620px */
#sbModalAsk .modal-card{
  max-width: 620px;
  width: min(96vw, 620px);
}
/* Чекбокс и подпись в одной линии */
#sbModalAsk .ask-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Контейнер чекбокса + ссылка */
#sbModalAsk .ask-agree{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.2;
}

/* Оранжевая галочка — современный способ */
#sbModalAsk .ask-agree input[type="checkbox"]{
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #ff7a00; /* оранжевый */
}

/* Ссылка-надпись */
#sbModalAsk .ask-agree a {
  color: inherit;
  text-decoration: none;
}

/* Не возвращать подчёркивание при hover/focus */
#sbModalAsk .ask-agree a:hover,
#sbModalAsk .ask-agree a:focus {
  text-decoration: none;
}