/* VoltTech mobile navigation v5 — namespaced, equal-size app menu */
.vt-mobile-menu-btn,.vt-mobile-drawer,.vt-mobile-backdrop{display:none}

@media(max-width:700px){
  nav .wrap{height:62px!important;min-height:62px!important;gap:12px!important}
  nav .brand{min-width:0}
  nav .brand img{height:38px!important;width:auto}
  nav .brand-text,nav .brand-name,nav .navlinks{display:none!important}

  .vt-mobile-menu-btn{display:inline-flex;align-items:center;gap:9px;margin-left:auto;min-height:42px;padding:0 14px;border:1px solid rgba(47,230,200,.34);border-radius:999px;background:rgba(47,230,200,.065);color:#dffaf5;font:700 10px 'JetBrains Mono',monospace;letter-spacing:.11em;text-transform:uppercase;-webkit-tap-highlight-color:transparent}
  .vt-mobile-menu-btn:focus-visible{outline:2px solid #2fe6c8;outline-offset:2px}
  .vt-menu-bars{display:grid;gap:3px;width:16px}.vt-menu-bars i{display:block;height:1.5px;background:#2fe6c8;border-radius:4px;transition:.18s ease}
  .vt-mobile-menu-btn[aria-expanded="true"] .vt-menu-bars i:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
  .vt-mobile-menu-btn[aria-expanded="true"] .vt-menu-bars i:nth-child(2){opacity:0}
  .vt-mobile-menu-btn[aria-expanded="true"] .vt-menu-bars i:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}

  .vt-mobile-backdrop{position:fixed;inset:62px 0 0;z-index:88;background:rgba(0,0,0,.64);backdrop-filter:blur(5px)}.vt-mobile-backdrop.open{display:block}
  .vt-mobile-drawer{position:fixed;top:62px;left:0;right:0;z-index:89;max-height:calc(100dvh - 62px);overflow-y:auto;overscroll-behavior:contain;padding:12px 14px max(20px,env(safe-area-inset-bottom));border-top:1px solid rgba(47,230,200,.16);background:linear-gradient(180deg,#071011 0,#05090a 22%);box-shadow:0 20px 45px rgba(0,0,0,.5)}.vt-mobile-drawer.open{display:block}
  .vt-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 10px;color:#66807d;font:9px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.vt-mobile-drawer-head b{color:#2fe6c8;font-weight:700}

  .vt-mobile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:112px;gap:8px;align-items:stretch}
  .vt-mobile-link{position:relative;overflow:hidden;display:block;width:100%;height:112px;min-height:112px;max-height:112px;min-width:0;align-self:stretch;border:1px solid rgba(118,154,150,.18);border-radius:10px;background:#0b1213;text-decoration:none!important;color:#eef7f5!important;box-shadow:inset 0 1px rgba(255,255,255,.025);-webkit-tap-highlight-color:transparent;transition:border-color .18s ease,transform .12s ease,background .18s ease}
  .vt-mobile-link:active{transform:scale(.986)}.vt-mobile-link:focus-visible{outline:2px solid #2fe6c8;outline-offset:2px}
  .vt-card-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;height:112px;min-width:0;padding:12px 45% 12px 13px;text-align:left}
  .vt-mobile-link small{display:block;margin:0 0 5px;color:#2fe6c8;font:700 7.5px 'JetBrains Mono',monospace;letter-spacing:.11em;text-transform:uppercase}
  .vt-mobile-link strong{display:block;margin:0;color:#f2f7f6;font:650 14px/1.12 'Space Grotesk',sans-serif}
  .vt-mobile-link em{display:-webkit-box;margin-top:5px;color:#81918e;font:normal 9px/1.3 'Space Grotesk',sans-serif;font-style:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  .vt-card-image{position:absolute;z-index:1;top:0;right:0;width:43%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}
  .vt-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1213 0,rgba(11,18,19,.62) 26%,rgba(11,18,19,.05) 100%)}
  .vt-image-builder{background-image:url('vt-px-pc-components.webp')}
  .vt-image-services{background-image:url('vt-px-technician-service.webp')}
  .vt-image-scan{background-image:url('bg-signal.webp')}
  .vt-image-creator{background-image:url('vt-px-creator-desk.webp')}
  .vt-image-streaming{background-image:url('vt-px-streaming-setup.webp')}
  .vt-image-account{background-image:url('vt-own-desk.webp')}
  .vt-image-contact{background-image:url('vt-px-service-desk.webp')}
  .vt-image-static{background-image:url('STATIC-logo-master.png');background-size:72%;background-color:#120e08}

  .vt-menu-builder{border-color:rgba(98,168,255,.28)}.vt-menu-builder small{color:#62a8ff}
  .vt-menu-services{border-color:rgba(104,191,255,.22)}
  .vt-menu-scan{border-color:rgba(47,230,200,.38)}
  .vt-menu-creator{border-color:rgba(215,120,255,.28)}.vt-menu-creator small{color:#d778ff}
  .vt-menu-streaming{border-color:rgba(142,157,255,.24)}
  .vt-menu-static{border-color:rgba(255,180,84,.24)}.vt-menu-static small{color:#ffb454}

  .vt-creator-top{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.vt-creator-top small{margin:0}
  .vt-live-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border:1px solid rgba(255,67,83,.35);border-radius:999px;background:rgba(255,45,65,.09);color:#ff6573;font:700 6px 'JetBrains Mono',monospace;letter-spacing:.05em;white-space:nowrap}
  .vt-live-pill i{width:5px;height:5px;border-radius:50%;background:#ff3348;box-shadow:0 0 0 0 rgba(255,51,72,.62);animation:vtLivePulse 1.45s infinite}
  @keyframes vtLivePulse{70%{box-shadow:0 0 0 5px rgba(255,51,72,0)}100%{box-shadow:0 0 0 0 rgba(255,51,72,0)}}
  body.vt-menu-open{overflow:hidden}
}

@media(max-width:380px){.vt-mobile-links{grid-template-columns:1fr;grid-auto-rows:96px}.vt-mobile-link,.vt-card-copy{height:96px;min-height:96px;max-height:96px}.vt-card-copy{padding-right:42%}}
@media(prefers-reduced-motion:reduce){.vt-mobile-menu-btn .vt-menu-bars i,.vt-mobile-link{transition:none}.vt-live-pill i{animation:none}}
