/* === COMPACT OVERRIDES: только для Шага 1 (1000×570) === */
.debtpopup{ width:1000px; height:570px; } /* фиксируем, как просили */
.debtpopup__left, .debtpopup__right{ padding:20px 24px; }
/* Арт: чуть компактнее, чтобы оставить «воздух» слева */
#dp-art.debtpopup__art{
width:430px; height:480px; right:18px; opacity:.95;
}
/* Контейнер шага 1 — распределяем блоки по вертикали, чтобы не «наваливались» */
#step1{
display:flex; flex-direction:column; justify-content:space-between; gap:10px;
height:100%;
}
/* Заголовок компактнее */
#step1 .dp-title{
font-size:22px; line-height:1.22; margin:0 0 8px;
}
/* Поля формы: аккуратно уменьшаем отступы */
#step1 .dp-grid{ gap:8px; margin-bottom:4px; }
#step1 .dp-field{ gap:5px; }
#step1 .dp-label{ font-size:12.5px; }
#step1 .dp-input,
#step1 .dp-select{
padding:10px 12px; font-size:14px;
}
#step1 .dp-hint{ font-size:11px; }
/* Тогглы — более плотные */
#step1 .dp-row{ gap:12px; margin-top:2px; }
#step1 .dp-toggle span{ font-size:12.5px; }
#step1 .dp-toggle small{ font-size:10.5px; margin-left:50px; }
/* Переключатель поменьше */
#step1 .dp-switch{ width:42px; height:22px; }
#step1 .dp-switch::after{ width:16px; height:16px; top:3px; left:3px; }
#step1 .dp-switch.active::after{ left:23px; }
/* Кнопка действия — плотнее и без лишнего внешнего отступа */
#step1 #dp-next.dp-btn{ padding:11px 14px; font-size:15px; margin-top:8px; }
/* Футнот компактнее */
#step1 .dp-footnote{ font-size:10.5px; margin-top:6px; }
/* Чуть меньше «воздуха» слева, чтобы избежать вертикального переполнения */
@media (min-width:981px){
.debtpopup__left{ padding-top:18px; padding-bottom:18px; }
}
/* Дополнительно: если в какой-то момент заголовок станет в 3 строки,
уменьшим его на 1px, чтобы всё равно влезло (тонкая адаптация) */
@supports (line-clamp: 3) or (-webkit-line-clamp: 3){
#step1 .dp-title{
display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
}