/* ========================================
   АДАПТИВНЫЕ ОТСТУПЫ И ШРИФТ МЕНЮ
   ======================================== */

@media (max-width: 2000px) {
  .t228__list_item {
    padding: 0 10px !important;
  }
  .t-menu__link-item {
    font-size: 15px !important;
  }
}

@media (max-width: 991px) {
  .t228__list_item {
    padding: 0 8px !important;
  }
  .t-menu__link-item {
    font-size: 14px !important;
  }
  .t228__logo {
    max-width: 120px !important;
  }
  .t228__logo-image {
    max-height: 40px !important;
  }
}

/* ========================================
   ЦЕНТРИРОВАНИЕ ТЕЛЕФОНА (КРИТИЧЕСКИ ВАЖНО!)
   ======================================== */

/* КЛЮЧЕВОЕ ИЗМЕНЕНИЕ: 
   Стили применяются ТОЛЬКО на экранах 992-1600px 
   И НЕ ПЕРЕКРЫВАЮТ МОБИЛЬНЫЕ НАСТРОЙКИ */
@media (min-width: 992px) and (max-width: 1600px) {
  /* 1. ОБЯЗАТЕЛЬНО УКАЗЫВАЕМ display: flex */
  .t228__rightcontainer {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 10px 0 !important;
    gap: 5px !important;
  }
  
  .t228__right_descr {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    font-size: 14px !important;
    margin: 0 !important;
  }
  
  .t228__right_buttons {
    width: 100% !important;
    text-align: center !important;
  }
  
  /* 2. УБИРАЕМ ВСЕ ПОБОЧНЫЕ СТИЛИ */
  .t228__right_buttons_but .t-btnflex {
    padding: 8px 20px !important;
    font-size: 15px !important;
    width: auto !important;
  }
}

/* ========================================
   МОБИЛЬНЫЕ ЭКРАНЫ (НЕ ЗАТРАГИВАЕТСЯ)
   ======================================== */
/* СТИЛИ НИЖЕ 992px НЕ МЕНЯЮТСЯ - МОБИЛЬНОЕ МЕНЮ РАБОТАЕТ ШТАТНО */