/* Mobile optimization - МИНИМАЛЬНЫЙ, не ломает ничего */

/* Иконки бургера и поиска - скрыты везде кроме мобильных */
.mobile-burger-img,
.mobile-search-img {
  display: none !important;
}

/* Нижняя навигация - скрыта везде кроме мобильных */
#mobile-nav-bottom {
  display: none !important;
}

/* ========== ТОЛЬКО МОБИЛЬНЫЕ (до 768px) ========== */
@media screen and (max-width: 768px) {
  /* Скрыть верхнюю навигацию сайта */
  ._AppTopNav_1aqn6_2 {
    display: none !important;
  }

  /* Скрыть десктопные кнопки в хедере */
  ._catalogSearch_c2mfd_20,
  ._rightBtns_c2mfd_41,
  ._catalogIcon_c2mfd_81,
  ._right_c2mfd_29 {
    display: none !important;
  }

  /* Хедер: бургер слева, лого центр, поиск справа */
  ._inner_c2mfd_9 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 20px !important;
    position: relative !important;
    min-height: 70px !important;
  }

  /* Показать бургер */
  .mobile-burger-img {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    z-index: 2 !important;
  }

  /* Показать поиск */
  .mobile-search-img {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    z-index: 2 !important;
  }

  /* Логотип по центру */
  ._inner_c2mfd_9 ._logoLink_c2mfd_71 {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
  }

  ._logoLink_c2mfd_71 ._logo_c2mfd_71 {
    width: 70px !important;
    height: 70px !important;
  }

  /* Показать нижнюю навигацию */
  #mobile-nav-bottom {
    display: flex !important;
    background: #313131 !important;
    border-top: none !important;
  }

  /* ========== ФОРМА ВХОДА (карточка: фон как у хедера, тонкая рамка, отступы) ========== */

  /* Контейнер формы - фон как у хедера, рамка, скругления, отступы от краёв экрана */
  ._LoginPageEnterForm_8bk02_1 {
    background: #282828 !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 1px solid #3a3a3a !important;
    border-radius: 20px !important;
    padding: 24px 12px !important;
    margin: 4px !important;
    justify-content: flex-start !important;
  }

  /* Форма растягивается на всю карточку, шапка+поля вверху, кнопки прижаты вниз */
  ._form_8bk02_37 {
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
  }

  ._form_8bk02_37 > div:last-child {
    margin-top: auto !important;
  }

  /* Заголовок формы */
  ._header_8bk02_55 {
    margin-bottom: 10px !important;
  }

  ._header_8bk02_55 h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 0 4px 0 !important;
  }

  ._header_8bk02_55 p {
    font-size: 13px !important;
    color: #888 !important;
    margin: 0 !important;
  }

  ._header_8bk02_55 ._accentText_8bk02_136 {
    color: #E0C800 !important;
  }

  /* Тело формы - компактные интервалы между полями */
  ._body_8bk02_61 {
    gap: 10px !important;
  }

  /* Лейблы полей */
  ._label_8bk02_78 {
    display: block !important;
    font-size: 13px !important;
    color: #888 !important;
    margin-bottom: 6px !important;
  }

  /* Контейнер поля */
  ._formControl_8bk02_72 {
    margin-bottom: 0 !important;
  }

  /* Инпуты - темнее, повыше, крупнее скругления */
  .MuiOutlinedInput-root {
    background: #181818 !important;
    border-radius: 14px !important;
    border: none !important;
  }

  .MuiOutlinedInput-input {
    color: #fff !important;
    padding: 14px 16px !important;
    font-size: 15px !important;
  }

  .MuiOutlinedInput-input::placeholder {
    color: #666 !important;
    opacity: 1 !important;
  }

  .MuiOutlinedInput-notchedOutline {
    border: none !important;
  }

  /* Блок "Запомнить меня" и "Забыли пароль?" */
  ._rememberMeWrapper_8bk02_88 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  ._rememberMeBtnWrapper_8bk02_94 {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  ._rememberMeBtnText_8bk02_100 {
    font-size: 13px !important;
    color: #fff !important;
  }

  ._forgotBtn_8bk02_106 {
    font-size: 13px !important;
    color: #E0C800 !important;
    font-weight: 600 !important;
  }

  /* Чекбокс */
  .MuiCheckbox-root {
    padding: 0 !important;
  }

  ._checkmark_1tm5e_1 {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #444 !important;
    border-radius: 4px !important;
    background: transparent !important;
  }

  /* Кнопка "Войти" - чистый яркий жёлтый, крупные скругления */
  ._footer_8bk02_118 button[type="submit"] {
    width: 100% !important;
    background: #FEE600 !important;
    color: #000 !important;
    border-radius: 16px !important;
    padding: 14px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    border: none !important;
  }

  /* Кнопка "Contact us" - скругления как у "Войти" */
  ._footer_8bk02_118 a {
    width: 100% !important;
    background: #2a2a2a !important;
    color: #fff !important;
    border-radius: 16px !important;
    padding: 14px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    border: none !important;
    text-align: center !important;
    display: block !important;
    text-decoration: none !important;
  }
}