/* ===== Modern mobil drawer ===== */
.left-menu{
  position:fixed !important; top:0 !important; left:0 !important; bottom:0 !important;
  width:min(87vw,370px) !important; max-width:370px !important; height:100% !important;
  background:#fff !important; z-index:100000 !important;
  transform:translateX(-103%) !important; visibility:hidden !important;
  transition:transform .34s cubic-bezier(.32,.72,.28,1), visibility .34s !important;
  display:flex !important; flex-direction:column !important;
  box-shadow:14px 0 46px -18px rgba(15,23,42,.55) !important;
  border-radius:0 18px 18px 0 !important; overflow:hidden !important;
  padding:0 !important; margin:0 !important;
}
.left-menu.opened{ transform:translateX(0) !important; visibility:visible !important; }
.left-menu-overlay{
  position:fixed !important; inset:0 !important; z-index:99999 !important;
  background:rgba(12,17,33,.52) !important; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  opacity:0 !important; visibility:hidden !important; transition:opacity .3s ease, visibility .3s ease !important;
}
.left-menu-overlay.on{ opacity:1 !important; visibility:visible !important; }
body.mm-lock{ overflow:hidden !important; }

/* Başlık (marka + kapat) */
.left-menu-header{
  background:linear-gradient(135deg,#c0392b,#a5281c) !important;
  padding:16px 16px 14px !important; padding-top:calc(16px + env(safe-area-inset-top)) !important;
  display:flex !important; flex-direction:column !important; gap:12px !important; border:0 !important;
}
.mm-brandrow{ display:flex; align-items:center; justify-content:space-between; }
.mm-brand{ display:flex; align-items:center; gap:9px; color:#fff; font-weight:800; font-size:16px; letter-spacing:.3px; text-decoration:none; }
.mm-brand .mm-logo{ width:30px;height:30px;border-radius:8px;background:#fff;color:#c0392b;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900; }
.mm-brand small{ display:block; font-size:10.5px; font-weight:600; opacity:.85; letter-spacing:.2px; margin-top:1px; }
.left-menu-off{
  position:static !important; width:36px !important; height:36px !important; margin:0 !important;
  background:rgba(255,255,255,.16) !important; border-radius:50% !important;
  display:flex !important; align-items:center !important; justify-content:center !important; cursor:pointer;
}
.left-menu-off svg{ width:13px !important; height:13px !important; }
.left-menu-off svg path{ fill:#fff !important; }
/* Arama pill */
.left-menu-header .newheadersearch{ position:relative; display:flex; align-items:center; background:rgba(255,255,255,.16); border-radius:11px; padding:0 12px; height:44px; }
.left-menu-header .newheadersearch input{ flex:1; border:0 !important; background:transparent !important; color:#fff !important; font-size:14.5px !important; height:44px !important; padding:0 6px !important; outline:none; }
.left-menu-header .newheadersearch input::placeholder{ color:rgba(255,255,255,.8); }
.left-menu-header .openSearch{ display:flex;align-items:center; }
.left-menu-header .openSearch img{ width:17px;height:17px;filter:brightness(0) invert(1);opacity:.9; }

/* Gövde + öğeler (UNIFORM) */
.left-menu-body{ flex:1 1 auto !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; padding:8px 0 !important; }
.left-menu-body ul{ list-style:none !important; margin:0 !important; padding:0 !important; }
.left-menu-body li{ margin:0 !important; padding:0 !important; border:0 !important; list-style:none !important; }
.left-menu-body li a{
  display:flex !important; align-items:center !important; gap:13px !important;
  min-height:54px !important; padding:13px 18px !important;
  font-size:15.5px !important; font-weight:600 !important; line-height:1.25 !important;
  color:#1b2437 !important; text-transform:none !important; text-decoration:none !important;
  letter-spacing:0 !important; border-bottom:1px solid #f1f3f7 !important; background:#fff !important;
  transition:background .15s ease, color .15s ease, box-shadow .15s ease !important;
}
.left-menu-body li a .mm-ico{ flex:0 0 auto; width:24px; text-align:center; font-size:19px; line-height:1; }
.left-menu-body li a .mm-txt{ flex:1 1 auto; min-width:0; }
.left-menu-body li a:after{ content:'›'; flex:0 0 auto; font-size:20px; font-weight:700; color:#c7cdd8; line-height:1; }
.left-menu-body li a:hover,.left-menu-body li a:active{ background:#fdf2f0 !important; color:#c0392b !important; box-shadow:inset 3px 0 0 #c0392b !important; }
.left-menu-body li a:hover:after,.left-menu-body li a:active:after{ color:#c0392b !important; }
.left-menu-body li.current-menu-item a{ background:#fdf2f0 !important; color:#c0392b !important; box-shadow:inset 3px 0 0 #c0392b !important; }

/* Alt CTA */
.mm-cta{ padding:14px 16px calc(74px + env(safe-area-inset-bottom)); border-top:1px solid #eef0f4; display:flex; flex-direction:column; gap:9px; background:#fafbfc; }
.mm-cta a{ display:flex; align-items:center; justify-content:center; gap:8px; height:46px; border-radius:11px; font-size:14.5px; font-weight:700; text-decoration:none; }
.mm-cta .mm-cta-1{ background:#fff; border:1.5px solid #e3e7ee; color:#16213e; }
.mm-cta .mm-cta-2{ background:#c0392b; color:#fff; box-shadow:0 8px 18px -8px rgba(192,57,43,.6); }
.mm-cta small{ text-align:center; color:#9aa1ad; font-size:11px; margin-top:2px; }