/* Шапка на ноутбуках с шириной экрана 1025–1320 px: логотип не схлопывается, поиск сворачивается в значок,
   пункты меню стоят плотнее. Подключается на всех страницах сайта настройкой сервера, на всех трёх языках. */
@media (min-width: 1025px) and (max-width: 1320px) {
  .header .header__inner { gap: 14px; grid-template-columns: max-content minmax(0, 1fr) max-content; }
  .header .header__logo img { max-width: none; height: 40px; }
  .header .header__nav { gap: 16px; justify-content: flex-start; }
  .header .header__nav a { font-size: .95rem; }
  .header .header__tools { gap: 6px; }
  .header .header__tools .search-btn { width: 42px; min-width: 42px; max-width: 42px; padding: 0; justify-content: center; overflow: hidden; }
  .header .header__tools .search-btn > :not(svg) { display: none; }
  html[lang=kk] .header .header__nav { gap: 11px; }
  html[lang=kk] .header .header__nav a { font-size: .84rem; }
}
@media (min-width: 1025px) and (max-width: 1150px) {
  .header .header__logo img { height: 32px; }
  .header .header__nav { gap: 12px; }
  .header .header__nav a { font-size: .88rem; }
  .header .header__tools .cart-btn { padding-left: 12px; padding-right: 12px; }
  html[lang=en] .header .header__nav { gap: 9px; }
  html[lang=en] .header .header__nav a { font-size: .84rem; }
  html[lang=kk] .header .header__inner { gap: 9px; }
  html[lang=kk] .header .header__logo img { height: 28px; }
  html[lang=kk] .header .header__nav { gap: 7px; }
  html[lang=kk] .header .header__nav a { font-size: .77rem; letter-spacing: -.01em; }
  html[lang=kk] .header .header__tools { gap: 4px; }
  html[lang=kk] .header .header__tools .city-dd > :first-child, html[lang=kk] .header .header__tools .city-btn { padding-left: 10px; padding-right: 10px; }
}

/* до 1240 px: в корзине остаётся значок со счётчиком, до 1130 px у города остаётся значок без названия */
@media (min-width: 1025px) and (max-width: 1240px) {
  .header .header__tools .cart-btn { padding: 0 13px; gap: 6px; }
  .header .header__tools .cart-btn > span:not(.count) { display: none; }
}
@media (min-width: 1025px) and (max-width: 1130px) {
  .header .header__tools .city-btn { width: 42px; min-width: 42px; padding: 0; justify-content: center; gap: 0; }
  .header .header__tools .city-btn > span, .header .header__tools .city-btn > svg:last-of-type { display: none; }
  .header .header__tools .city-btn > svg:first-of-type { display: block; }
}