/* Значки соцсетей в выпадающем списке «о нас»: рисуются маской в цвет текста ссылки, сеть узнаётся по адресу. */
.menu-group--header .menu-group__sub a[href*="//t.me/"]::before, .menu-group--header .menu-group__sub a[href*="instagram.com/"]::before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: -4px; background: currentColor; -webkit-mask: var(--social-icon) center / contain no-repeat; mask: var(--social-icon) center / contain no-repeat; }
.menu-group--header .menu-group__sub a[href*="//t.me/"] { --social-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M21.9 4.3 18.6 19.6c-.2 1.1-.9 1.4-1.8.9l-5-3.7-2.4 2.3c-.3.3-.5.5-1 .5l.4-5.1 9.3-8.4c.4-.4-.1-.6-.6-.2L6 13.1l-4.9-1.5c-1.1-.3-1.1-1.1.2-1.6L20.5 2.6c.9-.3 1.7.2 1.4 1.7z%22/%3E%3C/svg%3E"); }
.menu-group--header .menu-group__sub a[href*="instagram.com/"] { --social-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Crect x=%223%22 y=%223%22 width=%2218%22 height=%2218%22 rx=%225%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22/%3E%3Ccircle cx=%2217.3%22 cy=%226.7%22 r=%221.3%22/%3E%3C/svg%3E"); }
/* SIAMIYO: выпадающий список пункта шапки («о нас»). Пока шапка горизонтальная (бургер — с 760px и ниже),
   список прижат к правому краю пункта, иначе от последнего пункта он уезжает под корзину. */
@media (min-width: 761px) {
  .menu-group--header .menu-group__sub { display: none; position: absolute; top: 100%; left: auto; right: 0; padding: 14px 16px; background: var(--white); box-shadow: var(--shadow); }
  .menu-group--header:hover .menu-group__sub, .menu-group--header:focus-within .menu-group__sub { display: flex; }
}
/* Обёртка заголовка группы (патч menu-group-click) строчная: без этого отступы ссылки не работают */
.menu-group__head { display: flex; flex-direction: column; }