/* ==========================================================================
   Шапка при ширине окна 1024–1100 px: iPad в альбоме (1024), iPad 10,2"
   в альбоме (1080), узкое окно ноутбука.

   Что ломалось (замечено 11.11.2026): поле «Поиск» уходило вторым рядом
   и ложилось на хлебные крошки «Главная > Каталог > …».

   Почему. В site.css при ≤1100 поиск задуман отдельным рядом во всю
   ширину: .head-inner{height:auto;flex-wrap:wrap} и .hd-search{order:3;
   flex-basis:100%;max-width:none}. Ниже в том же файле блок «МАСШТАБ И
   ШИРИНА» для всех ширин задаёт .head-inner{height:calc(90 * var(--d))}
   (61px при 1024) и .hd-search{flex:1 1 calc(580 * var(--d));
   max-width:calc(580 * var(--d))} (394px). От правил ≤1100 остались
   только перенос и order:3. Ряд при 1024 шириной 970px, а логотип 109
   + «Каталог» 173 + поиск 408 + значки 296 = 986: поиск уходил вниз, а
   ряд высотой 61px его не вмещал, и он вылезал на крошки. Ближе к 1100
   ряд уже помещался, но из-за order:3 поиск стоял правее значков.

   Ниже 1024 шапку держат свои слои: mobile/tablet.css (768–1023, портрет,
   сетка в два ряда) и телефонный слой. Выше 1100 переноса нет, поле само
   сжимается. Этот файл только для промежутка между ними: шапка в один
   ряд, как на 1440, а поле поиска берёт оставшееся место (замерено при
   1024: 378px с городом «Павлодар», 326px с «Усть-Каменогорск»).

   Вес (0,2,0) против (0,1,0) в site.css и site-hf.css, чтобы не зависеть
   от порядка подключения файлов.
   ========================================================================== */

@media (min-width:1024px) and (max-width:1100px){
  /* site.css и site-hf.css: .head-inner{flex-wrap:wrap} при ≤1100. */
  .site-head .head-inner{flex-wrap:nowrap}
  /* site.css и site-hf.css: .hd-search{order:3} при ≤1100. Без сброса
     поле в одном ряду встало бы правее значков. */
  .head-inner .hd-search{order:0}
}