/* ===== ФОРМА "БЕСПЛАТНАЯ КОНСУЛЬТАЦИЯ" (ID 32) ===== */

/* 1. Все контейнеры – на 100% ширины родителя */
#webform-client-form-32 .form-item,
#webform-client-form-32 fieldset.captcha,
#webform-client-form-32 .form-actions {
  width: 100%;
  box-sizing: border-box;
  clear: both;
}

/* 2. Поле телефона – ширина 100% (ваш селектор) */
#webform-client-form-32 #edit-submitted-nomer-telefona {
  width: 100%;
  box-sizing: border-box;
}

/* 3. Убираем заголовок CAPTCHA и подсказку «Введите символы...» */
#webform-client-form-32 fieldset.captcha legend,
#webform-client-form-32 .form-item-captcha-response .description {
  display: none;
}

/* 4. Отступ между полем телефона и описанием капчи */
#webform-client-form-32 .fieldset-description {
  margin-top: 15px;   /* регулируйте по желанию */
}

/* 5. Картинка + поле ввода капчи в строку */
#webform-client-form-32 fieldset.captcha .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* Картинка капчи на ПК – оригинальный размер (180x60), скругление */
#webform-client-form-32 .captcha img {
  width: 180px;
  height: 46px;
  flex-shrink: 0;
  border-radius: 50px;   /* скругление углов */
}

#webform-client-form-32 .form-item-captcha-response {
  flex: 1;
  margin: 0;
}
#webform-client-form-32 .form-item-captcha-response input {
  width: 100%;
  box-sizing: border-box;
}

/* 6. Убираем label у поля капчи (чтобы не дублировался текст) */
#webform-client-form-32 .form-item-captcha-response label {
  display: none;
}

/* 7. Кнопка – на всю ширину, без смещения вправо */
#webform-client-form-32 .form-actions {
  margin-top: 20px;
  width: 100%;
  text-align: left !important;      /* перебиваем возможное text-align: right */
  padding: 0;
}
#webform-client-form-32 .form-submit {
  width: 100%;
  box-sizing: border-box;
  display: block;
  float: none !important;           /* убираем float: right, если был */
  margin: 0 !important;             /* сбрасываем любые отступы */
}

.node-32 .form-actions {
  margin: 0; 
}

/* 8. Мобильная версия (ширина < 768px) – картинка уменьшается, колонка */
@media (max-width: 768px) {
  #webform-client-form-32 fieldset.captcha .fieldset-wrapper {
    flex-direction: column;
    align-items: stretch;
  }
  #webform-client-form-32 .captcha img {
    width: 180px;       /* или оставьте 180px, как у вас */
    height: auto;
    display: block;
    margin: 0 auto;     /* это выравнивает картинку по центру */
  }
}