/* KövetelésEllenőrző.hu v0.7.2.1 – tablet/mobile navigation breakpoint hotfix */
.mobile-nav{display:none}
.desktop-nav .account-link{color:#f6f8fb;font-weight:750}
.desktop-nav .account-link:hover{color:var(--green)}

@media (max-width:1050px){
  .desktop-nav{gap:14px}
  .desktop-nav>a:not(.btn):not(.account-link){display:none}
}

@media (max-width:900px){
  .site-header .wrap{width:min(100% - 28px,1160px)}
  .site-nav{height:78px;gap:12px}
  .brand{min-width:0;gap:10px}
  .brand-name{font-size:clamp(16px,4.5vw,21px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 126px)}
  .mark{width:42px;height:42px;min-width:42px;border-radius:13px;font-size:22px}
  .desktop-nav{display:none!important}
  .mobile-nav{display:block;position:relative;margin-left:auto}
  .mobile-nav summary{list-style:none;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:13px;padding:10px 12px;background:#0d1a2b;color:#f6f8fb;font-weight:800;cursor:pointer;user-select:none}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .hamburger{font-size:21px;line-height:1}
  .menu-label{font-size:14px}
  .mobile-nav[open] summary{border-color:rgba(64,224,160,.45)}
  .mobile-nav-panel{position:absolute;z-index:1000;right:0;top:calc(100% + 10px);width:min(310px,calc(100vw - 28px));padding:10px;background:#0d1a2b;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
  .mobile-nav-panel>a{display:block;padding:12px 13px;border-radius:11px;text-decoration:none;color:#d7e0ea;font-weight:700}
  .mobile-nav-panel>a:hover,.mobile-nav-panel>a:focus{background:rgba(255,255,255,.055);color:#fff}
  .mobile-nav-panel .mobile-account-primary{color:var(--green)}
  .mobile-nav-panel .mobile-check-btn{margin-top:8px;text-align:center;color:#04130e;padding:13px 14px}
  .mobile-nav-panel .mobile-check-btn:hover,.mobile-nav-panel .mobile-check-btn:focus{color:#04130e;background:var(--green)}
}

@media (max-width:390px){
  .menu-label{display:none}
  .mobile-nav summary{padding:10px 11px}
  .brand-name{max-width:calc(100vw - 112px)}
}