/* ----------  ≤ 1600 px  ---------- */
@media (max-width: 1600px) {

  /* Общая «рамка» формы Авторизации/Регистрации */
  .row.w-75 {
      width: 90% !important;      /* было 75 % – берём чуть больше экрана */
      max-width: 1100px;          /* фикс‑лимит, чтобы не «растягивалось» */
  }

  /* Левая половина с формой */
  .col-md-6.p-5 {
      padding: 3rem 2.5rem !important;    /* было 5rem – уменьшаем отступы */
  }
  .col-md-6 .display-4 {                  /* «Добро пожаловать!» */
      font-size: 2.8rem !important;                  /* было 3.5–4rem  */
      line-height: 1.2 !important;
  }
  .col-md-6 input {                       /* поля ввода */
      font-size: 1.05rem !important;
      padding: 12px 15px !important;
  }
  .col-md-6 button.btn {                  /* кнопка «ВХОД» */
      font-size: 1.15rem !important;
      padding: 12px 0 !important;
  }

  /* Логотип сверху */
  .position-absolute.top-0 img {
      height: 70px !important;                      /* было 140 px */
  }

  /* Правая половина с картинкой */
  .col-md-6.d-md-block {
      background-size: 140% auto !important;         /* сильнее кадрируем, чтобы не «прилипало» */
  }

  /* ---------- универсальные блоки сайта ---------- */

  /* Hero‑секция */
  .left h1           { font-size: 3.35rem; } /* было 4rem → компактнее */
  .left button       { font-size: 1.15rem; padding: 10px 22px 14px; }
  .game              { font-size: 2.5rem; }  /* CS2 / Dota2 */

  /* «Лучшие игроки» — чуть уже карточки */
  .player-card       { width: 300px; height: 130px; }
  .player-name       { font-size: 1.15rem; }

  /* Блок турнира */
  .tournament-title,
  .tournament-date   { font-size: 3.35rem; }

  /* Кнопки турниров и «читать ещё» */
  .red-button,
  .tournament-btn    { font-size: 0.95rem; padding: 10px 22px; }

  /* Боковые новости, если видны */
  .news              { width: 280px; padding: 18px; }
  .news h3           { font-size: 1.4rem; }

  /* Столбцы таблицы матчей – текст чуть мельче, чтобы не ломалось */
  tbody td           { font-size: 1.05rem; }
  .score-win,
  .score-lose        { font-size: 1.5rem; padding: 6px 12px; }

}

/* ---------- МОБИЛЬНАЯ ВЕРСИЯ ≤ 768 px ---------- */
@media (max-width: 768px) {

    /* Контейнер-рамка формы: по центру и уже */
    .row.w-75 {
        width: 100% !important;     /* во всю ширину устройства */
        max-width: 500px;           /* но не шире 500 px, чтобы поля не «растягивались» */
        margin: 0 auto;             /* горизонтальное центрирование */
        box-shadow: none;           /* убираем тяжёлую тень на маленьких экранах */
        border-radius: 0;           /* если хотите — скругления можно оставить */
    }

    /* Левая колонка с формой занимает 100 % */
    .col-md-6.p-5 {
        padding: 2.5rem 1.5rem !important;  /* меньше боковые отступы */
    }

    /* Заголовок */
    .col-md-6 .display-4 {
        font-size: 2rem;             /* компактнее шрифт */
        text-align: center;          /* по центру */
    }

    /* Логотип выводим выше формы и по центру */
    .position-absolute.top-0.start-0 {
        position: static !important; /* снимаем absolute, чтобы не «залипал» сверху */
        padding-left: 0 !important;
        margin-bottom: 1rem;
        text-align: center;
    }
    .position-absolute.top-0 img {
        height: 90px;                /* меньше сам логотип */
    }

    /* Поля ввода и кнопка — чуть ниже, ровно по центру */
    form .form-control {
        font-size: 1rem;
        padding: 12px 14px;
    }
    form .btn {
        font-size: 1.1rem;
        padding: 12px 0;
    }

    /* Правая колонка с картинкой уже скрыта класcом d-none d-md-block,
       но на всякий случай гарантируем: */
    .col-md-6.d-md-block { display: none !important; }
    .container-fluid.d-flex {
        height: auto !important;      /* вместо 100vh */
        min-height: 100vh;            /* чтобы центрирование сохранилось */
        align-items: flex-start !important; /* контент «прилипает» к верху,
                                               иначе центр убегает при scroll */
        overflow-y: auto;             /* даём прокрутку */
        padding-top: 2rem;            /* небольшие отступы сверху/снизу */
        padding-bottom: 2rem;
    }

    /* 2. Внутренний .row тоже без жёсткой высоты */
    .row.w-75 {
        height: auto !important;
    }
}