/* Пользовательские диалоги ограничены экраном даже при фиксированной ширине из JS. */
.jconfirm .jconfirm-box {
    max-width: calc(100vw - 24px);
}

/* Информационный блок не использует фиксированные ширины сетки Bootstrap. */
.user-order-info {
    width: 100%;
    padding: 0 15px;
}

.user-order-info .top-panel__menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
    margin-left: 0;
}

.user-order-info .top-panel__menu-list li {
    margin: 0;
}

/* На телефоне кнопки остаются целиком видимыми и переходят на отдельные строки. */
@media (max-width: 500px) {
    .jconfirm .jconfirm-box .jconfirm-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    .jconfirm .jconfirm-box .jconfirm-buttons button {
        max-width: 100%;
        margin: 0;
        white-space: normal;
    }
}