/* E-mail подписка (webform 3251) — вид как на /zakazat, на всём сайте.
   preprocess:FALSE — без залипания агрегатов. */

#block-webform-client-block-3251,
#footer .footer-col--subscribe #block-webform-client-block-3251 {
  display: block !important;
  max-width: 400px !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#block-webform-client-block-3251 > h2,
#footer .footer-col--subscribe #block-webform-client-block-3251 > h2,
#footer .footer-col--subscribe > .block-title {
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  color: #224681 !important;
  font-weight: bold !important;
  text-align: left !important;
}

#block-webform-client-block-3251 .content,
#webform-ajax-wrapper-3251 {
  height: auto !important;
  overflow: visible !important;
}

#footer #webform-client-form-3251,
#webform-client-form-3251,
.webform-client-form-3251 {
  display: block !important;
  box-sizing: border-box !important;
  border: 1px solid #DBDBDB !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  padding: 14px 16px 16px !important;
  background: #fff !important;
  max-width: 400px !important;
  width: 100% !important;
  margin: 0 !important;
}

#webform-client-form-3251 > div {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 10px 10px !important;
}

/* Ряд 1: E-mail + Подписаться */
#webform-client-form-3251 #webform-component-elektronnaya-pochta {
  margin: 0 !important;
  padding: 0 !important;
  order: 0 !important;
  flex: 1 1 180px !important;
  min-width: 160px !important;
  max-width: 220px !important;
  float: none !important;
  clear: none !important;
  overflow: visible !important;
}

#webform-client-form-3251 #webform-component-elektronnaya-pochta label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  overflow: hidden !important;
  height: 1px !important;
  width: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

#webform-client-form-3251 #edit-submitted-elektronnaya-pochta,
#webform-client-form-3251 #edit-submitted-elektronnaya-pochta--2,
#webform-client-form-3251 #edit-submitted-elektronnaya-pochta--3,
#edit-submitted-elektronnaya-pochta,
#edit-submitted-elektronnaya-pochta--2,
#edit-submitted-elektronnaya-pochta--3 {
  float: none !important;
  width: 100% !important;
  max-width: 220px !important;
  height: 34px !important;
  line-height: 22px !important;
  box-sizing: border-box !important;
  padding: 5px 10px !important;
  font-size: 14px !important;
  margin: 0 !important;
  border: 1px solid #DBDBDB !important;
  background: #fff !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  outline: 0 none !important;
  box-shadow: none !important;
}

#webform-client-form-3251 .form-actions {
  clear: none !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  order: 1 !important;
  height: 34px !important;
  line-height: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
}

#webform-client-form-3251 #edit-webform-ajax-submit-3251,
#edit-webform-ajax-submit-3251 {
  display: block !important;
  width: auto !important;
  min-width: 108px !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  margin: 0 !important;
  border: none !important;
  white-space: nowrap !important;
  background: url(../images/send.png) 0 0 no-repeat !important;
  background-size: 108px 102px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

#edit-webform-ajax-submit-3251:hover {
  background-position: 0 -34px !important;
}

#edit-webform-ajax-submit-3251:active {
  background-position: 0 -68px !important;
}

/* Ряд 2: капча + код */
#webform-client-form-3251 .captcha {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 100% !important;
  order: 2 !important;
  float: none !important;
  clear: none !important;
  overflow: visible !important;
}

#webform-client-form-3251 .captcha > img {
  width: 170px !important;
  height: 56px !important;
  display: block !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  float: none !important;
}

#webform-client-form-3251 .form-item-captcha-response {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  overflow: visible !important;
}

#webform-client-form-3251 .form-item-captcha-response label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  overflow: hidden !important;
  height: 1px !important;
  width: 1px !important;
  margin: 0 !important;
  float: none !important;
}

#webform-client-form-3251 .form-item-captcha-response input,
#webform-client-form-3251 input[name="captcha_response"] {
  float: none !important;
  width: 120px !important;
  min-width: 100px !important;
  max-width: 140px !important;
  height: 34px !important;
  line-height: 22px !important;
  box-sizing: border-box !important;
  padding: 5px 10px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  border: 1px solid #DBDBDB !important;
  background: #fff !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  outline: 0 none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

#webform-client-form-3251 .form-item-captcha-response input:focus,
#webform-client-form-3251 input[name="captcha_response"]:focus {
  border: 1px solid #DBDBDB !important;
  outline: 0 none !important;
  box-shadow: none !important;
}

/* Ряд 3: согласие */
#webform-client-form-3251 #webform-component-obrabotka-personalnih {
  flex: 1 1 100% !important;
  order: 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  clear: none !important;
  overflow: visible !important;
  float: none !important;
}

#webform-client-form-3251 #webform-component-obrabotka-personalnih p {
  margin: 0 !important;
  line-height: 1.35 !important;
}

#webform-client-form-3251 #webform-component-obrabotka-personalnih input[type="checkbox"] {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 8px 0 0 !important;
  vertical-align: middle !important;
  float: none !important;
  cursor: pointer !important;
}

@media (max-width: 768px) {
  #block-webform-client-block-3251,
  #webform-client-form-3251 {
    max-width: 100% !important;
  }
}