/* Naturköy V98 - Mobil / masaüstü menü kesin düzeltme */
.topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:999990!important;pointer-events:auto!important;}
.topbar *, nav.mainnav, nav.mainnav *{pointer-events:auto!important;}
.hamb{cursor:pointer!important;touch-action:manipulation!important;}
.mobile-overlay{display:none!important;}

@media(min-width:901px){
  body.menu-active{overflow:auto!important;}
  .mobile-overlay{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
  .topbar .hamb,.hamb{display:none!important;}
  header.topbar nav.mainnav, nav.mainnav{
    position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;
    width:auto!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;background:transparent!important;
    transform:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;box-shadow:none!important;border:0!important;border-radius:0!important;
  }
  nav.mainnav>a, nav.mainnav .navdrop>a{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:34px!important;padding:6px 0!important;margin:0!important;
    background:transparent!important;border:0!important;border-radius:0!important;color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.03em!important;text-transform:uppercase!important;white-space:nowrap!important;line-height:1.2!important;
  }
  nav.mainnav .navdrop{position:relative!important;display:flex!important;align-items:center!important;width:auto!important;overflow:visible!important;}
  nav.mainnav .navdrop>a:after{content:'⌄'!important;margin-left:7px!important;color:#d7ef5d!important;font-size:11px!important;}
  nav.mainnav .dropdown{
    position:absolute!important;left:50%!important;top:100%!important;z-index:999999!important;min-width:245px!important;width:max-content!important;max-width:340px!important;
    display:block!important;padding:12px!important;margin-top:14px!important;background:rgba(7,25,12,.98)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
    opacity:0!important;visibility:hidden!important;transform:translateX(-50%) translateY(10px)!important;transition:.18s ease!important;pointer-events:none!important;overflow:visible!important;max-height:none!important;
  }
  nav.mainnav .navdrop:hover .dropdown, nav.mainnav .navdrop:focus-within .dropdown{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important;pointer-events:auto!important;}
  nav.mainnav .dropdown a{display:block!important;width:100%!important;padding:11px 13px!important;margin:0!important;border-radius:10px!important;background:transparent!important;border:0!important;color:#eef7e8!important;font-size:13px!important;font-weight:800!important;text-align:left!important;text-transform:none!important;white-space:normal!important;line-height:1.25!important;}
  nav.mainnav .dropdown a:hover{background:rgba(169,199,55,.16)!important;color:#d7ef5d!important;}
}

@media(max-width:900px){
  body.menu-active{overflow:hidden!important;touch-action:none!important;}
  header.topbar{height:76px!important;padding:10px 14px!important;background:rgba(4,18,8,.96)!important;display:flex!important;align-items:center!important;gap:10px!important;}
  header.topbar .brand{flex:0 0 auto!important;width:auto!important;min-width:128px!important;max-width:145px!important;z-index:999994!important;}
  header.topbar .logo-bg{display:flex!important;width:138px!important;height:56px!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;overflow:hidden!important;background:rgba(255,255,255,.92)!important;}
  header.topbar .logo-bg img{max-width:126px!important;max-height:48px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
  header.topbar .reserve{display:inline-flex!important;margin-left:auto!important;height:54px!important;min-width:54px!important;padding:0 14px!important;border-radius:18px!important;font-size:12px!important;z-index:999995!important;}
  header.topbar .hamb,.hamb{display:flex!important;align-items:center!important;justify-content:center!important;width:54px!important;height:54px!important;min-width:54px!important;border:0!important;border-radius:18px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:0!important;line-height:1!important;z-index:999996!important;}
  .hamb:before{content:'☰'!important;font-size:30px!important;color:#fff!important;line-height:1!important;}
  body.menu-active .hamb:before,.hamb.is-open:before{content:'×'!important;font-size:42px!important;font-weight:300!important;}
  .mobile-overlay{display:block!important;position:fixed!important;inset:0!important;background:rgba(0,0,0,.58)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:999980!important;transition:.2s ease!important;}
  body.menu-active .mobile-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
  header.topbar nav.mainnav, nav.mainnav{
    position:fixed!important;top:76px!important;right:0!important;bottom:0!important;left:auto!important;width:min(88vw,390px)!important;height:calc(100dvh - 76px)!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:10px!important;padding:18px!important;margin:0!important;
    background:#06170b!important;color:#fff!important;border-left:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;box-shadow:-22px 0 70px rgba(0,0,0,.45)!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;transform:translate3d(112%,0,0)!important;transition:transform .24s ease!important;z-index:999992!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;text-align:left!important;
  }
  body.menu-active nav.mainnav, nav.mainnav.open{transform:translate3d(0,0,0)!important;}
  nav.mainnav>a, nav.mainnav .navdrop>a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:58px!important;padding:16px!important;margin:0!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;white-space:normal!important;opacity:1!important;}
  nav.mainnav .navdrop{display:block!important;position:relative!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;}
  nav.mainnav .navdrop>a:after{content:'+'!important;margin-left:auto!important;color:#cce36f!important;font-size:24px!important;line-height:1!important;}
  nav.mainnav .navdrop.open>a:after{content:'−'!important;}
  nav.mainnav .dropdown{position:static!important;display:block!important;width:100%!important;max-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;border:0!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:max-height .24s ease,padding .24s ease,margin .24s ease,border .24s ease!important;}
  nav.mainnav .navdrop.open .dropdown{max-height:780px!important;padding:8px!important;margin:8px 0 2px!important;border:1px solid rgba(255,255,255,.08)!important;}
  nav.mainnav .dropdown a{display:block!important;width:100%!important;padding:14px 15px!important;margin:0!important;border-radius:12px!important;background:transparent!important;border:0!important;color:#ecf4e4!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;white-space:normal!important;line-height:1.25!important;}
  .nk-final-music-btn{z-index:999900!important;right:16px!important;bottom:18px!important;}
}
@media(max-width:420px){
  header.topbar .logo-bg{width:128px!important;height:54px!important;}
  header.topbar .logo-bg img{max-width:118px!important;max-height:46px!important;}
  header.topbar .reserve{width:54px!important;min-width:54px!important;padding:0!important;font-size:0!important;}
  nav.mainnav{width:88vw!important;}
}

/* V99 ek güvenlik: mobil menü tıklamalarını engelleyen tüm katmanların önüne al */
@media(max-width:900px){
  body.menu-active{overflow:hidden!important;touch-action:auto!important;}
  body.menu-active header.topbar{z-index:2147483000!important;}
  body.menu-active header.topbar nav.mainnav,
  body.menu-active nav.mainnav,
  nav.mainnav.open{z-index:2147483200!important;pointer-events:auto!important;}
  body.menu-active header.topbar .hamb,
  body.menu-active .hamb{z-index:2147483300!important;pointer-events:auto!important;}
  body.menu-active .mobile-overlay{z-index:2147482500!important;pointer-events:auto!important;}
  body.menu-active .nk-atmosphere,
  body.menu-active .nk-loader,
  body.menu-active .nk-final-music-btn{pointer-events:none!important;}
  header.topbar nav.mainnav a,
  nav.mainnav.open a{cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(200,230,80,.25)!important;}
}

/* V100 kesin dokunma düzeltmesi */
.topbar .hamb{pointer-events:auto!important;user-select:none!important;-webkit-user-select:none!important;}
@media(max-width:900px){
  header.topbar{z-index:2147483000!important;}
  header.topbar .hamb{position:relative!important;z-index:2147483600!important;}
  header.topbar nav.mainnav{z-index:2147483400!important;}
  .mobile-overlay{z-index:2147482500!important;}
  body.menu-active .reserve{pointer-events:none!important;}
  body.menu-active .nk-final-music-btn{pointer-events:none!important;opacity:.85!important;}
}