/* V43 - Tek Yetkili Mobil Menü
   Amaç: app.js (.mobile-nav-toggle), vip-v16.js (.mobile-menu-toggle) ve eski site-mobile üretimlerinden sadece tek ikon bırakmak. */
.mobile-nav-toggle,
.mobile-menu-toggle,
.mobile-drawer,
.topbar > .mobile-nav-toggle,
.topbar > .mobile-menu-toggle,
body > .mobile-drawer{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.ofa-mobile-menu-button,
.ofa-mobile-drawer,
.ofa-mobile-backdrop{
  font-family:Inter,Arial,Helvetica,sans-serif;
  box-sizing:border-box;
}

.ofa-mobile-menu-button{
  display:none;
  width:44px;
  height:44px;
  min-width:44px;
  border-radius:15px;
  border:1px solid rgba(205,190,255,.18);
  background:rgba(255,255,255,.075);
  color:#fff;
  align-items:center;
  justify-content:center;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  position:relative;
  z-index:100002;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  appearance:none;
  box-shadow:0 14px 30px rgba(0,0,0,.24);
}
.ofa-mobile-menu-button.is-open{
  background:rgba(168,85,247,.22);
  border-color:rgba(168,85,247,.42);
  color:#d8b4fe;
}

.ofa-mobile-backdrop{
  display:none;
  position:fixed;
  inset:0;
  z-index:100000;
  background:rgba(0,0,0,.50);
  backdrop-filter:blur(3px);
}
.ofa-mobile-drawer{
  display:block;
  position:fixed;
  z-index:100001;
  top:82px;
  left:16px;
  right:16px;
  max-height:calc(100vh - 104px);
  overflow:auto;
  padding:14px;
  border:1px solid rgba(185,128,255,.36);
  background:rgba(9,11,25,.98);
  backdrop-filter:blur(24px);
  border-radius:22px;
  box-shadow:0 34px 110px rgba(0,0,0,.54);
  transform:translateY(-12px);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.ofa-mobile-drawer a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:46px;
  padding:13px 15px;
  border-radius:16px;
  color:#f4f0ff!important;
  text-decoration:none!important;
  font-weight:850;
  border:1px solid transparent;
}
.ofa-mobile-drawer a:hover,
.ofa-mobile-drawer a:focus{
  background:rgba(168,85,247,.16);
  border-color:rgba(168,85,247,.28);
  color:#fff!important;
}
.ofa-mobile-drawer a.pill{
  background:linear-gradient(135deg,rgba(168,85,247,.28),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
body.ofa-mobile-menu-open{overflow:hidden}
body.ofa-mobile-menu-open .ofa-mobile-backdrop{display:block}
body.ofa-mobile-menu-open .ofa-mobile-drawer{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

@media(max-width:900px){
  .topbar{
    min-height:70px;
    height:70px;
    padding-left:16px!important;
    padding-right:16px!important;
    position:sticky;
    top:0;
    z-index:100000;
  }
  .topbar .nav{display:none!important}
  .ofa-mobile-menu-button{display:flex!important}
  .brand span:not(.brand-mark){max-width:210px;min-width:0}
  .brand strong,.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:520px){
  .ofa-mobile-drawer{top:78px;left:10px;right:10px;border-radius:20px}
  .brand span:not(.brand-mark){max-width:180px}
}