/* Единая шапка dev-bot.su. Классы с префиксом dbh, чтобы не задевать
   вёрстку страниц Tilda, куда эта шапка тоже вставляется. */
.dbh{background:#fff;border-bottom:1px solid #e2e8f3;position:sticky;top:0;z-index:50;
  font-family:TildaSans,-apple-system,Segoe UI,Arial,sans-serif}
.dbh__in{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;min-height:68px;flex-wrap:wrap}
.dbh__logo img{display:block;height:34px;width:auto}
.dbh__nav{display:flex;gap:18px;flex-wrap:wrap;margin-right:auto}
.dbh__nav a{color:#4a5a72;text-decoration:none;font-size:15px;font-weight:500;line-height:1.3}
.dbh__nav a:hover,.dbh__nav a[aria-current]{color:#1244d2}
.dbh__tel{color:#1244d2;font-weight:600;text-decoration:none;white-space:nowrap;font-size:15px}
@media (max-width:760px){
  .dbh{position:static}
  .dbh__in{min-height:0;padding:10px 14px;gap:10px 14px}
  .dbh__logo{order:1}.dbh__logo img{height:30px}
  .dbh__tel{order:2;margin-left:auto}
  .dbh__nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;gap:18px;margin:0;padding:2px 0 4px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .dbh__nav::-webkit-scrollbar{display:none}
  .dbh__nav a{white-space:nowrap}
}