/* Site header (markup from _src/navbar.py). Desktop: section links left, language + Download App right.
   Phones: logo, small download button and menu; the menu holds the links and the language list. */
.nav .wrap{gap:36px}
.nav-links{display:flex;align-items:center;gap:28px;margin-right:auto}
.nav-links a{color:rgba(255,255,255,.86);font-size:15px;font-weight:500;line-height:1;text-decoration:none;transition:color .2s ease}
.nav-links a:hover{color:#fff;text-decoration:none}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-dl .dl-short{display:none}

.nl{position:relative}
.nl-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:100px;border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}
.nl-btn:hover,.nl-btn[aria-expanded="true"]{background:rgba(255,255,255,.18)}
.nl-btn svg.nl-globe{width:18px;height:18px}
.nl-btn svg.nl-chev{width:14px;height:14px;transition:transform .2s ease}
.nl-btn[aria-expanded="true"] svg.nl-chev{transform:rotate(180deg)}
.nl-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;padding:6px;border-radius:16px;background:#fff;
  box-shadow:0 16px 40px rgba(36,43,76,.25);z-index:20}
.nl-menu[hidden]{display:none}
.nl-menu a,.np-langs a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;
  color:#1f2547;font-size:15px;line-height:1.2;text-decoration:none}
.nl-menu a:hover,.np-langs a:hover{background:#f4f3fa;text-decoration:none}
.nl-menu a.on,.np-langs a.on{font-weight:600}
.nl-menu a.on{background:#f1effc}
.nl-menu svg,.np-langs svg{width:18px;height:18px;color:#6b5fd6;flex:none}

.nav-panel{display:none}

@media (max-width:1199px){
  .nav .wrap{gap:24px}
  .nav-links{gap:20px}
  .nav-links a{font-size:14px}
}
@media (max-width:959px){
  .nav-links{gap:16px}
}
@media (max-width:809px){
  .nav .wrap{position:relative;gap:12px}
  .nav-links,.nl{display:none}
  .nav-right{gap:4px;margin-left:auto}
  .nav-dl{padding:8px 14px;font-size:13px;font-weight:600}
  .nav-dl .dl-long{display:none}
  .nav-dl .dl-short{display:inline}
  .nav-panel{position:absolute;top:calc(100% + 12px);left:0;right:0;padding:8px;border-radius:20px;background:#fff;
    box-shadow:0 18px 40px rgba(36,43,76,.3);max-height:calc(100vh - 110px);overflow-y:auto}
  .nav.open .nav-panel{display:block}
  .np-langs a{padding:10px 14px}
  .np-links a{display:block;padding:13px 14px;border-radius:10px;color:#1f2547;font-size:16px;font-weight:500;text-decoration:none}
  .np-links a:hover{background:#f4f3fa;text-decoration:none}
  .np-label{margin:6px 4px 0;padding:14px 10px 4px;border-top:1px solid #ecebf5;color:#8a88a6;font-size:12px;font-weight:600;
    letter-spacing:.06em;text-transform:uppercase}
}