/* =============================================
   KRYPTO VOM BAU — Einheitliches Hamburger Menü
   ============================================= */

.kvb-hamburger{
  position:fixed;
  top:16px;
  right:20px;
  z-index:10000;
  width:44px;
  height:44px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  background:rgba(0,214,214,.08);
  border:1px solid rgba(0,214,214,.22);
  border-radius:12px;
  transition:.22s ease;
  padding:0;
}
.kvb-hamburger:hover{
  background:rgba(0,214,214,.16);
  border-color:rgba(0,214,214,.4);
}
.kvb-hamburger span{
  display:block;
  width:20px;
  height:2px;
  background:#00d6d6;
  border-radius:2px;
  transition:.22s ease;
  transform-origin:center;
}
.kvb-hamburger.kvb-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.kvb-hamburger.kvb-open span:nth-child(2){opacity:0;transform:scaleX(0)}
.kvb-hamburger.kvb-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.kvb-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:9998;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.kvb-overlay.kvb-open{
  opacity:1;
  pointer-events:all;
}

.kvb-drawer{
  position:fixed;
  top:0;
  right:0;
  height:100%;
  width:min(380px,88vw);
  z-index:9999;
  background:
    linear-gradient(160deg,rgba(0,214,214,.06) 0%,transparent 50%),
    #060e11;
  border-left:1px solid rgba(0,214,214,.18);
  transform:translateX(100%);
  transition:transform .32s cubic-bezier(.22,.8,.36,1);
  overflow-y:auto;
  padding:80px 28px 40px;
  display:flex;
  flex-direction:column;
  gap:10px;
  box-shadow:-20px 0 60px rgba(0,0,0,.38);
}
.kvb-drawer.kvb-open{transform:translateX(0)}

.kvb-drawer-title{
  color:#00d6d6;
  font-size:11px;
  font-weight:900;
  letter-spacing:.20em;
  text-transform:uppercase;
  margin-bottom:6px;
  margin-top:18px;
  text-shadow:0 0 12px rgba(0,214,214,.35);
  font-family:Arial,Helvetica,sans-serif;
}
.kvb-drawer-title:first-child{margin-top:0}

.kvb-drawer-sep{
  border:none;
  border-top:1px solid rgba(0,214,214,.10);
  margin:8px 0;
}

.kvb-dtile{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(0,214,214,.13);
  background:rgba(0,214,214,.04);
  text-decoration:none;
  color:#dff;
  transition:.20s ease;
  font-family:Arial,Helvetica,sans-serif;
}
.kvb-dtile:hover{
  border-color:rgba(0,214,214,.32);
  background:rgba(0,214,214,.08);
  transform:translateX(-3px);
}
.kvb-dtile.kvb-highlight{
  border-color:rgba(0,214,214,.28);
  background:rgba(0,214,214,.07);
}
.kvb-dtile-icon{
  font-size:20px;
  line-height:1;
  flex-shrink:0;
  width:32px;
  text-align:center;
}
.kvb-dtile-body{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.kvb-dtile-name{
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  color:#ffffff;
  text-transform:uppercase;
}
.kvb-dtile-desc{
  font-size:11px;
  color:#8ca8ad;
  letter-spacing:.07em;
  line-height:1.35;
}

@media(max-width:720px){
  .kvb-hamburger{top:14px;right:14px}
  .kvb-drawer{
    width:min(360px,90vw);
    padding:76px 18px 34px;
  }
  .kvb-dtile{padding:15px 16px}
}