/* Vanish Pay · nav additions + mobile drawer (loaded site-wide) */
.vp-nav-acct{color:var(--amber,#FFB640)!important}
html.vp-lock{overflow:hidden}

.vp-burger{display:none;width:44px;height:44px;margin-right:.6rem;border:1px solid var(--line,rgba(237,241,247,.09));border-radius:2px;background:rgba(7,9,13,.4);cursor:pointer;position:relative;flex:0 0 auto}
.vp-burger span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--chrome,#EDF1F7);transition:transform .4s cubic-bezier(.65,0,.35,1),opacity .3s,top .4s}
.vp-burger span:nth-child(1){top:14px}.vp-burger span:nth-child(2){top:21px}.vp-burger span:nth-child(3){top:28px}
.vp-burger.is-open span:nth-child(1){top:21px;transform:rotate(45deg);background:var(--amber,#FFB640)}
.vp-burger.is-open span:nth-child(2){opacity:0}
.vp-burger.is-open span:nth-child(3){top:21px;transform:rotate(-45deg);background:var(--amber,#FFB640)}

.vp-drawer{position:fixed;inset:0;z-index:150;background:#07090D;color:var(--chrome,#EDF1F7);display:flex;flex-direction:column;padding:1.2rem 6vw 2.4rem;transform:translateY(-102%);transition:transform .55s cubic-bezier(.76,0,.24,1);overflow:auto;-webkit-overflow-scrolling:touch}
.vp-drawer::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 44px,rgba(255,182,64,.05) 44px 46px);pointer-events:none;mask-image:radial-gradient(90% 90% at 50% 40%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(90% 90% at 50% 40%,#000 30%,transparent 100%)}
.vp-drawer.is-open{transform:translateY(0)}
.vp-drawer-head{display:flex;align-items:center;justify-content:space-between;height:52px;position:relative}
.vp-drawer-brand{font-family:var(--font-display,'Syncopate',sans-serif);font-weight:700;letter-spacing:.28em;font-size:.95rem;display:flex;align-items:center;gap:.6rem}
.vp-drawer-close{width:44px;height:44px;border:1px solid var(--line,rgba(237,241,247,.09));border-radius:2px;background:none;color:var(--chrome,#EDF1F7);font-size:1rem;cursor:pointer}
.vp-drawer nav.vp-drawer-links{position:relative;top:auto;left:auto;right:auto;z-index:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;margin-top:4vh;padding:0;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}
.vp-drawer-links a{display:flex;align-items:baseline;gap:1.2rem;padding:.8rem 0;border-bottom:1px solid var(--line,rgba(237,241,247,.09));font-family:var(--font-display,'Syncopate',sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(1.05rem,4.8vw,1.5rem);color:var(--chrome,#EDF1F7);opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s;transition-delay:calc(var(--i,1)*45ms + 150ms)}
.vp-drawer.is-open .vp-drawer-links a{opacity:1;transform:none}
.vp-drawer-links a .n{font-family:var(--font-mono,'IBM Plex Mono',monospace);font-size:.68rem;letter-spacing:.2em;color:var(--amber,#FFB640);font-weight:400}
.vp-drawer-actions{display:flex;flex-direction:column;gap:.8rem;margin-top:auto;padding-top:2.4rem;position:relative}
.vp-drawer-actions .btn{justify-content:center;padding:1.1rem 1.6rem}
.vp-drawer-foot{margin-top:1.6rem;color:var(--steel-dim,#5B6472);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;position:relative}

@media (max-width:900px){
  .vp-burger{display:block}
  nav#nav .btn-amber,nav .btn-amber{white-space:nowrap}
  nav#nav .btn-amber,nav .btn-amber{font-size:.64rem;padding:.75rem 1.1rem}
}
@media (max-width:520px){ nav#nav>.btn-amber,nav>.btn-amber{display:none} .vp-burger{margin-right:0} }
@media (min-width:901px){ .vp-drawer{display:none} }