.crm-form {
    --crm-custom-font: 'Inter', 'Arial', sans-serif;
    position: relative;
    padding: 20px 60px 80px;
    box-sizing: border-box;
}

.crm-form::after {
    content: '';
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    background: #050081;
    z-index: 1;
}

.crm-form__wrapper {
    position: relative;
    z-index: 2;
    border-radius: 5px 200px 5px 5px;
    background-color: #050081;
    box-shadow: 0px 0px 10px 0px rgba(1, 1, 1, 0.8);
    max-width: 1200px;
    margin: 0 auto;
    padding: 45px;
    box-shadow: 0px 0px 10px 0px rgba(1,1,1,0.8);
}

.b24-form-btn.b24-form-btn-white {
    background: #fff !important
}

.b24-form-btn.b24-form-btn-white:hover {
    background: #fff !important
}

.b24-window-mounts {
    position: relative;
    z-index: 9999999
}

.b24-form-border-bottom {
    border-bottom: unset !important
}

.b24-form-control-alert-message:after {
    border-width: 4px !important
}

.b24-form-control-container {
    margin-bottom: 0 !important
}

.b24-form-wrapper {
    background: rgba(0, 0, 0, 0) !important;
    max-width: unset !important
}

.b24-form-content {
    max-width: 860px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 auto !important
}

.b24-form-header {
    margin-bottom: 33px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important
}

.b24-form-header-title {
    margin: 0 auto !important;
    max-width: 860px !important;
    font-family: var(--crm-custom-font) !important;
    font-size: 36px !important;
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1.32 !important
}

.b24-form-control-string .b24-form-control,
.b24-form-control-list .b24-form-control,
.b24-form-control-text .b24-form-control,
.b24-form-control-select .field-item {
    height: 50px !important;
    padding-left: 24px !important;
    border-radius: 5px !important;
    color: #000 !important;
    font-size: 16px !important;
    background: #fff !important;
    font-family: var(--crm-custom-font) !important;
    border-color: #fff !important;
    border: 1px solid #ddd !important
}

.b24-form-control-text textarea.b24-form-control {
    height: 100px !important;
    resize: none !important
}

.b24-form-control-label {
    text-align: left !important;
    padding-left: 24px !important;
    font-size: 14px !important;
    line-height: normal !important;
}

.b24-form-control-select-label,
.b24-form-control:focus+.b24-form-control-label,
.b24-form-control-not-empty+.b24-form-control-label {
    font-size: 13px !important;
    font-family: var(--crm-custom-font) !important
}

.b24-form-field-agreement .b24-form-field-agreement-link {
    font-size: 14px !important;
    font-family: var(--crm-custom-font) !important;
    color: #FFF !important;
    line-height: 1.2 !important
}

.b24-form-field.b24-form-control-alert {
    margin-bottom: 15px !important
}

.b24-form-btn {
    border: 1px solid #E20000 !important;
    background: #E20000 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    min-height: 50px !important;
    padding-bottom: 1px !important;
    padding-top: 1px !important;
    font-family: var(--crm-custom-font) !important;
    border-radius: 5px !important
}

.b24-form-btn:hover {
    background: #fff !important;
    color: #E20000 !important
}

.b24-form-btn.b24-form-btn-border {
    border: 1px solid #E20000 !important;
    color: #E20000 !important
}

.b24-form-btn.b24-form-btn-border:hover {
    border: 1px solid #E20000 !important;
    color: #E20000 !important
}

