/* ТОЛЬКО ДЛЯ МОБИЛЬНЫХ */
@media (max-width: 768px) {
  
  /* 1. ЛОГОТИП ПО ЦЕНТРУ */
  .t396__logo {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 50% !important;
    margin-top: -15px !important;
    z-index: 10 !important;
  }
  
  /* 2. СКРЫВАЕМ СТАНДАРТНОЕ МЕНЮ ВНИЗУ */
  .t396__nav {
    display: none !important;
  }
  
  /* 3. ПЕРЕДЕЛЫВАЕМ БУРГЕР-МЕНЮ */
  .t396__burger-menu {
    padding: 20px !important;
  }
  
  /* 4. ДОБАВЛЯЕМ ЗАГОЛОВОК "КАТАЛОГ" ПЕРЕД ПУНКТАМИ */
  .t396__burger-menu .t396__burger-menu__item:first-child {
    margin-top: 30px !important;
  }
  
  .t396__burger-menu::before {
    content: "Каталог" !important;
    display: block !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 16px 0 12px 0 !important;
    margin-bottom: 16px !important;
    border-bottom: 2px solid #e5e7eb !important;
    font-family: inherit !important;
  }
  
  /* 5. РАЗДЕЛЯЕМ ПУНКТЫ: ПЕРВЫЕ 7 - КАТАЛОГ, ОСТАЛЬНЫЕ - МЕНЮ */
  .t396__burger-menu .t396__burger-menu__item:nth-child(1),
  .t396__burger-menu .t396__burger-menu__item:nth-child(2),
  .t396__burger-menu .t396__burger-menu__item:nth-child(3),
  .t396__burger-menu .t396__burger-menu__item:nth-child(4),
  .t396__burger-menu .t396__burger-menu__item:nth-child(5),
  .t396__burger-menu .t396__burger-menu__item:nth-child(6),
  .t396__burger-menu .t396__burger-menu__item:nth-child(7) {
    /* ЭТИ ПУНКТЫ ОСТАЮТСЯ В КАТАЛОГЕ */
  }
  
  /* 6. ДОБАВЛЯЕМ ЗАГОЛОВОК "МЕНЮ" ПОСЛЕ 7-ГО ПУНКТА */
  .t396__burger-menu .t396__burger-menu__item:nth-child(8) {
    margin-top: 30px !important;
    position: relative !important;
  }
  
  .t396__burger-menu .t396__burger-menu__item:nth-child(8)::before {
    content: "Меню" !important;
    display: block !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 24px 0 12px 0 !important;
    margin-bottom: 16px !important;
    margin-top: -10px !important;
    border-bottom: 2px solid #e5e7eb !important;
    position: absolute !important;
    top: -50px !important;
    left: 0 !important;
    right: 0 !important;
    background: white !important;
  }
  
  /* 7. СТИЛИ ДЛЯ ВСЕХ ПУНКТОВ МЕНЮ */
  .t396__burger-menu .t396__burger-menu__item {
    font-size: 16px !important;
    margin-bottom: 16px !important;
    display: block !important;
    padding: 8px 0 !important;
  }
  
  /* 8. УБИРАЕМ ЛИШНИЕ ОТСТУПЫ */
  .t396__burger-menu .t396__burger-menu__item a {
    font-size: 16px !important;
  }
}