.lu-inline-form{
  --lu-if-width: 460px;
  --lu-if-radius: 14px;
  --lu-if-border: rgba(0,0,0,.16);
  --lu-if-focus: #5FC6F1;
  --lu-if-green: #95C12B;
  --lu-if-green-dark: #7BA321;
  --lu-if-text: #1f2a24;

  margin: 36px 0;
  text-align: left;
}

.lu-inline-form__body{
  max-width: var(--lu-if-width);
}



/* ---------- Сброс собственной вёрстки Б24 ---------- */

.lu-inline-form .b24-form,
.lu-inline-form .b24-form-wrapper,
.lu-inline-form .b24-form-content,
.lu-inline-form .b24-form-padding-side,
.lu-inline-form .b24-form-padding-bottom,
.lu-inline-form .b24-form-header-padding{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lu-inline-form .b24-form-header,
.lu-inline-form .b24-form-footer,
.lu-inline-form .b24-form-sign,
.lu-inline-form .b24-form-btn-share-block{
  display: none !important;
}


/* ---------- Поля ---------- */

.lu-inline-form .b24-form-field{
  margin-bottom: 12px !important;
}

.lu-inline-form .b24-form-control-container{
  position: relative !important;
  min-height: 56px !important;
  padding: 16px 18px !important;
  border: 1px solid var(--lu-if-border) !important;
  border-radius: var(--lu-if-radius) !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}

.lu-inline-form .b24-form-control-container:hover{
  border-color: rgba(0,0,0,.28) !important;
}

.lu-inline-form .b24-form-control-container:focus-within,
.lu-inline-form .b24-form-control-container.b24-form-control-active{
  border-color: var(--lu-if-focus) !important;
  box-shadow: 0 0 0 4px rgba(95,198,241,.18) !important;
  outline: none !important;
}

.lu-inline-form .b24-form-control-container input,
.lu-inline-form .b24-form-control-container textarea{
  width: 100% !important;
  height: auto !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: 'SegoeUIRegular', Arial, 'PT Sans Caption', sans-serif !important;
  font-size: 15px !important;
  color: #111 !important;
}


/* ---------- Плавающий лейбл ---------- */

.lu-inline-form .b24-form-control-label{
  font-family: 'SegoeUIRegular', Arial, 'PT Sans Caption', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(17,17,17,.55) !important;
}

.lu-inline-form .b24-form-control-container.b24-form-control-not-empty .b24-form-control-label,
.lu-inline-form .b24-form-control-container.b24-form-control-active .b24-form-control-label,
.lu-inline-form .b24-form-control-container:focus-within .b24-form-control-label{
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: rgba(42,140,184,.95) !important;
}

.lu-inline-form .b24-form-control-required{
  color: #FF6B6B !important;
}


/* ---------- Согласия (чекбоксы) ---------- */

.lu-inline-form .b24-form-field-agreement,
.lu-inline-form .b24-form-control-agreement{
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: rgba(17,17,17,.72) !important;
  background: transparent !important;
}

.lu-inline-form .b24-form-field-agreement .b24-form-control-container,
.lu-inline-form .b24-form-control-agreement .b24-form-control-container{
  min-height: 0 !important;
  padding: 6px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.lu-inline-form .b24-form-field-agreement .b24-form-control-container:hover,
.lu-inline-form .b24-form-control-agreement .b24-form-control-container:hover,
.lu-inline-form .b24-form-field-agreement .b24-form-control-container:focus-within,
.lu-inline-form .b24-form-control-agreement .b24-form-control-container:focus-within{
  border: 0 !important;
  box-shadow: none !important;
}

.lu-inline-form .b24-form-field-agreement label,
.lu-inline-form .b24-form-control-agreement label{
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
}

.lu-inline-form .b24-form-field-agreement label .b24-form-control-desc,
.lu-inline-form .b24-form-control-agreement label .b24-form-control-desc{
  flex: 1 1 auto;
  min-width: 0;
}

/* Чекбокс центрируется по первой строке текста независимо
   от того, сколько строк занимает подпись */
.lu-inline-form .b24-form-field-agreement input[type="checkbox"],
.lu-inline-form .b24-form-control-agreement input[type="checkbox"]{
  appearance: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 1px 0 0 !important;
  border: 1.5px solid rgba(0,0,0,.25) !important;
  border-radius: 5px !important;
  background: #fff !important;
  cursor: pointer !important;
  transition: .15s ease !important;
}

.lu-inline-form .b24-form-field-agreement input[type="checkbox"]:hover,
.lu-inline-form .b24-form-control-agreement input[type="checkbox"]:hover{
  border-color: rgba(0,0,0,.45) !important;
}

.lu-inline-form .b24-form-field-agreement input[type="checkbox"]:checked,
.lu-inline-form .b24-form-control-agreement input[type="checkbox"]:checked{
  background: var(--lu-if-green) !important;
  border-color: var(--lu-if-green-dark) !important;
}

.lu-inline-form .b24-form-field-agreement input[type="checkbox"]:checked:after,
.lu-inline-form .b24-form-control-agreement input[type="checkbox"]:checked:after{
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 1px !important;
  width: 5px !important;
  height: 10px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

.lu-inline-form .b24-form-field-agreement a,
.lu-inline-form .b24-form-field-agreement-link{
  color: #2A8CB8 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}


/* ---------- Кнопка ---------- */

.lu-inline-form .b24-form-btn-container{
  margin-top: 16px !important;
}

.lu-inline-form .b24-form-btn-block{
  width: 100% !important;
}

.lu-inline-form .b24-form-btn,
.lu-inline-form button.b24-form-btn{
  width: 100% !important;
  min-height: 56px !important;
  padding: 18px 26px !important;
  border: 1px solid var(--lu-if-green-dark) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, var(--lu-if-green) 0%, var(--lu-if-green-dark) 100%) !important;
  color: #fff !important;
  font-family: 'SegoeUIBold', Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  cursor: pointer !important;
  box-shadow:
    0 12px 28px rgba(123,163,33,.36),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
  transition: .18s ease !important;
}

.lu-inline-form .b24-form-btn:hover,
.lu-inline-form button.b24-form-btn:hover{
  transform: translateY(-1px);
  background: linear-gradient(180deg, #A4CF3A 0%, #88B228 100%) !important;
  box-shadow:
    0 16px 32px rgba(123,163,33,.42),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}

.lu-inline-form .b24-form-btn:active,
.lu-inline-form button.b24-form-btn:active{
  transform: translateY(0);
}


/* ---------- Ошибки и состояния ---------- */

.lu-inline-form .b24-form-control-alert-message{
  margin-top: 4px !important;
  font-family: 'SegoeUIRegular', Arial, sans-serif !important;
  font-size: 12px !important;
  color: #FF6B6B !important;
}

.lu-inline-form .b24-form-state-container{
  background: transparent !important;
}


/* ---------- Адаптив ---------- */

@media (max-width: 767px){
  .lu-inline-form{
    max-width: none;
    margin: 28px 0;
  }

  .lu-inline-form__body{
    max-width: none;
  }
}