:root{ --nav-h:64px }
body{ padding-top:var(--nav-h) }       /* obsah neposkoci pod fixed nav */

/* NAV look + sticky */
.nav{
  position:relative !important; top:0 !important; left:0; right:0;
  z-index:2147482000;
  background:rgba(11,18,32,.78);
  backdrop-filter:saturate(130%) blur(6px);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.nav.scrolled{ background:rgba(11,18,32,.88); box-shadow:0 8px 30px rgba(0,0,0,.35) }
.nav .nav-inner{
  max-width:1200px; margin:0 auto;
  height:64px; padding:14px 20px;
  display:flex; align-items:center; gap:16px;
}
.nav .brand{ display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.3px }
.nav .brand .logo{ height:18px; width:auto; margin-left:6px; opacity:.9 }

.nav .menu{ flex:1 1 auto; display:flex; align-items:center; gap:18px; min-width:0 }
.nav .menu a{ opacity:.92; transition:opacity .15s }
.nav .menu a:hover, .nav .menu a.active{ opacity:1 }
#nav-underline{
  height:2px; background:linear-gradient(90deg,#ffb37e,#F37103);
  border-radius:2px; box-shadow:0 6px 18px rgba(243,113,3,.28);
}

/* jazykove chipy: ponechaj len tie v #nav-menu, ostatne skry */
.nav .nav-inner > .lang{ display:none !important }     /* ak by tam bola cela skupina */
.nav .nav-inner > #lang-en,
.nav .nav-inner > #lang-sk,
.nav .brand #lang-en,
.nav .brand #lang-sk{ display:none !important }        /* ak su tam len samotne tlacidla */
.nav #nav-menu .lang{ display:flex !important }

/* burger "Menu": zobraz iba na mobile */
@media(min-width:821px){ #nav-toggle{ display:none !important } }