/* DriverNotes — DNX site-wide chrome (шапка + логин-дропдаун + футер).
   Палитра = ТОЛЬКО токены (см. home_new.css). Разметка старая — здесь только рестайл. */
:root{
  --navy:#1f2b3a; --navy-soft:#2a3a50; --navy2:#27364a; --navy-b:#34455c;
  --accent:#efbf1e; --accent-soft:#fdf3d4; --accent-ink:#8a6d00; --green:#5a8c15;
  --page:#f4f6f8; --card:#fff; --line:#e6e9ee;
  --ink:#1f2b3a; --muted:#5f6b78; --hint:#8b95a1;
  --on-navy:#ffffff; --on-navy-dim:#aab6c6; --err:#d64545;
}

/* ===== ШАПКА (все страницы) ===== */
.inner-header{background:var(--navy) !important;border-bottom:0.5px solid var(--navy-b) !important}
/* ТОЛЬКО верхние пункты (прямые дети) — чтобы не красить пункты выпадашки в серый.
   Цвет = белый (был #cdd5de → читался как «неактивный серый» на тёмной шапке). */
.top-menu-mid>li>a,.top-menu-right>li>a{font-family:"RobotoMedium",Arial,sans-serif;font-size:13px;letter-spacing:.4px;color:#ffffff !important;text-decoration:none !important;opacity:1 !important}
.top-menu-mid>li>a:hover,.top-menu-right>li>a:hover{color:var(--accent) !important}
/* активный/открытый верхний пункт — жёлтый акцент вместо серого */
.top-menu-mid>li.active>a,.top-menu-mid>li:hover>a,.top-menu-right>li.active>a{color:var(--accent) !important}
/* выпадающее подменю — белая DNX-карточка, тёмные АКТИВНЫЕ пункты.
   ВАЖНО: пункты были inline-block (старая горизонт. вёрстка) → короткие пункты
   («Люди»/«Гаражи») слипались по 2 в ряд = «зоопарк». Форсим строгий столбик. */
.top-menu-mid .submenu,.top-menu-right .submenu{background:var(--card) !important;background-image:none !important;border:0.5px solid var(--line) !important;border-radius:12px !important;box-shadow:0 12px 30px rgba(16,20,28,.18) !important;padding:7px 0 !important;width:248px !important;min-width:248px !important;max-width:248px !important;margin-top:6px !important;text-align:left !important;font-size:0 !important;position:absolute !important}
/* невидимый «мостик» перекрывает зазор margin-top — курсор не теряет hover по пути вниз,
   и меню не захлопывается (было: «нажать невозможно, срабатывает с 20 раза»). */
.top-menu-mid .submenu::before,.top-menu-right .submenu::before{content:"" !important;position:absolute !important;left:-56px !important;right:0 !important;top:-16px !important;height:20px !important;background:transparent !important;display:block !important}
.top-menu-mid .submenu li,.top-menu-right .submenu li{display:block !important;float:none !important;width:100% !important;background:transparent !important;border:none !important;margin:0 !important;padding:0 !important;text-align:left !important;vertical-align:top !important}
.top-menu-mid .submenu li a,.top-menu-right .submenu li a{display:block !important;width:100% !important;box-sizing:border-box !important;color:var(--ink) !important;font-family:"RobotoRegular",Arial,sans-serif !important;font-size:13px !important;line-height:1.3 !important;font-weight:400 !important;padding:9px 18px !important;letter-spacing:0 !important;text-decoration:none !important;white-space:nowrap !important;text-align:left !important}
.top-menu-mid .submenu li a:hover,.top-menu-right .submenu li a:hover{color:var(--accent-ink) !important;background:var(--page) !important;text-decoration:none !important}
.top-menu-right .new-menu-btn a{background:var(--accent);color:var(--navy) !important;border-radius:16px;padding:6px 14px}
.top-menu-right .new-menu-btn a:hover{color:var(--navy) !important;filter:brightness(1.05)}
.top-menu-right .new-menu-btn span{background:var(--err);color:#fff;border-radius:8px;font-size:9px;padding:1px 5px}

/* нижняя полоса меню на внутренних страницах */
.inner-header .menu-bg{background-color:var(--page) !important}
.inner-header .main-menu a{color:var(--muted) !important}
.inner-header .main-menu li.active a{color:var(--ink) !important}
.inner-header .main-menu li.active{border-bottom:2px solid var(--accent) !important}
.inner-header .main-menu a:hover{color:var(--ink) !important}

/* ===== ЛОГИН-ДРОПДАУН «Войти в гараж» ===== */
.login>p a{font-family:"RobotoMedium",Arial,sans-serif;color:#fff !important;text-decoration:none !important;border-bottom:1px dashed rgba(255,255,255,.45);padding-bottom:2px}
.login>p a:hover{color:var(--accent) !important;border-bottom-color:var(--accent)}
.login .login-bg{background:transparent !important;background-image:none !important;padding-top:14px !important;margin:0 0 0 -196px !important;width:300px !important}
.login .login-form{background:var(--card) !important;border:0.5px solid var(--line) !important;border-radius:16px !important;box-shadow:0 14px 40px rgba(16,20,28,.22) !important;padding:20px 20px 18px !important;width:300px !important;height:auto !important;box-sizing:border-box;overflow:hidden}
.login .login-form>p{font-family:"RobotoMedium",Arial,sans-serif;font-size:14px;color:var(--ink) !important;margin:0 0 10px !important;float:none !important;padding:0 !important}
.login .login-form .header-social-icons{float:none !important;clear:both;display:block !important;margin:0 0 6px !important;width:100% !important}
.login .login-form .header-social-icons ul{position:static !important;top:auto !important;left:auto !important;display:flex !important;gap:8px;margin:0 !important;padding:0 !important;width:100%}
.login .login-form .header-social-icons li{list-style:none;display:block !important;flex:1;margin:0 !important;padding:0 !important}
.login .login-form .header-social-icons a.dnx-soc-mini{display:flex;align-items:center;justify-content:center;width:100%;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--card);box-sizing:border-box}
.login .login-form .header-social-icons a.dnx-soc-mini:hover{background:var(--page);border-color:#c4ccd6}
/* убить синий автофилл Chrome в дропдауне */
.login .login-form input:-webkit-autofill,.login .login-form input:-webkit-autofill:hover,.login .login-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--card) inset !important;box-shadow:0 0 0 1000px var(--card) inset !important;-webkit-text-fill-color:var(--ink) !important;caret-color:var(--ink)}
.login .login-form form{margin-top:14px !important}
.login .login-form input[type="text"],.login .login-form input[type="password"]{width:100% !important;box-sizing:border-box;background:var(--card) !important;border:0.5px solid var(--line) !important;border-radius:10px !important;padding:11px 12px !important;font-size:13px !important;color:var(--ink) !important;font-family:"RobotoRegular",Arial,sans-serif !important;margin:0 0 9px !important;height:auto !important}
.login .login-form input[type="text"]:focus,.login .login-form input[type="password"]:focus{outline:none !important;border-color:var(--accent) !important}
.login .login-form input[type="submit"]{width:100% !important;box-sizing:border-box;background:var(--accent) !important;color:var(--navy) !important;border:none !important;border-radius:10px !important;padding:11px 0 !important;font-family:"RobotoMedium",Arial,sans-serif !important;font-size:14px !important;cursor:pointer;height:auto !important;margin:2px 0 8px !important}
.login .login-form input[type="submit"]:hover{filter:brightness(1.05)}
.login .login-form .checkbox-style{float:left !important;width:auto !important;padding:4px 0 0 2px !important}
.login .login-form .checkbox-style p.remember_me{color:var(--muted) !important;font-size:12px !important}
.login .login-form .restore-pass{color:var(--ink) !important;font-size:12px !important;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line);margin:6px 0 0 !important;float:right !important}
.login .login-form .restore-pass:hover{color:var(--accent-ink) !important;text-decoration-color:var(--accent)}
.login .login-form .create-account{display:block;text-align:center;background:var(--navy) !important;color:#fff !important;border-radius:10px;padding:10px 0 !important;font-family:"RobotoMedium",Arial,sans-serif;font-size:13px !important;text-decoration:none !important;margin-top:12px !important}
.login .login-form .create-account:hover{background:var(--navy-soft) !important}

/* ===== ФУТЕР (все страницы, новая dnxf-разметка) ===== */
.new-footer.dnxf{background:#182231 !important;border-top:0.5px solid var(--navy-b);padding:46px 0 20px !important;height:auto !important;min-width:960px}
.dnxf-wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.dnxf-cols{display:grid;grid-template-columns:1.25fr 1fr 0.9fr 1fr;gap:36px}
.dnxf-brand .b{display:flex;align-items:center;gap:9px;color:#fff;font-family:"RobotoMedium",Arial,sans-serif;font-size:16px;margin-bottom:12px}
.dnxf-brand .b .mark{width:26px;height:26px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center}
.dnxf-brand .about{font-size:12.5px;color:#8393a3;line-height:1.55;max-width:250px}
.dnxf-brand .soc{display:flex;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.dnxf-brand .soc li{list-style:none}
.dnxf-brand .soc a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#20304a}
.dnxf-brand .soc a:hover{background:var(--accent)}
.dnxf-brand .soc img{filter:grayscale(1) brightness(1.7);width:16px;height:16px}
.dnxf-brand .soc a:hover img{filter:none}
.dnxf-col>p{font-family:"RobotoMedium",Arial,sans-serif;font-size:14px;color:#fff;margin:0 0 14px;padding:0}
.dnxf-col ul{margin:0;padding:0;list-style:none}
.dnxf-col li{margin:0 0 9px;list-style:none;line-height:1.35}
.dnxf-col a{color:#9fadbd !important;font-size:13px;text-decoration:none !important;font-family:"RobotoRegular",Arial,sans-serif;white-space:nowrap}
.dnxf-col a:hover{color:var(--accent) !important}
.dnxf-tags{border-top:0.5px solid var(--navy-b);margin-top:30px;padding-top:22px}
.dnxf-tags>p{font-family:"RobotoMedium",Arial,sans-serif;font-size:13px;color:#fff;margin:14px 0 10px}
.dnxf-tags>p:first-child{margin-top:0}
.dnxf-tags .row{display:flex;flex-wrap:wrap;gap:8px}
.dnxf-tags .row a{display:inline-block;background:#20304a;border-radius:16px;padding:5px 12px;font-size:12px;color:#c3cfdd !important;text-decoration:none !important;white-space:nowrap}
.dnxf-tags .row a span{color:#7c8aa0}
.dnxf-tags .row a:hover{background:var(--accent);color:var(--navy) !important}
.dnxf-tags .row a:hover span{color:var(--navy)}
.dnxf-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:0.5px solid var(--navy-b);margin-top:24px;padding-top:16px}
.dnxf-bottom .copyright{color:#7c8aa0 !important;font-size:12px !important;margin:0;text-align:left}
.dnxf-bottom .counters{display:flex;gap:8px;opacity:.35}
.dnxf-bottom .counters:hover{opacity:1}
@media(max-width:900px){.dnxf-cols{grid-template-columns:1fr 1fr}.dnxf-bottom{flex-direction:column}}

/* ===== СТРАНИЦА ВХОДА (login_dnx) — строка «запомнить / забыли пароль» ===== */
.dnx-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 18px}
.dnx-chk-inline{margin:0 !important}
.dnx-remind{font-size:12.5px;color:var(--ink) !important;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line);cursor:pointer;white-space:nowrap}
.dnx-remind:hover{color:var(--accent-ink) !important;text-decoration-color:var(--accent)}

/* ================= ЕДИНАЯ НАВИГАЦИЯ КАБИНЕТА (BMLP-32) ================= */
.inner-header .menu-bg{display:none !important} /* убрать валютный подбар — чистый один ряд как в макете */
.dnx-cabnav{display:flex !important;align-items:center;gap:2px;float:none !important;margin:0 0 0 26px !important;padding:0 !important}
.dnx-cabnav>li{float:none !important;list-style:none;margin:0 !important;background:none !important}
.dnx-cabnav>li>a{display:flex !important;align-items:center;gap:8px;padding:9px 13px !important;border-radius:10px;color:#c3ccd8 !important;font-size:14px !important;font-family:"RobotoMedium",Arial,sans-serif;letter-spacing:0 !important;white-space:nowrap;text-decoration:none !important}
.dnx-cabnav>li>a .ic{width:18px;height:18px;flex:0 0 auto;opacity:.8}
.dnx-cabnav>li>a:hover{color:#fff !important;background:rgba(255,255,255,.07)}
.dnx-cabnav>li.active>a{color:#fff !important;background:rgba(239,191,30,.16)}
.dnx-cabnav>li.active>a .ic{opacity:1;color:var(--accent)}
.dnx-cabnav .dnx-cnt{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--navy);font-size:11px;font-style:normal;font-family:"RobotoMedium",Arial,sans-serif;line-height:1}
/* выпадашка Сообщество — уже стилизована правилами .top-menu-mid .submenu */

/* аватар + дропдаун */
.dnx-user{position:relative;float:right;margin:2px 0 0 14px}
.dnx-user-cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.dnx-user-btn{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 8px 4px 4px;border-radius:26px}
.dnx-user-btn:hover{background:rgba(255,255,255,.08)}
.dnx-ava{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#2a3a50;flex:0 0 auto;display:block}
.dnx-uname{color:#fff !important;font-size:14px;font-family:"RobotoMedium",Arial,sans-serif;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dnx-chev{color:#aab6c6;transition:transform .2s}
.dnx-user-cb:checked ~ .dnx-user-btn .dnx-chev{transform:rotate(180deg)}
.dnx-user-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#fff;border:0.5px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(16,20,28,.22);padding:8px 0;z-index:200}
.dnx-user-cb:checked ~ .dnx-user-menu{display:block}
.dnx-user-menu a{display:block !important;padding:11px 18px !important;color:var(--ink) !important;font-size:14px !important;text-decoration:none !important;font-family:"RobotoRegular",Arial,sans-serif;border:0 !important}
.dnx-user-menu a:hover{background:var(--page);color:var(--accent-ink) !important}
.dnx-user-menu .dnx-logout{border-top:0.5px solid var(--line) !important;margin-top:6px;color:var(--err) !important}
.dnx-user-menu .dnx-logout:hover{background:#fdeaea;color:var(--err) !important}

/* фикс выравнивания: аватар на одной строке справа (BMLP-32) */
.dnx-cabnav{display:inline-flex !important;vertical-align:middle}
.inner-header .box{position:relative}
.dnx-user{position:absolute !important;right:24px;top:14px;float:none !important;margin:0 !important}

/* единый ряд шапки: лого · меню · (аватар/логин справа) — BMLP-32 */
.inner-header .top-menu{display:flex !important;align-items:center;flex-wrap:nowrap;width:100%}
.inner-header .top-menu > .logotype{float:none !important;flex:0 0 auto;margin:0 !important}
.inner-header .top-menu > .top-menu-mid{float:none !important}
.dnx-cabnav{float:none !important;position:static !important;margin:0 0 0 26px !important}
.dnx-user{position:static !important;float:none !important;right:auto;top:auto;margin:0 0 0 auto !important}
.inner-header .top-menu > .enter,.inner-header .top-menu > .login{margin-left:auto !important;float:none !important}

/* отступ справа, чтобы аватар не липнул к краю (BMLP-32) */
.inner-header .top-menu{padding-right:22px !important}
.dnx-uname{max-width:120px}

/* шапка по высоте контента, бар вертикально по центру (BMLP-32) */
.header.inner-header{height:auto !important;min-height:0 !important}
.inner-header .box{height:auto !important;min-height:0 !important}
.inner-header .top-menu{height:66px !important;align-items:center !important}
.inner-header .logotype{display:flex !important;align-items:center}

/* дропдаун аватара — строго под аватаром (BMLP-32) */
.dnx-user{position:relative !important}
.dnx-user-menu{right:0 !important;left:auto !important}

/* компактнее, чтобы бар влезал на ноутбуки без гориз.скролла (BMLP-32) */
.dnx-cabnav{margin-left:12px !important;gap:0 !important}
.dnx-cabnav>li>a{padding:8px 11px !important;font-size:13.5px !important;gap:7px}
.dnx-cabnav>li>a .ic{width:17px;height:17px}
.dnx-uname{max-width:100px}
.dnx-user{margin-left:12px !important}
.inner-header .top-menu{padding-right:14px !important}
.inner-header .logotype img{height:26px !important}

/* Напоминания — колокольчик (иконка без текста), счётчик уголком (BMLP-32) */
.dnx-bell>a{position:relative;padding:9px 11px !important}
.dnx-bell>a .ic{opacity:.92}
.dnx-cnt-dot{position:absolute;top:3px;right:3px;min-width:15px !important;height:15px !important;padding:0 3px !important;font-size:9px !important;line-height:15px !important;border-radius:8px !important;box-shadow:0 0 0 2px var(--navy)}

/* ФИНАЛ кабинет-бара (BMLP-32): лого норм, колокольчик справа, компактнее */
.inner-header .logotype img{height:32px !important}
.dnx-cabnav{margin-left:20px !important;gap:0 !important}
.dnx-cabnav>li>a{padding:8px 10px !important;gap:6px !important;font-size:13.5px !important}
/* колокольчик всегда справа, у аватара */
.dnx-bell-btn{margin-left:auto !important;position:relative;display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#c3ccd8 !important;flex:0 0 auto;text-decoration:none !important}
.dnx-bell-btn:hover{background:rgba(255,255,255,.09);color:#fff !important}
.dnx-bell-btn.active{color:var(--accent) !important}
.dnx-user{margin-left:4px !important}

/* убрать унаследованный padding-left:40px у пунктов -> компактные отступы (BMLP-32) */
.dnx-cabnav>li{padding:0 !important;margin:0 !important}
.dnx-cabnav>li>a{padding:8px 11px !important}

/* логотип нормального размера (BMLP-32) */
.inner-header .logotype img{height:40px !important;width:auto !important}

/* валюта в аватар-дропдауне (BMLP-32) */
.dnx-user-menu .dnx-cur-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;border-top:0.5px solid var(--line);margin-top:6px}
.dnx-user-menu .dnx-cur-row span{font-size:13px;color:var(--muted)}
.dnx-user-menu .dnx-cur-row select{font-size:13px;padding:5px 8px;border:0.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);max-width:110px}

/* fix: login dropdown must overlay hero phone mockup floating cards (.dnx-fcard z-index:4) — 2026-07 BMLP */
.login-bg{z-index:200}
.top-menu{z-index:200}

/* ============================================================
   GLOBAL (BMLP-22): ЕДИНАЯ ШИРИНА КОНТЕЙНЕРА + ЕДИНЫЙ ШРИФТ.
   Одна переменная --dnx-cw держит ширину для шапки, футера и
   контента → левый/правый край совпадают везде. border-box +
   одинаковый gutter гарантируют выравнивание при любых паддингах.
   ============================================================ */
:root{ --dnx-cw:1040px; --dnx-gut:24px; }

/* единый контейнер: шапка = футер = контент (одна ширина, один gutter) */
.inner-header .box,
.new-footer.dnxf .dnxf-wrap,
.dnx-posts .holder.rubrics,
.dnxw-wrap,
.dnx-container{
  width:auto !important;
  max-width:var(--dnx-cw) !important;
  margin-left:auto !important; margin-right:auto !important;
  padding-left:var(--dnx-gut) !important; padding-right:var(--dnx-gut) !important;
  box-sizing:border-box !important;
}
.new-footer.dnxf{ min-width:0 !important; }          /* убрать min-width:960 */
.dnxw-wrap{ margin-top:22px !important; margin-bottom:22px !important; }  /* сохранить верт.отступы онбординга */

/* ЕДИНЫЙ ШРИФТ site-wide. Element-селекторы без !important:
   грузятся ПОСЛЕ style.css → перебивают легаси Arial/Verdana,
   но НЕ трогают DNX-классы с явным RobotoM/L (типографика цела). */
body, td, th, p, li, dt, dd, blockquote, figcaption,
input, select, textarea, button, a, label, span{
  font-family:'RobotoRegular','RobotoR',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-family:'RobotoMedium','RobotoM',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

/* GLOBAL: серый DNX-фон на всю страницу (body), а не на узком .dnx-контейнере.
   Карточки «дышат» на сером; серый растянут full-bleed. Как на главной. */
html, body{ background:var(--page) !important; }

/* ===== Публичная (разлогиненная) шапка = кабинет (dnx-cabnav) 1:1: 66px, меню СЛЕВА после лого,
   пункты серые 13.5px, вход справа по центру. Кабинет (.dnx-cabnav) НЕ трогаем. ===== */
.header, .inner-header, .inner-header *{ box-sizing:border-box; }
.inner-header .box{ max-width:1180px !important; width:100% !important; padding:0 24px !important; margin:0 auto !important; }
.inner-header .top-menu{ width:100% !important; height:66px !important; align-items:center !important; }
.inner-header .top-menu > .top-menu-mid:not(.dnx-cabnav){ display:flex !important; align-items:center !important; flex:0 1 auto !important; gap:0 !important; padding-left:0 !important; margin:0 0 0 20px !important; float:none !important; height:auto !important; }
.inner-header .top-menu-mid:not(.dnx-cabnav) > li{ display:block !important; margin:0 !important; padding:0 !important; float:none !important; }
.inner-header .top-menu-mid:not(.dnx-cabnav) > li > a.main-menu-link{ display:flex !important; align-items:center !important; padding:8px 11px !important; font-size:13.5px !important; font-weight:400 !important; color:#c3ccd8 !important; letter-spacing:0 !important; }
.inner-header .top-menu-mid:not(.dnx-cabnav) > li > a.main-menu-link:hover{ color:#fff !important; }
.inner-header .top-menu > .enter, .inner-header .top-menu > .login{ flex:0 0 auto !important; margin-left:auto !important; align-self:center !important; display:flex !important; align-items:center !important; }
.inner-header .top-menu > .enter .login p{ margin-top:0 !important; }