/* Иконки Material Symbols — СВОЙ шрифт, не с fonts.googleapis.com.
 *
 * Иконка рисуется лигатурой: в разметке слово (`menu`, `logout`), шрифт
 * подменяет его картинкой. Пока шрифт тянулся с Google, у агента на планшете
 * без сети (13.11.2026, «Offline» в Chrome) шрифт не пришёл, и шапка
 * показала слова — `expand_more`, `dashboard`, `logout` налезали друг на друга.
 *
 * Файл — подмножество только тех иконок, что есть в шаблонах и JS. Добавил
 * иконку — перекачай шрифт с полным списком, иначе на её месте будет слово:
 *   https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..24,400,0,0&icon_names=<список через запятую>&display=block
 * (из ответа взять url woff2, запрашивать с User-Agent браузера).
 * Сейчас: arrow_back arrow_upward chevron_left chevron_right close dashboard
 * expand_more filter_alt group info local_offer logout menu receipt_long
 * search storefront view_agenda view_list
 */
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/material-symbols-rounded.woff2') format('woff2');
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  /* Страховка: если шрифт всё же не загрузился, слово остаётся в квадрате
     иконки и не расползается по соседним кнопкам. */
  width: 1em;
  height: 1em;
  overflow: hidden;
}