:root { --vbot-shell-gutter: clamp(24px, 5.2vw, 100px); }
.vbot-topbar,.vbot-topbar * { box-sizing: border-box; }
.vbot-topbar { position:fixed; z-index:99999; top:0; right:0; left:0; min-height:82px; color:#fff; background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.08)); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.vbot-shell-inner { min-height:82px; width:100%; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:0 var(--vbot-shell-gutter); }
.vbot-shell-brand { width:clamp(150px,12.2vw,235px); flex:0 0 auto; }
.vbot-shell-brand img { display:block; width:100%; height:auto; }
.vbot-site-nav { display:flex; align-items:center; gap:clamp(22px,2.5vw,48px); white-space:nowrap; }
.vbot-site-nav a { position:relative; display:block; padding:30px 0 27px; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:clamp(13px,.9vw,17px); font-weight:700; line-height:1; text-decoration:none; text-shadow:0 1px 10px rgba(0,0,0,.32); }
.vbot-site-nav a::after { content:""; position:absolute; right:0; bottom:19px; left:0; height:2px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.vbot-site-nav a:hover::after,.vbot-site-nav a[aria-current="page"]::after { transform:scaleX(1); }
body.vbot-legal-page { padding-top:82px; }
body.vbot-legal-page .vbot-topbar { background:rgba(18,18,18,.94); }
@media (max-width:720px) {
  :root { --vbot-shell-gutter:14px; }
  .vbot-topbar,.vbot-shell-inner { min-height:64px; }
  .vbot-shell-inner { gap:12px; }
  .vbot-shell-brand { width:96px; }
  .vbot-site-nav { gap:11px; }
  .vbot-site-nav a { padding:25px 0 23px; font-size:11px; }
  .vbot-site-nav a::after { bottom:15px; }
  body.vbot-legal-page { padding-top:64px; }
}
@media (max-width:420px) {
  .vbot-shell-brand { width:82px; }
  .vbot-site-nav { gap:8px; }
  .vbot-site-nav a { font-size:10px; }
}