/* Стили ТОЛЬКО для основной формы с классом uc-twocolumns-form */
.uc-twocolumns-form .t-form__submit {
    text-align: right !important;
    margin-left: auto !important;
    max-width: 50%;
}

.uc-twocolumns-form button.t-submit {
    transform: none !important;
    margin-left: auto !important;
    width: auto !important;
    padding: 12px 40px !important;
}

/* Стили для полей ввода в состоянии активности */
.uc-twocolumns-form input:focus,
.uc-twocolumns-form textarea:focus {
    background-color: #ffffff; /* Чисто белый цвет фона для активных полей ввода */
    border: 1px solid #ccc; /* Граница для полей ввода */
}

/* Сброс стилей для ВСЕХ других форм Tilda */
.t-form:not(.uc-twocolumns-form) .t-form__submit,
.t-form:not(.uc-twocolumns-form) button.t-submit {
    text-align: center !important;
    margin-left: initial !important;
    width: 100% !important;
    transform: none !important;
    padding: 15px !important;
}

/* Адаптив для основной формы */
@media (max-width: 959px) {
    .uc-twocolumns-form .t-form__submit {
        text-align: center !important;
        max-width: 100%;
    }
    
    .uc-twocolumns-form button.t-submit {
        width: 100% !important;
    }

.uc-twocolumns-form .t-form__inputsbox {
    display: grid; /* Используем сетку для двух колонок */
    grid-template-columns: 1fr 1fr; /* Две колонки одинаковой ширины */
    grid-gap: 15px; /* Расстояние между колонками */
}

.uc-twocolumns-form .t-input-title {
    height: auto; /* Высота заголовка инпута автоматически подстраивается */
}

.uc-twocolumns-form .t-form__errorbox-middle {
    grid-column: 1 / 3; /* Ошибки занимают обе колонки */
}

.uc-twocolumns-form .t-form__submit {
    grid-column: 1 / 3; /* Кнопка отправки занимает обе колонки */
    margin-top: 0; /* Убираем отрицательный отступ */
    text-align: left; /* Выравнивание текста по левому краю */
}

.uc-twocolumns-form button.t-submit {
    width: 100%; /* Кнопка занимает всю ширину контейнера */
}

/* Адаптивные стили для мобильных устройств */
@media (max-width: 959px) {
    .uc-twocolumns-form .t-form__inputsbox {
        display: block; /* Изменяем на блочную модель для мобильных устройств */
    } 

    .uc-twocolumns-form .t-input-group {
        margin-bottom: 15px; /* Добавляем отступ между инпутами */
    }

    .uc-twocolumns-form .t-form__submit {
        margin-top: 20px; /* Увеличиваем отступ сверху для кнопки */
        transform: none; /* Убираем любое смещение кнопки */
    }

    .uc-twocolumns-form button.t-submit {
        transform: none; /* Убираем смещение кнопки на мобильной версии */
    }

/* Базовые стили кнопки */
.uc-twocolumns-form button.t-submit {
    transition: all 0.3s ease !important;
}

/* Ховер-эффекты */
.uc-twocolumns-form button.t-submit:hover {
    background-color: #F5F503 !important; /* Изменение цвета фона */
    color: #000000 !important; /* Изменение цвета текста */
    box-shadow: 0 5px 5px rgba(255, 68, 68, 0.4) !important; /* Тень */
    transform: translateY(-0.5px) !important; /* Эффект "подпрыгивания" */
}

/* Дополнительные эффекты при нажатии */
.uc-twocolumns-form button.t-submit:active {
    transform: translateY(1px) !important;
}

/* Для мобильных устройств (отключение трансформаций) */
@media (max-width: 959px) {
    .uc-twocolumns-form button.t-submit:hover,
    .uc-twocolumns-form button.t-submit:active {
        transform: none !important;
    }
    
@media (max-width:959px){

 /* T555  contentwrapper */
 .t555 .t-col .t555__contentwrapper{
  padding-left:0px !important;
  padding-right:0px !important;
  padding-top:0px !important;
  margin-left:0px !important;
 }
 
    