/* ==========================================================================
   Матч&мяч v84 — размер логотипа в мобильной оболочке.

   Почему понадобился отдельный слой. Все прежние правила задавали логотипу
   ШИРИНУ (76px, 82px, 69px…) плюс страховочный max-height. Со старым знаком
   «ACE» пропорция была 3.33:1, и ширина 82px давала ~25px высоты. Новый локап
   «МАТЧ & МЯЧ» вытянутее — 5.15:1, — и та же ширина даёт всего ~16px: в шапке
   знак читался как мелкая полоска, хотя свободного места в его колонке больше
   200px.

   Поэтому здесь размер задаётся ВЫСОТОЙ, а ширина считается из пропорции.
   Так правило перестаёт зависеть от формы знака: если логотип когда-нибудь
   поменяется снова, высота в шапке останется прежней.

   max-width: 100% оставляет поведение корректным на узких экранах (320px):
   там колонка уже, чем нужно логотипу, и он ужимается сам, а не вылезает.
   ========================================================================== */

@media (max-width: 960px) {
    /* Шапка мобильной оболочки. Специфичность и !important — чтобы перебить
       release-v51/v55 и mobile-release, которые задают ширину для старого знака. */
    .global-tools .mobile-shell-brand img {
        width: auto !important;
        height: 26px !important;
        max-width: 100% !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    /* Выдвижное меню. */
    .mobile-nav-brand { width: auto; }
    .mobile-nav-brand img {
        width: auto;
        height: 25px;
        max-width: 100%;
    }

    /* Экран загрузки: у вытянутого локапа при прежней ширине заметно меньше
       высота, поэтому на телефоне отдаём ему больше ширины экрана. */
    .splash-logo img { width: min(360px, 88vw); }
}

/* Узкие телефоны: в колонке логотипа остаётся около 110px, и знак в 26px
   высотой упёрся бы в max-width и обрезался по ширине колонки. */
@media (max-width: 390px) {
    .global-tools .mobile-shell-brand img { height: 23px !important; }
    .mobile-nav-brand img { height: 23px; }
}