/* VLK layout fixes (unique classes to avoid collisions) */
.vlk-footer{
  width: 100%;
  margin-top: 40px;
  padding: 22px 0;
  background: #0b1220;
  color: #e5e7eb;
}
.vlk-footer a{ color:#93c5fd; text-decoration:none; }
.vlk-footer a:hover{ text-decoration:underline; }

.vlk-footer .vlk-footer-inner{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.vlk-footer .vlk-footer-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.vlk-footer .vlk-footer-links{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.vlk-footer .muted{
  color: rgba(229,231,235,0.72);
}

.vlk-footer .vlk-footer-legal{
  margin-top: 10px;
  color: rgba(229,231,235,0.72);
  line-height: 1.35;
}

/* если где-то глобально включили странный перенос */
.vlk-footer, .vlk-footer *{
  word-break: normal;
  overflow-wrap: anywhere;
}

.vlk-nav{
  position: sticky;
  top: 0;
  z-index: 2001; /* above overlay */
}
.vlk-nav-inner{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 14px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.vlk-brand{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  color: rgba(255,255,255,0.95);
  text-decoration: none;
}
.vlk-brand:hover{ text-decoration:none; opacity:0.95; }
.vlk-brand-text{ white-space: nowrap; }

.vlk-nav-menu{
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}
.vlk-nav-menu a{
  color: rgba(255,255,255,0.92);
  text-decoration: none;
  font-weight: 700;
}
.vlk-nav-menu a:hover{ text-decoration: underline; }

.vlk-nav-cta{
  border-radius: 12px !important;
  white-space: nowrap;
}

@media (max-width: 900px){
  .vlk-nav-inner{ padding: 10px 12px; }
  .vlk-nav-menu{ display:none !important; } /* no dropdown on mobile */
  .vlk-brand-text{ max-width: 44vw; overflow:hidden; text-overflow: ellipsis; }
  .vlk-nav-cta{ padding-left: 12px; padding-right: 12px; }
}

.vlk-nav{
  position: sticky;
  top: 0;
  z-index: 2003; /* выше overlay и контента */
}

.vlk-nav-inner{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 14px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.vlk-brand{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: rgba(255,255,255,0.96);
  font-weight: 900;
  min-width: 0;
}
.vlk-brand:hover{ text-decoration:none; opacity:0.95; }

.nav-logo{
  height: 28px;
  width: auto;
  border-radius: 8px;
}
.vlk-brand-text{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vlk-nav-menu{
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.vlk-nav-menu a{
  color: rgba(255,255,255,0.92);
  text-decoration: none;
  font-weight: 700;
}
.vlk-nav-menu a:hover{ text-decoration: underline; }

.vlk-nav-cta{
  border-radius: 12px !important;
  white-space: nowrap;
  padding: 8px 12px !important;
  line-height: 1.1;
}

@media (max-width: 900px){
  .vlk-nav-inner{ padding: 8px 12px; }
  .vlk-nav-menu{ display: none !important; } /* главное требование: без выпадашки на мобилке */
  .nav-logo{ height: 26px; }
  .vlk-brand-text{ max-width: 52vw; font-size: 16px; }
  .vlk-nav-cta{ padding: 7px 10px !important; font-size: 14px; border-radius: 12px !important; }
}