/* Логотип в шапке оформления на телефоне — ровно по центру экрана.
   Тема центрировала его внутри левой колонки, а та шире половины шапки
   (справа только иконка корзины), поэтому логотип стоял левее середины.
   Абсолютное позиционирование считает центр от всей сетки шапки. */
@media screen and (max-width: 991.98px) {
    .header--checkout .header__grid {
        position: relative;
    }

    .header--checkout .header__logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
    }

    /* Без логотипа в потоке в левой колонке остаётся одна кнопка «назад»,
       и общее правило .header__col-left{justify-content:center} выносило её
       на середину — прямо под логотип. Держим её у левого края. */
    .header--checkout .header__col-left {
        justify-content: flex-start;
    }
}