.b24-form-content > form > div:first-child {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

.b24-form-btn-block {
    display: flex !important;
    justify-content: flex-end !important;
}

.b24-form-btn {
    width: unset !important;
    min-width: 255px;   
}

.b24-form-content > form > div:first-child .b24-form-field {
    margin-bottom: 0 !important;
    flex-grow: 1 !important;
}

@media screen and (max-width: 960px) {
    .b24-form-btn,
    .b24-form-content > form > div:first-child .b24-form-field {
        width: calc(50% - 8px) !important;
    }

    .crm-form {
        padding: 20px 20px 40px;
    }
}

@media screen and (max-width: 546px) {
    .crm-form {
        padding: 20px 0 40px;
    }

    .crm-form::after {
        display: none;
    }

    .b24-form-btn,
    .b24-form-content > form > div:first-child .b24-form-field {
        width: 100% !important;
    }

    .b24-form-header-title {
        font-size: 28px !important
    }
}
/* ==== Общие цвета/шрифты ==== */
.crm-form { --crm-custom-font: 'Inter', 'Arial', sans-serif; }

/* ==== 1) t868 (попап): убрать белую подложку попапа Tilda ==== */
.t-popup_show .t-popup__container,
.t868 .t-popup__container,
.t868 .t-popup__content {
  background: transparent !important;
  box-shadow: none !important;
}

/* Тёмно-синий фон самого блока (как на скриншотах) */
.crm-form { position: relative; padding: 20px 60px 80px; box-sizing: border-box; }
.crm-form::after { content: ""; position: absolute; inset: auto 0 0 0; height: 50%;
  background:#050081; z-index:1; }
.crm-form__wrapper { position: relative; z-index:2; border-radius: 5px 200px 5px 5px;
  background:#050081; box-shadow: 0 0 10px rgba(1,1,1,.8); max-width:1200px; margin:0 auto; padding:45px; }

/* Заголовок/подзаголовок */
.leadform-head { max-width: 860px; margin: 0 auto 24px; color:#fff; }
.leadform-head h2 { font: 700 36px/1.32 var(--crm-custom-font); margin:0 0 8px; }
.leadform-head p  { font: 400 16px/1.5 var(--crm-custom-font); opacity:.9; margin:0; }

/* ==== Стандартные правки Bitrix24 формы ==== */
.b24-form-wrapper{ background:transparent !important; max-width:unset !important; }
.b24-form-content{ max-width:860px !important; padding:0 !important; margin:0 auto !important; }
.b24-form-header{ margin:0 0 16px !important; padding:0 !important; border:0 !important; }
.b24-form-header-title{ display:none !important; } /* заголовок даём своим HTML */

/* Поля */
.b24-form-control-string .b24-form-control,
.b24-form-control-list .b24-form-control,
.b24-form-control-text .b24-form-control,
.b24-form-control-select .field-item{
  height:50px !important; padding:0 24px !important; border-radius:5px !important;
  background:#fff !important; color:#000 !important; font: 16px var(--crm-custom-font);
  border:1px solid #ddd !important;
}
.b24-form-control-text textarea.b24-form-control{ height:100px !important; resize:none !important; }
.b24-form-control-label{ text-align:left !important; padding-left:24px !important; font-size:14px !important; }

/* Согласие/ссылка */
.b24-form-field-agreement .b24-form-field-agreement-link{
  font:14px var(--crm-custom-font) !important; color:#fff !important; line-height:1.2 !important;
}

/* Кнопка */
.b24-form-btn{
  border:1px solid #E20000 !important; background:#E20000 !important; color:#fff !important;
  font:500 16px var(--crm-custom-font) !important; min-height:50px !important; border-radius:5px !important;
  width:unset !important; min-width:255px;
}
.b24-form-btn:hover{ background:#fff !important; color:#E20000 !important; }

/* ==== 2) Сетка полей: 2 колонки; нечётное — последнее на всю ширину ==== */
.b24-form-content > form > div:first-child{
  display:grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap:16px !important; margin-bottom:16px !important;
}
.b24-form-content > form > div:first-child .b24-form-field{ margin:0 !important; }

/* textarea — всегда на всю ширину */
.b24-form-content > form > div:first-child .b24-form-control-text{ grid-column:1 / -1 !important; }

/* если количество обычных полей нечётное — последнее тянем на всю ширину */
.b24-form-content > form > div:first-child .b24-form-field:last-child{
  grid-column: 1 / -1;
}

/* Кнопка справа */
.b24-form-btn-block{ display:flex !important; justify-content:flex-end !important; }

/* ==== Адаптив ==== */
@media (max-width: 960px){
  .crm-form{ padding:20px 20px 40px; }
  .leadform-head h2{ font-size:28px; }
}
@media (max-width: 546px){
  .crm-form{ padding:20px 0 40px; }
  .crm-form::after{ display:none; }
  .b24-form-content > form > div:first-child{ grid-template-columns: 1fr !important; }
}

/* убрать подложку и скругление только для t868 */
.t868 .crm-form__wrapper {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.t868 .t-popup__container,
.t868 .t-popup__content {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.t868 .crm-form::after {
  display: none !important;
}
/* только для t868 */
.t868 .crm-form__wrapper {
  background: #050081 !important; /* оставить синий блок */
  border-radius: 0 !important;    /* убрать скругления */
  box-shadow: none !important;    /* убрать тени */
  max-width: 860px !important;    /* ограничить ширину */
  margin: 0 auto !important;      /* центрировать */
  padding: 45px !important;
}

/* отключить дугу */
.t868 .crm-form::after {
  display: none !important;
}

/* не трогаем размеры контейнера попапа, только делаем прозрачным */
.t868 .t-popup__container,
.t868 .t-popup__content {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* выравнивание текста в инпутах */
.b24-form-control {
  padding: 12px 24px !important; /* сверху/снизу по 12px, слева/справа 24px */
  line-height: 1.4 !important;
  box-sizing: border-box !important;
}

/* отдельно для textarea */
.b24-form-control-text textarea.b24-form-control {
  height: 100px !important;
  resize: none !important;
  padding: 12px 24px !important; /* одинаковые отступы */
  line-height: 1.4 !important;
}
/* для мобильных */
@media (max-width: 480px) {
  .b24-form-btn-block {
    justify-content: center !important; /* центрируем кнопку */
  }
  .b24-form-btn {
    min-width: unset !important;  /* убираем фикс. min-width */
    width: 100% !important;       /* растягиваем на всю ширину */
  }
}