/* #4011 (10.11.2026): мобильная главная nukkel.ru — по образцу ВсеИнструментов и Кувалды.
   Подключается ТОЛЬКО на главной (base.html, request.endpoint == 'index'), правила — только ≤768.
   Вне медиа-запроса здесь лишь display:none для новых блоков: компьютерный вид не меняется.
   Откат — удалить строку <link> в base.html (и блоки #4011 там и в index.html). */

.home-b2b { display: none; }

@media (max-width: 768px) {
  /* Ш2: при прокрутке уезжает всё над поиском, строка поиска остаётся липкой (--hdr-top ставит скрипт; нет его — как раньше) */
  .page-home .header { top: calc(-1 * var(--hdr-top, 0px)); }
  /* Ш1 (нижняя панель), поиск 16px и запас подвала под панель — в mtab.css (#4014, 11.11.2026: панель на всех страницах) */

  /* Ш4: плашка «Для бизнеса» на первом экране; ниже повторы скрыты */
  .home-b2b { display: block; padding: 12px 0 4px; }
  .home-b2b__box {
    display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 12px;
    background: #FFF4EC; border: 1px solid #FBD5BC; color: #1a1a1a; text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }
  .home-b2b__box:hover, .home-b2b__box:active { color: #1a1a1a; }
  .home-b2b__t { font-weight: 700; font-size: 16px; margin-bottom: 2px; }
  .home-b2b__l { font-size: 14px; line-height: 1.35; padding-left: 18px; position: relative; }
  .home-b2b__l::before { content: ""; position: absolute; left: 2px; top: .35em; width: 8px; height: 5px;
    border-left: 2px solid #F26B1D; border-bottom: 2px solid #F26B1D; transform: rotate(-45deg); }
  .home-b2b__go { margin-top: 4px; font-size: 14px; font-weight: 700; color: #C2410C; }
  .page-home .section--b2b { display: none; }
  .page-home .feature--docs { display: none; }
  .page-home .section--features { padding: 16px 0; }
  .page-home .feature { padding: 12px 8px; }

  /* Ш3: разделы мелкими плитками в 3 колонки, имена в баннере — в 2 строки */
  .page-home .hb-nm { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .page-home .tl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .page-home .tl { aspect-ratio: auto; padding: 8px 6px 6px; border-radius: 10px; }
  .page-home .tl-nm { font-size: 12px; line-height: 1.2; min-height: 2.4em; display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; overflow: hidden; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: anywhere; }
  .page-home .hb { padding-top: 8px; }
  .page-home .tl-im { flex: none; height: 64px; margin-top: 4px; align-items: center; }
  .page-home .tl-glyph svg { width: 36px; height: 36px; }
  .page-home .cats-h { margin-bottom: 12px; }
  .page-home .section--tiles { padding-top: 16px; padding-bottom: 16px; }
}