/* options.asp: дополнения к styles-payment.min.css (unit-блок, textarea, ошибки тайлов) */
.options-unit-row { display: flex; align-items: flex-end; gap: 12px; }
.options-unit-col { flex: 1 1 0; min-width: 0; }
.options-unit-arrow { flex-shrink: 0; transform: rotate(180deg); margin-bottom: 8px; }
@media (max-width: 767.98px) {
	.options-unit-row { flex-direction: column; align-items: stretch; }
	.options-unit-arrow { transform: rotate(-90deg); align-self: center; margin: 0; }
}
.field .input.w-100 { width: 100%; }
/* легаси style.min.css перебивает textarea - зеркалим правило body input.input */
body textarea.options-textarea { border: 1px solid var(--gray-200); border-radius: 6px; background-color: #fff; padding: 5px 10px; font-size: 16px; line-height: 22px; color: var(--gray-900); font-family: inherit; resize: vertical; min-height: 84px; }
body textarea.options-textarea:focus { border-color: var(--border-brand); outline: 3px solid var(--background-brand-light-hover); }
.options-variants .radio, .options-variants .checkbox { width: auto; }
.options-select .select2-container { width: 100% !important; }
.options-select .select2-container .selection { flex: 1 1 auto; min-width: 0; }
.options-select .select2-container--default .select2-selection--single { width: 100%; justify-content: flex-start; }
.options-select .select2-container--default .select2-selection--single .select2-selection__rendered { padding-right: 24px; }
.options-select--error .select2-container--default .select2-selection--single { border: 1px solid var(--border-error); }
/* высота как у соседних input: 34px, на мобиле легаси style.min.css даёт input 40px */
.options-select .select2-container .select2-selection--single { height: 34px; }
.options-select .select2-dropdown--below { margin-top: 4px; }
.options-select .select2-dropdown--above { margin-top: -4px; }
@media only screen and (max-width: 768px) { .options-select .select2-container .select2-selection--single { height: 40px; } }
/* параметры в одном тайле: заголовок -> поле 10px, хинт 2px, ошибка - рамка вокруг блока параметра */
.options-param { gap: 10px; }
.options-param__hint { margin-top: 2px; }
.options-param.options-tile--error { outline: 1px solid var(--border-error); outline-offset: 6px; border-radius: 6px; }
/* галка чекбокса: у базового .checkbox__input background-size 24px на 20px боксе (svg 9x6) */
.options-checks .checkbox__input[type=checkbox] { background-size: 10px; }
.options-curr-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 500; }