.mobile-nav-toggle { display:none; }

.price-radar-page .app-shell { width:min(1400px,100%); padding-inline:40px; }
.price-radar-page .site-header { height:78px; min-height:78px; gap:24px; border-bottom:1px solid #dbe4f0; }
.price-radar-page .site-header .brand { min-width:180px; gap:12px; }
.price-radar-page .site-header .brand-avatar { width:42px; height:42px; flex:none; border-radius:50%; object-fit:cover; }
.price-radar-page .site-header .brand-copy strong { color:#172033; font-size:18px; font-weight:800; }
.price-radar-page .site-header .brand-copy small { margin-top:2px; color:#64748b; font-size:10px; font-weight:400; }
.price-radar-page .site-header .nav { display:flex; align-items:center; gap:4px; }
.price-radar-page .site-header .nav a { padding:10px 14px; border-radius:8px; color:#64748b; font-size:13px; font-weight:400; }
.price-radar-page .site-header .nav a:hover,
.price-radar-page .site-header .nav a.active { color:#1d4ed8; background:#e8f0ff; }

.nav-dropdown { position: relative; }
.nav-dropdown-toggle { height: auto; min-width: 0; padding: 10px 14px; border: 0; border-radius: 8px; font-family: inherit; color: #64748b; background: transparent; font-size: 13px; font-weight: 400; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.nav-dropdown-toggle::after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; opacity: .55; content: ""; }
.nav-dropdown-toggle:hover, .nav-dropdown.is-active .nav-dropdown-toggle, .nav-dropdown.is-open .nav-dropdown-toggle, .nav-dropdown-toggle.active { color: #1d4ed8; background: #e8f0ff; }
.nav-dropdown-menu { position: absolute; top: 100%; left: 0; min-width: 148px; display: none; padding: 8px 6px 6px; border: 1px solid #dbe4f0; border-radius: 12px; background: #fff; box-shadow: 0 16px 40px rgba(23,32,51,.12); z-index: 80; }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown.is-open .nav-dropdown-menu { display: grid; gap: 2px; }
.nav-dropdown-menu a { padding: 9px 12px; white-space: nowrap; }
.nav-dropdown:last-child .nav-dropdown-menu { left: auto; right: 0; }

.mobile-nav-group { margin: 14px 4px 6px; color: #94a3b8; font-size: 11px; font-weight: 800; letter-spacing: .12em; }

.price-radar-page .site-header .top-actions { min-width:180px; gap:14px; }
.price-radar-page .site-header .telegram-group-link { display:inline-flex; align-items:center; gap:7px; color:#334155; font-size:12px; font-weight:700; white-space:nowrap; }
.price-radar-page .site-header .telegram-group-link:hover { color:#168ac0; }
.price-radar-page .site-header .telegram-group-icon { width:32px; height:32px; flex:none; display:grid; place-items:center; border-radius:50%; background:#229ed9; box-shadow:0 5px 13px rgba(34,158,217,.18); }
.price-radar-page .site-header .telegram-group-icon svg { width:18px; height:18px; fill:#fff; stroke:none; }
.price-radar-page .site-header .source-state { color:#64748b; font-size:12px; opacity:.72; }
.price-radar-page .site-header .source-state i { background:#2563eb; box-shadow:none; }
.price-radar-page .site-header .source-state.ready { color:#1d4ed8; opacity:.76; }
.price-radar-page .site-header .source-state.ready i { background:#1c9c67; box-shadow:none; }

@media (max-width:1120px) and (min-width:901px) {
  .site-header .nav a, .site-header .nav-dropdown-toggle { padding-inline:9px; }
  .site-header .telegram-group-link > span:last-child { display:none; }
}

@media (max-width:900px) {
  .price-radar-page .app-shell { padding-inline:22px; }
  .price-radar-page .site-header { height:78px; min-height:78px; flex-wrap:nowrap; }
  .price-radar-page .site-header > .nav { display:none; }
  .price-radar-page .site-header .brand { min-width:0; flex:1; overflow:hidden; }
  .price-radar-page .site-header .brand-copy { min-width:0; }
  .price-radar-page .site-header .brand-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .price-radar-page .site-header .top-actions { min-width:0; flex:none; gap:8px; }
  .price-radar-page .site-header .telegram-group-link { display:none; }
  .mobile-nav-toggle { min-width:70px; height:38px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 11px; border:1px solid #bfd3f4; border-radius:7px; color:#1d4ed8; background:#fff; font-size:13px; font-weight:700; }
  .mobile-nav-toggle-icon { width:17px; display:grid; gap:3px; }
  .mobile-nav-toggle-icon i { width:17px; height:2px; display:block; border-radius:1px; background:currentColor; }
  .mobile-nav-layer { position:fixed; inset:0; z-index:1000; display:grid; grid-template-columns:1fr min(86vw,360px); opacity:0; pointer-events:none; transition:opacity .2s ease; }
  .mobile-nav-layer.open { opacity:1; pointer-events:auto; }
  .mobile-nav-backdrop { grid-column:1; grid-row:1; border:0; background:rgba(15,23,42,.48); opacity:0; transition:opacity .2s ease; }
  .mobile-nav-layer.open .mobile-nav-backdrop { opacity:1; }
  .mobile-nav-drawer { grid-column:2; grid-row:1; min-width:0; height:100vh; height:100dvh; display:flex; flex-direction:column; padding:max(22px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom)); color:#172033; background:#fff; box-shadow:-18px 0 42px rgba(15,23,42,.16); transform:translateX(100%); transition:transform .22s ease; }
  .mobile-nav-layer.open .mobile-nav-drawer { transform:translateX(0); }
  .mobile-nav-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:18px; border-bottom:1px solid #dbe4f0; }
  .mobile-nav-head > div { display:grid; gap:3px; }
  .mobile-nav-head small { color:#2563eb; font-size:10px; font-weight:800; }
  .mobile-nav-head strong { font-size:21px; }
  .mobile-nav-close { width:38px; height:38px; display:grid; place-items:center; padding:0; border:1px solid #dbe4f0; border-radius:7px; color:#64748b; background:#f8fafc; font-size:25px; line-height:1; }
  .mobile-nav-links { display:grid; gap:4px; padding:18px 0; }
  .mobile-nav-links a { min-height:50px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 13px; border-left:3px solid transparent; color:#334155; font-size:15px; font-weight:650; }
  .mobile-nav-links a b { color:#94a3b8; font-size:24px; font-weight:400; }
  .mobile-nav-links a.active { border-left-color:#2563eb; color:#1d4ed8; background:#edf4ff; }
  .mobile-nav-telegram { min-height:82px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:auto; padding:14px; border-radius:8px; color:#fff; background:#229ed9; box-shadow:0 10px 26px rgba(34,158,217,.24); }
  .mobile-nav-telegram-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#fff; }
  .mobile-nav-telegram-icon svg { width:24px; height:24px; fill:#229ed9; stroke:none; }
  .mobile-nav-telegram > span:nth-child(2) { min-width:0; display:grid; gap:4px; }
  .mobile-nav-telegram strong { font-size:16px; }
  .mobile-nav-telegram small { color:rgba(255,255,255,.82); font-size:12px; }
  .mobile-nav-telegram > b { font-size:20px; }
  body.mobile-nav-open { overflow:hidden; }
}

@media (max-width:580px) {
  .price-radar-page .app-shell { padding-inline:15px; }
  .price-radar-page .site-header { height:68px; min-height:68px; }
  .price-radar-page .site-header .brand-copy strong { font-size:16px; }
  .price-radar-page .site-header .source-state { display:none; }
  .mobile-nav-toggle { min-width:66px; height:36px; padding-inline:10px; }
}