/* МотоПункт — CSS. База: CSS из Design\макет-форум-v1.html ДОСЛОВНО
   (префикс #motobaza-forum → .mp, значения не менялись; решение владельца
   02.11: приложение/мобильная вёрстка — та же гамма). Дополнения — в хвосте,
   в той же системе (ночная Учебки). */
body { margin: 0; background: #0F1B2F; color: #E8EEF9; font-family: -apple-system, "Segoe UI", Roboto, system-ui, sans-serif; }
.mp { background: #0F1B2F; border-radius: 14px; padding: 14px 14px 18px; }
.mp * { box-sizing: border-box; }
.mp .mf-window { flex: 1 1 auto; min-width: 0; background: #13213A; border: 1px solid #2C3E63; border-radius: 14px; overflow: hidden; }
.mp .mf-head { display: flex; align-items: center; gap: 18px; padding: 10px 18px; background: #101D33; border-bottom: 1px solid #2C3E63; flex-wrap: wrap; }
.mp .mf-logo { display: flex; align-items: center; gap: 9px; text-decoration: none; color: inherit; }
.mp .mf-logo-ico { width: 34px; height: 34px; border-radius: 10px; background: #E9A13B; color: #14203A; display: flex; align-items: center; justify-content: center; }
.mp .mf-logo b { font-size: 16px; font-weight: 500; letter-spacing: .2px; }
.mp .mf-logo small { display: block; font-size: 11px; color: #8FA1C4; margin-top: -2px; }
.mp .mf-nav { display: flex; gap: 4px; flex-wrap: wrap; }
.mp .mf-nav a { font-size: 13px; color: #8FA1C4; text-decoration: none; padding: 7px 12px; border-radius: 9px; display: flex; align-items: center; gap: 6px; cursor: pointer; }
.mp .mf-nav a.on { background: #2E4A7A; color: #F2F6FD; }
.mp .mf-search { flex: 1 1 200px; min-width: 160px; max-width: 320px; display: flex; align-items: center; gap: 8px; background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 10px; padding: 7px 11px; color: #8FA1C4; font-size: 13px; }
.mp .mf-search input { background: transparent; border: none; outline: none; color: #8FA1C4; font-size: 13px; flex: 1; min-width: 0; }
.mp .mf-search input::placeholder { color: #8FA1C4; }
.mp .mf-search input:focus { color: #E8EEF9; }
.mp .mf-bell { position: relative; color: #8FA1C4; display: flex; padding: 6px; }
.mp .mf-bell .dot { position: absolute; top: 4px; right: 4px; width: 7px; height: 7px; border-radius: 50%; background: #E9A13B; }
.mp .mf-ava { width: 34px; height: 34px; border-radius: 50%; background: #2E4A7A; color: #F2F6FD; font-size: 13px; display: flex; align-items: center; justify-content: center; font-weight: 500; }
.mp .mf-body { display: flex; gap: 16px; padding: 16px 18px; align-items: flex-start; }
.mp .mf-side { flex: 0 0 224px; display: flex; flex-direction: column; gap: 14px; }
.mp .mf-panel { background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 12px; padding: 10px; }
.mp .mf-panel-t { font-size: 11px; color: #8FA1C4; padding: 2px 6px 8px; letter-spacing: .4px; }
.mp .mf-sec { display: flex; align-items: center; gap: 8px; padding: 8px 8px; border-radius: 9px; font-size: 13px; color: #DCE5F5; cursor: pointer; }
.mp .mf-sec i { color: #8FA1C4; }
.mp .mf-sec span { margin-left: auto; font-size: 11px; color: #8FA1C4; background: #22355A; border-radius: 999px; padding: 2px 8px; }
.mp .mf-sec.on { background: #3D2F14; color: #F0B565; }
.mp .mf-sec.on i, .mp .mf-sec.on span { color: #F0B565; }
.mp .mf-sec.on span { background: #4A3A18; }
.mp .mf-sec a { display: flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; flex: 1 1 auto; }
.mp .mf-main { flex: 1 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.mp .mf-crumb { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #8FA1C4; }
.mp .mf-crumb b { color: #F2F6FD; font-weight: 500; font-size: 15px; }
.mp .mf-crumb a { color: #8FA1C4; text-decoration: none; }
.mp .mf-crumb a:hover { color: #DCE5F5; }
.mp .mf-headrow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mp .mf-pill { font-size: 12px; padding: 6px 14px; border-radius: 999px; background: #1B2C4C; border: 1px solid #2C3E63; color: #8FA1C4; }
.mp .mf-pill.on { background: #2E4A7A; border-color: #2E4A7A; color: #F2F6FD; }
.mp .mf-btn { margin-left: auto; font-size: 13px; padding: 8px 16px; border-radius: 10px; background: #E9A13B; color: #14203A; font-weight: 500; display: flex; align-items: center; gap: 6px; text-decoration: none; }
.mp .mf-btn.ghost { background: #22355A; color: #DCE5F5; }
.mp .mf-topic { background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 12px; padding: 11px 13px; display: flex; gap: 11px; align-items: flex-start; position: relative; cursor: pointer; transition: border-color .15s ease; }
.mp .mf-topic:hover { border-color: #E9A13B; }
.mp .mf-topic.pin { border-color: #E9A13B; background: #20294A; }
.mp .mf-topic a.tlink { color: inherit; text-decoration: none; }
/* клик по всей панели открывает тему (решение владельца 03.11) */
.mp .mf-topic .tlink::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.mp .mf-tava { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 11px; background: #22355A; color: #AFC0E2; font-size: 13px; display: flex; align-items: center; justify-content: center; font-weight: 500; }
.mp .mf-tmain { flex: 1 1 auto; min-width: 0; }
.mp .mf-ttitle { font-size: 14px; color: #F2F6FD; display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.mp .mf-tag { font-size: 10px; padding: 2px 8px; border-radius: 999px; background: #22355A; color: #AFC0E2; }
.mp .mf-tag.hot { background: #4A2418; color: #F09060; }
.mp .mf-tag.ok { background: #1D3A2C; color: #7FD6A4; }
.mp .mf-tmeta { font-size: 12px; color: #8FA1C4; margin-top: 3px; display: flex; gap: 10px; flex-wrap: wrap; }
.mp .mf-tmeta a { color: #8FA1C4; text-decoration: none; }
.mp .mf-tmeta a:hover { color: #DCE5F5; }
.mp .mf-tstat { flex: 0 0 auto; display: flex; gap: 14px; align-items: center; color: #8FA1C4; font-size: 12px; }
.mp .mf-tstat span { display: flex; align-items: center; gap: 5px; }
.mp .mf-tstat b { color: #DCE5F5; font-weight: 400; }
.mp .mf-shop { background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 12px; padding: 11px 13px; }
.mp .mf-shoprow { display: flex; gap: 10px; margin-top: 9px; flex-wrap: wrap; }
.mp .mf-ad { flex: 1 1 150px; background: #22355A; border-radius: 10px; padding: 9px 11px; text-decoration: none; display: block; }
.mp .mf-ad .t { font-size: 12px; color: #F2F6FD; display: flex; justify-content: space-between; gap: 8px; }
.mp .mf-ad .p { font-size: 12px; color: #F0B565; font-weight: 500; }
.mp .mf-ad .m { font-size: 11px; color: #8FA1C4; margin-top: 3px; display: flex; align-items: center; gap: 5px; }
.mp .mf-foot { padding: 10px 18px; border-top: 1px solid #2C3E63; background: #101D33; display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: #67799F; flex-wrap: wrap; gap: 6px; }
.mp .mf-foot a { color: #8FA1C4; text-decoration: none; }
@media (max-width: 860px) { .mp .mf-side { display: none; } }

/* ===== Мобильная нижняя навигация (по макету приложения v1; гамма —
   канон «ночная Учебки», решение владельца 02.11) ===== */
.mp .mf-mnav { display: none; }
@media (max-width: 860px) {
  .mp .mf-mnav { display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 50; border-top: 1px solid #2C3E63; background: #101D33; }
  .mp .mf-window { margin-bottom: 56px; }
  .mp .mf-mnav a { flex: 1; text-align: center; font-size: 10px; color: #67799F; text-decoration: none; padding: 8px 0 9px; display: flex; flex-direction: column; align-items: center; gap: 3px; }
  .mp .mf-mnav a i, .mp .mf-mnav a svg { width: 20px; height: 20px; }
  .mp .mf-mnav a.on { color: #F0B565; }
  .mp .mf-body { padding: 12px 12px 16px; }
  .mp .mf-head { gap: 10px; padding: 8px 12px; }
  .mp .mf-search { min-width: 130px; }
  .mp .hero { padding: 16px; }
  .mp .article { padding: 16px; }
  .mp .ad-rail { display: none !important; }
  /* iOS не зумит поля, если шрифт ≥16px (правка владельца 03.11: высота с текст) */
  .mp input { height: 32px !important; font-size: 16px !important; }
  #mp-install { left: 12px; right: 12px; bottom: 72px; }
}
/* ===== Мобильный Sticky-баннер Mail.ru Ads (решение владельца 03.11):
   честный баннер внизу экрана, над мобильной навигацией; на десктопе нет ===== */
.mp-msticky { display: none; }
@media (max-width: 860px) {
  .mp-msticky { display: block; }
  .mp-msticky .mrg-tag { position: fixed !important; bottom: 56px !important; left: 0 !important; right: 0 !important; z-index: 40; }
  .mp .mf-window { margin-bottom: 56px; }
}
#mp-install { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 60; max-width: 420px; margin: 0 auto; background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 12px; padding: 12px 14px; box-shadow: 0 8px 24px rgba(0,0,0,.45); font-family: inherit; }
#mp-install b { color: #F2F6FD; font-size: 13px; font-weight: 500; display: block; }
#mp-install > span, #mp-install #mp-install-body > span { color: #8FA1C4; font-size: 12px; display: block; margin-top: 3px; line-height: 1.45; }
#mp-install .row { display: flex; gap: 8px; margin-top: 10px; }
#mp-install .mf-btn { margin-left: 0; flex: 1; justify-content: center; }
@media (max-width: 860px) { #mp-install { bottom: 72px; } }

/* ===== Главная (ленд) — из прототипа index.html дословно ===== */
.mp .mf-home { max-width: 820px; margin: 0 auto; padding: 26px 18px 8px; display: flex; flex-direction: column; gap: 14px; }
.mp .hero { background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 14px; padding: 22px 22px 20px; }
.mp .hero h1 { margin: 0 0 8px; font-size: 24px; font-weight: 500; color: #F2F6FD; letter-spacing: .2px; }
.mp .hero p { margin: 0; font-size: 14px; line-height: 1.55; color: #8FA1C4; max-width: 640px; }
.mp .hero .btns { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.mp .hero .mf-btn { margin-left: 0; }
.mp .row { display: flex; gap: 12px; flex-wrap: wrap; }
.mp .num { flex: 1 1 170px; max-width: 240px; background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 12px; padding: 12px 14px; }
.mp .num b { display: block; font-size: 20px; font-weight: 500; color: #E9A13B; }
.mp .num span { font-size: 12px; color: #8FA1C4; line-height: 1.45; display: block; margin-top: 2px; }
.mp .core { flex: 1 1 180px; max-width: 260px; background: #1B2C4C; border: 1px solid #2C3E63; border-left: 4px solid #E9A13B; border-radius: 12px; padding: 10px 14px; }
.mp .core b { display: flex; align-items: center; gap: 7px; margin-bottom: 3px; font-size: 13px; font-weight: 500; color: #F2F6FD; }
.mp .core b i { color: #E9A13B; }
.mp .core span { font-size: 12px; color: #8FA1C4; line-height: 1.45; }
.mp .cta { background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 14px; padding: 18px 22px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.mp .cta b { font-size: 15px; font-weight: 500; color: #F2F6FD; }
.mp .cta span { flex: 1 1 300px; font-size: 12px; color: #8FA1C4; line-height: 1.5; }
.mp .cta .mf-btn { margin-left: auto; }

/* ===== Дополнения Ф1: новости, статья, база знаний, тема ===== */
.mp .article { background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 14px; padding: 20px 22px; }
.mp .article h1 { margin: 0 0 6px; font-size: 21px; font-weight: 500; color: #F2F6FD; line-height: 1.3; }
.mp .article .body { font-size: 14px; line-height: 1.65; color: #DCE5F5; }
.mp .article .body p { margin: 10px 0; }
.mp .article .body h2 { font-size: 16px; font-weight: 500; color: #F2F6FD; margin: 18px 0 6px; }
.mp .article .body h3 { font-size: 14px; font-weight: 500; color: #F2F6FD; margin: 14px 0 4px; }
.mp .article .body ul { margin: 8px 0; padding-left: 20px; }
.mp .article .body li { margin: 4px 0; }
.mp .article .body a { color: #F0B565; text-decoration: none; }
.mp .article .body a:hover { text-decoration: underline; }
.mp .source { margin-top: 14px; background: #22355A; border-radius: 10px; padding: 10px 13px; font-size: 12px; color: #8FA1C4; line-height: 1.55; }
.mp .source a { color: #F0B565; text-decoration: none; }
.mp .notice { background: #1B2C4C; border: 1px dashed #2C3E63; border-radius: 12px; padding: 12px 14px; font-size: 12px; color: #8FA1C4; line-height: 1.55; }
.mp .post { background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 12px; padding: 12px 14px; display: flex; gap: 11px; align-items: flex-start; }
.mp .post .mf-tmain .body { font-size: 13px; line-height: 1.6; color: #DCE5F5; }
.mp .post .mf-tmain .body p { margin: 6px 0; }

/* ===== Реклама Mail.ru Ads (VK Group), решение владельца 03.11: правая
   колонка 160x600 на всех страницах, sticky по центру экрана; больше
   рекламных мест нет — решение владельца «нигде больше не подсовывать» ===== */
.mp .mp-wrap { display: flex; gap: 16px; align-items: stretch; }
.mp .mf-window { flex: 1 1 auto; min-width: 0; max-width: 1440px; display: flex; flex-direction: column; min-height: calc(100vh - 28px); }
.mp .mf-body { flex: 1 1 auto; align-items: flex-start; }
.mp .mf-foot { margin-top: auto; }
/* ===== Редактор ответа (цитаты/видео/фото/смайлики) ===== */
.mp .ce-editor:empty::before { content: attr(data-placeholder); color: #67799F; }
.mp .qt { background: #22355A; border-left: 3px solid #E9A13B; border-radius: 8px; padding: 8px 12px; margin: 8px 0; }
.mp .qt-a { color: #F0B565; font-size: 11px; margin-bottom: 4px; }
.mp .qt-x { color: #DCE5F5; font-size: 13px; line-height: 1.5; }
.mp .ref { background: #22355A; border: 1px solid #2C3E63; border-radius: 8px; padding: 5px 10px; margin: 6px 0; font-size: 12px; color: #8FA1C4; }
.mp .ref a { color: #F0B565; text-decoration: none; }
.mp .vdb { margin: 8px 0; }
.mp .vdb-h { color: #8FA1C4; font-size: 11px; margin-top: 4px; }
.mp .pimg { margin: 6px 0; }
.mp .pbtn:hover { color: #F0B565 !important; }
.mp #emoji-panel button:hover { background: #2C3E63; border-radius: 6px; }
.mp .ce-editor:focus { border-color: #E9A13B; outline: none; }
.mp .ad-rail { flex: 0 0 160px; display: none; }
@media (min-width: 1200px) {
  .mp .ad-rail { display: block; position: sticky; top: max(14px, calc(50vh - 300px)); align-self: flex-start; }
  .mp .ad-rail .ad-slot { min-height: 600px; background: #13213A; border: 1px dashed #2C3E63; border-radius: 14px; }
  .mp .ad-rail .ad-slot::before { content: 'Реклама'; display: block; text-align: center; color: #4A5B82; font-size: 10px; letter-spacing: .4px; padding-top: 8px; }
}
.mp .mf-infeed { background: #1B2C4C; border: 1px dashed #2C3E63; border-radius: 12px; min-height: 90px; display: none; align-items: center; justify-content: center; }
.mp .mf-infeed span { font-size: 10px; color: #67799F; letter-spacing: .4px; }

/* ===== Лента новостей: фото-карточки (ТЗ Редактора 14:3x) ===== */
.mp .news-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.mp .nc-card { background: #1B2C4C; border: 1px solid #2C3E63; border-radius: 14px; overflow: hidden; display: flex; flex-direction: row; align-items: stretch; position: relative; cursor: pointer; }
/* клик по всей карточке открывает статью (решение владельца 03.11) */
.mp .nc-card .tlink::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.mp .nc-card:hover { border-color: #3D4F78; }
.mp .nc-lead-card { grid-column: 1 / -1; flex-direction: column; }
.mp .nc-img { display: block; flex: 0 0 36%; max-width: 360px; aspect-ratio: 16 / 9; overflow: hidden; background: #13213A; align-self: center; }
.mp .nc-lead-card .nc-img { width: 100%; max-width: 100%; flex: none; align-self: stretch; }
.mp .nc-img.nc-r32 { aspect-ratio: 3 / 2; }
.mp .nc-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s ease; }
.mp .nc-card:hover .nc-img img { transform: scale(1.04); }
.mp .nc-noimg { display: flex; align-items: center; justify-content: center; color: #3D4F78; }
.mp .nc-noimg svg { width: 34px; height: 34px; }
.mp .nc-body { padding: 10px 14px 12px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.mp .nc-meta { display: flex; gap: 8px; align-items: center; font-size: 11px; }
.mp .nc-body .mf-ttitle { font-size: 14px; line-height: 1.35; font-weight: 500; }
.mp .nc-card a.tlink { color: #F2F6FD; text-decoration: none; }
.mp .nc-card a.tlink:hover { color: #F0B565; }
.mp .nc-lead-card .mf-ttitle { font-size: 17px; }
.mp .nc-lead { color: #8FA1C4; font-size: 12px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 860px) {
  .mp .news-grid { grid-template-columns: 1fr; }
  .mp .nc-card, .mp .nc-lead-card { flex-direction: column; }
  .mp .nc-img, .mp .nc-lead-card .nc-img { width: 100%; max-width: 100%; flex: none; align-self: stretch; }
}

/* ===== Блок А (ТЗ 03.11): закладки профиля + значки статусов с CSS-тултипами ===== */
.mp .pf-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.mp .pf-tab { font-size: 13px; padding: 7px 14px; border-radius: 999px; background: #1B2C4C; border: 1px solid #2C3E63; color: #8FA1C4; text-decoration: none; }
.mp .pf-tab.on { background: #2E4A7A; border-color: #2E4A7A; color: #F2F6FD; }
.mp .pf-tab:hover { color: #DCE5F5; }
.mp .bico { position: relative; display: inline-flex; align-items: center; }
.mp .bico::after { content: attr(data-tip); display: none; position: absolute; bottom: calc(100% + 7px); left: 50%; transform: translateX(-50%); background: #0F1B2F; color: #F2F6FD; font-size: 11px; line-height: 1.3; padding: 5px 9px; border-radius: 8px; border: 1px solid #2C3E63; white-space: nowrap; z-index: 60; pointer-events: none; box-shadow: 0 4px 14px rgba(0,0,0,.4); }
.mp .bico:hover::after { display: block; }
@media (hover: none) { .mp .bico::after { display: none !important; } }

/* ===== Бургер-меню (решение владельца 03.11, с 20:37 — на ДЕСКТОПЕ тоже:
   верхняя лента меню больше не помещается). Единая механика: кнопка-гамбургер
   в шапке, панель раскрывается в потоке под шапкой; на десктопе — плиткой
   в 3 колонки, на мобиле — колонкой. Нижняя мобильная навигация остаётся. ===== */
.mp div.mf-nav, .mp a.mf-nav { display: none; }
.mp .mf-burger { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9px; background: transparent; border: 1px solid #2C3E63; color: #8FA1C4; cursor: pointer; padding: 0; flex: 0 0 auto; }
.mp .mf-burger[aria-expanded="true"] { background: #2E4A7A; color: #F2F6FD; border-color: #2E4A7A; }
.mp .mf-burger svg { width: 20px; height: 20px; }
.mp .mf-burger-panel { display: none; background: #101D33; border-bottom: 1px solid #2C3E63; padding: 10px 14px; }
.mp .mf-burger-panel.open { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; }
.mp .mf-burger-panel a { display: flex; align-items: center; gap: 10px; color: #DCE5F5; text-decoration: none; font-size: 14px; padding: 10px 10px; border-radius: 9px; }
.mp .mf-burger-panel a:hover { background: #1B2C4C; }
.mp .mf-burger-panel a i, .mp .mf-burger-panel a svg { width: 19px; height: 19px; color: #8FA1C4; }
.mp .mf-burger-panel a.on { background: #2E4A7A; color: #F2F6FD; }
.mp .mf-burger-panel a.on svg { color: #F0B565; }
/* «Частые» разделы в строке шапки (рядом с лого и бургером) — решение владельца 03.11;
   компактные пилюли; на мобиле скрыты (там бургер + нижняя навигация) */
.mp .mf-freq { display: flex; gap: 2px; flex-wrap: wrap; align-items: center; }
.mp .mf-freq a { font-size: 12px; color: #8FA1C4; text-decoration: none; padding: 6px 10px; border-radius: 9px; display: flex; align-items: center; gap: 5px; white-space: nowrap; }
.mp .mf-freq a i, .mp .mf-freq a svg { width: 15px; height: 15px; }
.mp .mf-freq a:hover { background: #1B2C4C; color: #DCE5F5; }
.mp .mf-freq a.on { background: #2E4A7A; color: #F2F6FD; }
@media (max-width: 860px) {
  .mp .mf-freq { display: none; }
}
@media (max-width: 860px) {
  .mp .mf-burger-panel.open { display: flex; flex-direction: column; padding: 8px 12px 10px; }
}

/* ЧАСТО/ВСЁ — подзаголовки внутри бургер-панели (персонализация, решение владельца 03.11) */
.mp .mf-burger-panel .bp-h { font-size: 10px; color: #67799F; letter-spacing: .4px; padding: 10px 10px 3px; }
.mp .mf-burger-panel .bp-h:first-child { padding-top: 2px; }

/* Поповер по клику на имя пользователя (форум/чат) — решение владельца 03.11 */
.u-pop { position: absolute; z-index: 95; background: #101D33; border: 1px solid #2C3E63; border-radius: 10px; padding: 6px; box-shadow: 0 8px 24px rgba(0,0,0,.45); min-width: 230px; display: flex; flex-direction: column; gap: 2px; }
.u-pop a, .u-pop button { display: flex; gap: 9px; align-items: center; width: 100%; background: none; border: none; color: #DCE5F5; font-size: 13px; padding: 9px 11px; cursor: pointer; border-radius: 8px; text-align: left; text-decoration: none; font-family: inherit; }
.u-pop a:hover, .u-pop button:hover { background: #1B2C4C; }
.u-pop a i, .u-pop a svg, .u-pop button svg { width: 16px; height: 16px; color: #8FA1C4; }