.t-form__inputsbox_inrow .t-input-group_width50:not(.t-input-group_inonerow) .t-input-block, .t-form__inputsbox_inrow .t-input-group_width50:not(.t-input-group_inonerow) .t-input-title { width: 100% !important; } .tn-form__submit { margin-top: -40px; } button.t-submit { min-width: 100%; } span.t-checkbox__labeltext { font-size: 13px; } .t-checkbox__indicator { border-radius: 5px; } .t-checkbox__control .t-checkbox:checked~.t-checkbox__indicator { background-color: #202020; border-color: #202020 !important; } .t-checkbox__control .t-checkbox:checked~.t-checkbox__indicator:after { display: block; width: 6px; left: 4px; border-color: #e5f708 !important; } /* 2-колоночный грид */ .t-form__inputsbox{ display:grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-auto-rows: auto; column-gap: 40px; row-gap: 16px; align-items:start; } .t-input-group{ margin-bottom:0 !important; } /* левая колонка */ .t-input-group_nm{ grid-column:1; grid-row:1; } .t-input-group_em{ grid-column:1; grid-row:2; } .t-input-group_ph{ grid-column:1; grid-row:3; } /* правая колонка: комментарий растягиваем на 3 строки */ .t-input-group_ta{ grid-column:2; grid-row:1 / span 3; display:flex; /* чтобы растянуть внутренний блок */ flex-direction:column; } .t-input-group_ta .t-input-block{ flex:1 1 auto; /* занимает всю высоту своей grid-ячейки */ display:flex; } .t-input-group_ta textarea.t-input{ height:100% !important; /* растягиваем по высоте 3 строк */ min-height:135px; /* чтобы не схлопывалась на очень маленьких строках */ } /* ниже чекбокс и кнопка */ .t-input-group_cb{ grid-column:2; grid-row:3; } .tn-form__submit{ grid-column:2; grid-row:4; justify-self:start; } /* блок ошибок (если нужен) на всю ширину снизу */ .t-form__errorbox-middle{ grid-column:1 / -1; grid-row:6; } /* мобилка — одна колонка */ @media (max-width: 960px){ .t-form__inputsbox{ grid-template-columns:1fr; column-gap:0; } .t-input-group_nm, .t-input-group_em, .t-input-group_ph, .t-input-group_ta, .t-input-group_cb, .tn-form__submit, .t-form__errorbox-middle{ grid-column:1; grid-row:auto; } .tn-form__submit{ justify-self:stretch; width:100% !important; } }