/* DAG Mobil Menü v2.1 - Siyah panel, beyaz yazı, temiz kurumsal */

.dag-mm{position:fixed;top:16px;right:16px;z-index:99999;display:none}

/* Toggle: BEYAZ arkaplan, 3 çizgi siyah */
.dag-mm__toggle{
  width:46px;height:46px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 14px 30px rgba(0,0,0,.16);
  transition:transform .18s ease, box-shadow .18s ease;
}
.dag-mm__toggle:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.20)}
.dag-mm__bars{display:inline-grid;gap:5px}
.dag-mm__bars i{display:block;width:18px;height:2px;background:#111;border-radius:99px}

/* Backdrop */
.dag-mm__backdrop{
  position:fixed;inset:0;
  background:rgba(0,0,0,.58);
  backdrop-filter:blur(2px);
}

/* Panel (siyah) */
.dag-mm__panel{
  position:fixed;top:0;right:0;
  height:100vh;
  width:min(420px, 86vw);
  background:#0b0b0b;
  color:#fff;
  box-shadow:-24px 0 70px rgba(0,0,0,.40);
  border-left:1px solid rgba(255,255,255,.08);
  transform:translateX(110%);
  transition:transform .28s ease;
  display:flex;
  flex-direction:column;
  -webkit-font-smoothing:antialiased;
}
.dag-mm.is-open .dag-mm__panel{transform:translateX(0)}

/* Header */
.dag-mm__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 18px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.dag-mm__logo{text-decoration:none;color:#fff;display:flex;align-items:center;gap:10px}
.dag-mm__logo-img{max-height:34px;width:auto;height:auto;display:block;object-fit:contain}
.dag-mm__logo-text{font-weight:900;letter-spacing:.2px}

/* Close: kullanıcı “karışma” dedi -> beyaz X, arkaplan yok */
.dag-mm__close{border:none;background:transparent;cursor:pointer;padding:6px 8px;line-height:1}
.dag-mm__close span{
  color:#fff;
  font-size:28px;
  font-weight:700;
}

/* Body */
.dag-mm__body{padding:16px 18px 22px;overflow:auto;display:flex;flex-direction:column;gap:14px}

/* Menü */
.dag-mm__menu{
  list-style:none;margin:0;padding:0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
  background:rgba(255,255,255,.03);
}
.dag-mm__menu li{margin:0}
.dag-mm__menu a{
  display:block;
  padding:14px 14px;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.08);
  transition:background .15s ease;
  font-weight:800;
  letter-spacing:.15px;
}
.dag-mm__menu a:hover{background:rgba(255,255,255,.06)}
.dag-mm__menu li:last-child a{border-bottom:0}

/* Alt menü */
.dag-mm__menu .sub-menu{
  list-style:none;margin:0;
  padding:6px 0 10px 0;
  background:rgba(0,0,0,.35);
  border-top:1px solid rgba(255,255,255,.08);
}
.dag-mm__menu .sub-menu a{
  padding:12px 14px 12px 26px;
  font-size:14px;
  font-weight:700;
  opacity:.92;
  border-bottom:0;
}

/* Contact */
.dag-mm__contact{
  margin-top:auto;
  display:grid;
  gap:10px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.10);
}
.dag-mm__contact-btn{
  display:block;
  text-align:center;
  padding:12px 14px;
  border-radius:14px;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.2px;
}
.dag-mm__contact-btn--primary{
  background: #b1b1b1;
  color:#111;
}
.dag-mm__contact-btn--ghost{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
}