/* Naturkoy v23 - mobile reservation button fix */
@media (max-width: 900px){
  header.topbar,
  .topbar{
    height:72px!important;
    padding:10px 12px!important;
    gap:8px!important;
    align-items:center!important;
  }
  .topbar .logo-brand,
  .topbar .brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:145px!important;
  }
  .topbar .logo-bg img,
  .topbar .brand img{
    max-width:128px!important;
    height:auto!important;
  }
  .topbar > .reserve,
  header.topbar > .reserve{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:118px!important;
    max-width:132px!important;
    height:42px!important;
    padding:0 12px!important;
    margin-left:auto!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#8aa330,#5d751f)!important;
    color:#fff!important;
    font-size:0!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.2px!important;
    box-shadow:0 8px 24px rgba(38,72,20,.24)!important;
    overflow:hidden!important;
  }
  .topbar > .reserve:before,
  header.topbar > .reserve:before{
    content:'▣'!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:18px!important;
    height:18px!important;
    margin:0 7px 0 0!important;
    font-size:13px!important;
    color:#fff!important;
    line-height:1!important;
  }
  .topbar > .reserve:after,
  header.topbar > .reserve:after{
    content:'Rezervasyon'!important;
    display:inline-flex!important;
    font-size:11px!important;
    color:#fff!important;
    line-height:1!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  .hamb,
  .topbar .hamb,
  header.topbar .hamb{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    border-radius:14px!important;
    border:0!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:0!important;
    line-height:1!important;
  }
  .hamb:before,
  .topbar .hamb:before,
  header.topbar .hamb:before{
    content:'☰'!important;
    font-size:27px!important;
    color:#fff!important;
    line-height:1!important;
  }
  body.menu-active .hamb:before,
  body.menu-active .topbar .hamb:before{
    content:'×'!important;
    font-size:34px!important;
  }
}
@media (max-width: 370px){
  .topbar .logo-brand,
  .topbar .brand{max-width:118px!important;}
  .topbar > .reserve,
  header.topbar > .reserve{min-width:108px!important;max-width:112px!important;padding:0 9px!important;}
  .topbar > .reserve:after,
  header.topbar > .reserve:after{font-size:10px!important;}
  .hamb,.topbar .hamb,header.topbar .hamb{flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important;}
}