/*
 * MXonnowell v0.1.61 — Mobil/Tablet Menü İzolasyonu ve Kesin Açılma Motoru
 * Legacy .mx-site-nav-v0148 drawer kurallarından tamamen bağımsız yeni viewport drawer.
 */
.mx-mobile-drawer-v0161,
.mx-mobile-menu-overlay-v0161{display:none}

@media (max-width:1480px){
  :root{--mx61-nav-top:68px}

  /* Eski header içi nav bu aralıkta yalnız masaüstü kalıntısıdır; drawer olarak kullanılmaz. */
  html body .mx-header-v0148 .mx-desktop-nav-v0161{display:none!important}

  html body .mx-header-v0148{
    z-index:12100!important;
    overflow:visible!important;
  }
  html body .mx-header-v0148 .mx-site-menu-toggle{
    display:inline-flex!important;
    position:relative!important;
    z-index:12120!important;
    pointer-events:auto!important;
    visibility:visible!important;
    opacity:1!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
  }
  html body .mx-header-v0148 .mx-site-menu-toggle .mx-menu-icon i{
    transform-origin:center!important;
    transition:transform .18s ease,opacity .18s ease!important;
  }
  html body.mx-menu-open .mx-header-v0148 .mx-site-menu-toggle .mx-menu-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
  html body.mx-menu-open .mx-header-v0148 .mx-site-menu-toggle .mx-menu-icon i:nth-child(2){opacity:0!important}
  html body.mx-menu-open .mx-header-v0148 .mx-site-menu-toggle .mx-menu-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}

  html body .mx-mobile-menu-overlay-v0161{
    display:block!important;
    position:fixed!important;
    top:var(--mx61-nav-top)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    z-index:12150!important;
    background:rgba(1,25,52,.46)!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease,visibility 0s linear .18s!important;
  }
  html body .mx-mobile-menu-overlay-v0161.is-open,
  html body.mx-menu-open .mx-mobile-menu-overlay-v0161{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition-delay:0s!important;
  }

  html body .mx-mobile-drawer-v0161{
    display:flex!important;
    position:fixed!important;
    top:var(--mx61-nav-top)!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    z-index:12200!important;
    width:min(440px,92vw)!important;
    max-width:92vw!important;
    height:auto!important;
    max-height:calc(100dvh - var(--mx61-nav-top))!important;
    margin:0!important;
    padding:0 15px calc(28px + env(safe-area-inset-bottom))!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:4px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:#fff!important;
    background-image:none!important;
    color:#173028!important;
    border:0!important;
    border-left:1px solid #dfe9e4!important;
    box-shadow:-18px 0 50px rgba(1,31,58,.22)!important;
    transform:translate3d(104%,0,0)!important;
    visibility:hidden!important;
    opacity:1!important;
    pointer-events:none!important;
    filter:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transition:transform .2s cubic-bezier(.22,.61,.36,1),visibility 0s linear .2s!important;
    isolation:isolate!important;
  }
  html body .mx-mobile-drawer-v0161.is-open,
  html body.mx-menu-open .mx-mobile-drawer-v0161{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition-delay:0s!important;
  }

  .mx-mobile-menu-head-v0161{
    display:flex!important;
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:60px!important;
    margin:0 -15px 7px!important;
    padding:7px 15px!important;
    border-bottom:1px solid #e0ebe5!important;
    background:#fff!important;
  }
  .mx-mobile-menu-head-v0161 strong{font-size:17px!important;font-weight:550!important;color:#173028!important}
  .mx-site-menu-close-v0161{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    border:1px solid #dbe6e0!important;
    border-radius:11px!important;
    background:#f7faf8!important;
    color:#173028!important;
    font:400 29px/1 Arial,sans-serif!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }

  html body .mx-mobile-drawer-v0161 .mx-nav-list-v0148{
    display:flex!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:2px!important;
    list-style:none!important;
  }
  html body .mx-mobile-drawer-v0161 .mx-nav-list-v0148>li{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  html body .mx-mobile-drawer-v0161 .mx-nav-list-v0148>li>a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:47px!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#173028!important;
    text-decoration:none!important;
    text-shadow:none!important;
    white-space:normal!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:500!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body .mx-mobile-drawer-v0161 .mx-nav-list-v0148>li>a:hover,
  html body .mx-mobile-drawer-v0161 .mx-nav-list-v0148>li>a.is-current{
    background:#f0f7f3!important;
    color:#075d32!important;
  }
  html body .mx-mobile-drawer-v0161 .mx-nav-list-v0148>li>a.is-current:after{display:none!important}

  html body .mx-mobile-drawer-v0161 .mx-nav-utility-v0148{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    margin-top:12px!important;
    padding-top:13px!important;
    border-top:1px solid #e2ece7!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body .mx-mobile-drawer-v0161 .mx-nav-utility-v0148 a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:43px!important;
    padding:0 9px!important;
    border:1px solid #dce8e1!important;
    border-radius:9px!important;
    background:#f7faf8!important;
    color:#345044!important;
    text-decoration:none!important;
    text-shadow:none!important;
    font-size:12px!important;
    font-weight:500!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body .mx-mobile-drawer-v0161 .mx-mobile-login-v0161{
    display:flex!important;
    position:static!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:48px!important;
    margin:11px 0 0!important;
    border:1px solid #087a3e!important;
    border-radius:10px!important;
    background:#087a3e!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:600!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body.mx-menu-open{overflow:hidden!important}
  html body.mx-menu-open .mx-mobile-dock{opacity:0!important;pointer-events:none!important;transform:translateY(120%)!important}
}

@media (max-width:767px){
  :root{--mx61-nav-top:60px}
  html body .mx-mobile-drawer-v0161{
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    border-left:0!important;
    box-shadow:none!important;
    padding:0 13px calc(30px + env(safe-area-inset-bottom))!important;
  }
  .mx-mobile-menu-head-v0161{margin-left:-13px!important;margin-right:-13px!important;padding-left:13px!important;padding-right:13px!important}
  html body .mx-mobile-drawer-v0161 .mx-nav-list-v0148>li>a{min-height:48px!important;font-size:15px!important}
}

@media (min-width:1481px){
  html body .mx-mobile-drawer-v0161,
  html body .mx-mobile-menu-overlay-v0161{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .mx-mobile-drawer-v0161,.mx-mobile-menu-overlay-v0161,.mx-site-menu-toggle .mx-menu-icon i{transition:none!important}
}